@solibo/solibo-ui 0.4.10 → 0.5.3

package/dist/tokens.json

@@ -2,13 +2,13 @@
   "$description": "Design tokens exported from Figma",
   "$extensions": {
     "com.figma": {
-      "exportedAt": "2026-04-30T09:39:48.681Z",
+      "exportedAt": "2026-05-22T10:31:57.044Z",
       "history": [
         {
           "author": "Anne Cathrine",
           "changesSummary": "Export from Figma",
-          "exportedAt": "2026-04-30T09:39:48.681Z",
-          "variableCount": 158,
+          "exportedAt": "2026-05-22T10:31:57.044Z",
+          "variableCount": 187,
           "version": "1.0.0"
         }
       ],
@@ -57,6 +57,7 @@
         ]
       },
       "originalPaths": {
+        "colors.box-shadow": "colors/box-shadow",
         "colors.green.100": "colors/green/100",
         "colors.green.200": "colors/green/200",
         "colors.green.300": "colors/green/300",
@@ -115,6 +116,7 @@
         "colors.semantic.border.default": "colors/semantic/border/default",
         "colors.semantic.border.disabled": "colors/semantic/border/disabled",
         "colors.semantic.border.focus": "colors/semantic/border/focus",
+        "colors.semantic.border.on-color": "colors/semantic/border/on-color",
         "colors.semantic.border.strong": "colors/semantic/border/strong",
         "colors.semantic.border.subtle": "colors/semantic/border/subtle",
         "colors.semantic.content.disabled": "colors/semantic/content/disabled",
@@ -152,6 +154,7 @@
         "colors.semantic.status.warning.border": "colors/semantic/status/warning/border",
         "colors.semantic.status.warning.content": "colors/semantic/status/warning/content",
         "colors.semantic.status.warning.content-inverse": "colors/semantic/status/warning/content-inverse",
+        "colors.transluscent": "colors/transluscent",
         "font.base": "font/base",
         "font.font-weight.bold": "font/font-weight/bold",
         "font.font-weight.regular": "font/font-weight/regular",
@@ -184,12 +187,38 @@
         "shape.border-radius.radius-md": "shape/border-radius/radius-md",
         "shape.border-radius.radius-none": "shape/border-radius/radius-none",
         "shape.border-radius.radius-xl": "shape/border-radius/radius-xl",
+        "shape.box-shadow.lg.blur": "shape/box-shadow/lg/blur",
+        "shape.box-shadow.lg.color": "shape/box-shadow/lg/Color",
+        "shape.box-shadow.lg.position-x": "shape/box-shadow/lg/position-x",
+        "shape.box-shadow.lg.position-y": "shape/box-shadow/lg/position-y",
+        "shape.box-shadow.lg.spread": "shape/box-shadow/lg/spread",
+        "shape.box-shadow.md.blur": "shape/box-shadow/md/blur",
+        "shape.box-shadow.md.color": "shape/box-shadow/md/Color",
+        "shape.box-shadow.md.position-x": "shape/box-shadow/md/position-x",
+        "shape.box-shadow.md.position-y": "shape/box-shadow/md/position-y",
+        "shape.box-shadow.md.spread": "shape/box-shadow/md/spread",
+        "shape.box-shadow.sm.blur": "shape/box-shadow/sm/blur",
+        "shape.box-shadow.sm.color": "shape/box-shadow/sm/Color",
+        "shape.box-shadow.sm.position-x": "shape/box-shadow/sm/position-x",
+        "shape.box-shadow.sm.position-y": "shape/box-shadow/sm/position-y",
+        "shape.box-shadow.sm.spread": "shape/box-shadow/sm/spread",
+        "shape.box-shadow.xl.blur": "shape/box-shadow/xl/blur",
+        "shape.box-shadow.xl.color": "shape/box-shadow/xl/Color",
+        "shape.box-shadow.xl.position-x": "shape/box-shadow/xl/position-x",
+        "shape.box-shadow.xl.position-y": "shape/box-shadow/xl/position-y",
+        "shape.box-shadow.xl.spread": "shape/box-shadow/xl/spread",
+        "shape.box-shadow.xs.blur": "shape/box-shadow/xs/blur",
+        "shape.box-shadow.xs.color": "shape/box-shadow/xs/Color",
+        "shape.box-shadow.xs.position-x": "shape/box-shadow/xs/position-x",
+        "shape.box-shadow.xs.position-y": "shape/box-shadow/xs/position-y",
+        "shape.box-shadow.xs.spread": "shape/box-shadow/xs/spread",
         "shape.spacing.2xl": "shape/spacing/2xl",
         "shape.spacing.2xs": "shape/spacing/2xs",
         "shape.spacing.3xl": "shape/spacing/3xl",
         "shape.spacing.3xs": "shape/spacing/3xs",
         "shape.spacing.lg": "shape/spacing/lg",
         "shape.spacing.md": "shape/spacing/md",
+        "shape.spacing.none": "shape/spacing/none",
         "shape.spacing.sm": "shape/spacing/sm",
         "shape.spacing.xl": "shape/spacing/xl",
         "shape.spacing.xs": "shape/spacing/xs",
@@ -221,16 +250,32 @@
     },
     "com.solibo": {
       "packageName": "@solibo/solibo-ui",
-      "packageVersion": "0.4.10"
+      "packageVersion": "0.5.3"
     }
   },
   "$name": "Solibo UI Tokens",
   "colors": {
+    "box-shadow": {
+      "$extensions": {
+        "com.figma": {
+          "scopes": [
+            "ALL_SCOPES"
+          ]
+        }
+      },
+      "$type": "color",
+      "$value": {
+        "Dark": "#000000e0",
+        "Light": "#0000001f"
+      }
+    },
     "green": {
       "50": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -242,7 +287,9 @@
       "100": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -254,7 +301,9 @@
       "200": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -266,7 +315,9 @@
       "300": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -278,7 +329,9 @@
       "400": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -290,7 +343,9 @@
       "500": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -302,7 +357,9 @@
       "600": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -314,7 +371,9 @@
       "700": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -326,7 +385,9 @@
       "800": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -338,7 +399,9 @@
       "900": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -352,7 +415,9 @@
       "0": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -364,7 +429,9 @@
       "50": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -376,7 +443,9 @@
       "100": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -388,7 +457,9 @@
       "200": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -400,7 +471,9 @@
       "300": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -412,7 +485,9 @@
       "400": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -424,7 +499,9 @@
       "500": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -436,7 +513,9 @@
       "600": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -448,7 +527,9 @@
       "700": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -460,7 +541,9 @@
       "800": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -472,7 +555,9 @@
       "900": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -486,7 +571,9 @@
       "50": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -498,7 +585,9 @@
       "100": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -510,7 +599,9 @@
       "200": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -522,7 +613,9 @@
       "300": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -534,7 +627,9 @@
       "400": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -546,7 +641,9 @@
       "500": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -558,7 +655,9 @@
       "600": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -570,7 +669,9 @@
       "700": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -582,7 +683,9 @@
       "800": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -594,7 +697,9 @@
       "900": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -608,7 +713,9 @@
       "50": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -620,7 +727,9 @@
       "100": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -632,7 +741,9 @@
       "200": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -644,7 +755,9 @@
       "300": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -656,7 +769,9 @@
       "400": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -668,7 +783,9 @@
       "500": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -680,7 +797,9 @@
       "600": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -692,7 +811,9 @@
       "700": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -704,7 +825,9 @@
       "800": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -716,7 +839,9 @@
       "900": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -730,7 +855,9 @@
       "50": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -742,7 +869,9 @@
       "100": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -754,7 +883,9 @@
       "200": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -766,7 +897,9 @@
       "300": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -778,7 +911,9 @@
       "400": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -790,7 +925,9 @@
       "500": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -802,7 +939,9 @@
       "600": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -814,7 +953,9 @@
       "700": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -826,7 +967,9 @@
       "800": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -838,7 +981,9 @@
       "900": {
         "$extensions": {
           "com.figma": {
-            "scopes": []
+            "scopes": [
+              "ALL_FILLS"
+            ]
           }
         },
         "$type": "color",
@@ -906,7 +1051,7 @@
           },
           "$type": "color",
           "$value": {
-            "Dark": "{colors.neutral.800}",
+            "Dark": "{colors.neutral.700}",
             "Light": "{colors.neutral.0}"
           }
         }
@@ -939,7 +1084,7 @@
           "$type": "color",
           "$value": {
             "Dark": "{colors.neutral.700}",
-            "Light": "{colors.neutral.50}"
+            "Light": "{colors.neutral.100}"
           }
         },
         "focus": {
@@ -957,6 +1102,20 @@
             "Light": "{colors.purple.500}"
           }
         },
