BoxShadow Object Object

[Marwaxhello]

Het gebruiken van het boxshadow tokens werkt niet en zegt gdat het een OBJECT OBJECT in staat.

in de figma.tokens.Json bestand staat het nu zo:

  "box-shadow": {
        "sm": {
          "value": {
            "x": "0",
            "y": "2",
            "blur": "6",
            "spread": "0",
            "color": "{frameless.color.gray.90}",
            "type": "dropShadow"
          },
          "type": "boxShadow"
        },
        "md": {
          "value": {
            "x": "0",
            "y": "8",
            "blur": "16",
            "spread": "0",
            "color": "{frameless.color.gray.90}",
            "type": "dropShadow"
          },
          "type": "boxShadow"
        },
        "lg": {
          "value": {
            "x": "0",
            "y": "16",
            "blur": "48",
            "spread": "0",
            "color": "{frameless.color.gray.90}",
            "type": "dropShadow"
          },
          "type": "boxShadow"
        }

Zo heb ik hem opgeroept in mijn components/card

"components/card": {
    "frameless": {
      "card": {
        "box-shadow": { "value": "{frameless.box-shadow.lg}" },
      }
    }
  },

En zo uiteindelijk in mijn scss bestand
box-shadow: var(--frameless-card-box-shadow-lg);
Hij is wel defined maar blijkt dat hij de styling van de shadow niet pakt staat in de inspector.