+        "on-color": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": {
+            "Dark": "{colors.neutral.400}",
+            "Light": "{colors.neutral.0}"
+          }
+        },
         "strong": {
           "$extensions": {
             "com.figma": {
@@ -1041,7 +1200,9 @@
           "$extensions": {
             "com.figma": {
               "scopes": [
-                "ALL_SCOPES"
+                "SHAPE_FILL",
+                "TEXT_FILL",
+                "STROKE_COLOR"
               ]
             }
           },
@@ -1096,7 +1257,7 @@
           "$type": "color",
           "$value": {
             "Dark": "{colors.neutral.200}",
-            "Light": "{colors.neutral.500}"
+            "Light": "{colors.neutral.600}"
           }
         },
         "tertiary": {
@@ -1171,7 +1332,7 @@
           },
           "$type": "color",
           "$value": {
-            "Dark": "{colors.neutral.500}",
+            "Dark": "{colors.neutral.600}",
             "Light": "{colors.neutral.200}"
           }
         },
@@ -1187,7 +1348,7 @@
           },
           "$type": "color",
           "$value": {
-            "Dark": "{colors.purple.700}",
+            "Dark": "{colors.neutral.500}",
             "Light": "{colors.purple.50}"
           }
         },
@@ -1204,7 +1365,7 @@
           "$type": "color",
           "$value": {
             "Dark": "{colors.neutral.700}",
-            "Light": "{colors.neutral.50}"
+            "Light": "{colors.neutral.100}"
           }
         },
         "pressed": {
@@ -1235,8 +1396,8 @@
           },
           "$type": "color",
           "$value": {
-            "Dark": "{colors.purple.600}",
-            "Light": "{colors.purple.100}"
+            "Dark": "{colors.neutral.700}",
+            "Light": "{colors.purple.50}"
           }
         }
       },
@@ -1297,8 +1458,8 @@
           },
           "$type": "color",
           "$value": {
-            "Dark": "{colors.purple.200}",
-            "Light": "{colors.purple.700}"
+            "Dark": "{colors.purple.50}",
+            "Light": "{colors.purple.800}"
           }
         },
         "primary-hover": {
@@ -1312,8 +1473,8 @@
           },
           "$type": "color",
           "$value": {
-            "Dark": "{colors.purple.300}",
-            "Light": "{colors.purple.600}"
+            "Dark": "{colors.purple.200}",
+            "Light": "{colors.purple.700}"
           }
         },
         "primary-subtle": {
@@ -1523,6 +1684,20 @@
           }
         }
       }
+    },
+    "transluscent": {
+      "$extensions": {
+        "com.figma": {
+          "scopes": [
+            "ALL_SCOPES"
+          ]
+        }
+      },
+      "$type": "color",
+      "$value": {
+        "Dark": "#ffffff33",
+        "Light": "#ffffff99"
+      }
     }
   },
   "font": {
@@ -1848,6 +2023,293 @@
         "$value": "{scale.16}"
       }
     },
+    "box-shadow": {
+      "lg": {
+        "blur": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": 48
+        },
+        "Color": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": "{colors.box-shadow}"
+        },
+        "position-x": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": ""
+        },
+        "position-y": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": 32
+        },
+        "spread": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": -16
+        }
+      },
+      "md": {
+        "blur": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": 24
+        },
+        "Color": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": "{colors.box-shadow}"
+        },
+        "position-x": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": ""
+        },
+        "position-y": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": 20
+        },
+        "spread": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": -12
+        }
+      },
+      "sm": {
+        "blur": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": 16
+        },
+        "Color": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": "{colors.box-shadow}"
+        },
+        "position-x": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": ""
+        },
+        "position-y": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": 12
+        },
+        "spread": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": -8
+        }
+      },
+      "xl": {
+        "blur": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": 64
+        },
+        "Color": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": "{colors.box-shadow}"
+        },
+        "position-x": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": ""
+        },
+        "position-y": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": 48
+        },
+        "spread": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": -24
+        }
+      },
+      "xs": {
+        "blur": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": 4
+        },
+        "Color": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "color",
+          "$value": "{colors.box-shadow}"
+        },
+        "position-x": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": ""
+        },
+        "position-y": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": 2
+        },
+        "spread": {
+          "$extensions": {
+            "com.figma": {
+              "scopes": [
+                "ALL_SCOPES"
+              ]
+            }
+          },
+          "$type": "number",
+          "$value": ""
+        }
+      }
+    },
     "spacing": {
       "2xl": {
         "$extensions": {
@@ -1915,6 +2377,17 @@
         "$type": "number",
         "$value": "{scale.16}"
       },
+      "none": {
+        "$extensions": {
+          "com.figma": {
+            "scopes": [
+              "ALL_SCOPES"
+            ]
+          }
+        },
+        "$type": "number",
+        "$value": "{scale.0}"
+      },
       "sm": {
         "$extensions": {
           "com.figma": {