npm - @thatch-health/slab-tokens - Versions diffs - 0.0.0 - Mend

@thatch-health/slab-tokens 0.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (24) hide show

package/README.md +91 -0
package/dist/app-tokens-raw/color/danger.tokens.json +1780 -0
package/dist/app-tokens-raw/color/info.tokens.json +1780 -0
package/dist/app-tokens-raw/color/neutral-inverted.tokens.json +1780 -0
package/dist/app-tokens-raw/color/neutral.tokens.json +1780 -0
package/dist/app-tokens-raw/color/success.tokens.json +1780 -0
package/dist/app-tokens-raw/color/warning.tokens.json +1780 -0
package/dist/app-tokens-raw/color-primitives.tokens.json +1551 -0
package/dist/app-tokens-raw/resolver.json +130 -0
package/dist/app-tokens-raw/spacing-primitives.tokens.json +210 -0
package/dist/app-tokens-raw/spacing.tokens.json +952 -0
package/dist/app-tokens-raw/type-primitives/default.tokens.json +676 -0
package/dist/app-tokens-raw/type-primitives/selecta-inter.tokens.json +676 -0
package/dist/app-tokens-raw/type-primitives/selecta.tokens.json +676 -0
package/dist/app-tokens-raw/type.tokens.json +1763 -0
package/dist/index.css +1025 -0
package/dist/index.css.d.ts +1 -0
package/dist/index.d.mts +5 -0
package/dist/index.d.mts.map +1 -0
package/dist/index.mjs +8 -0
package/dist/index.mjs.map +1 -0
package/dist/tailwind-plugin.cjs +424 -0
package/dist/tailwind-plugin.d.ts +6 -0
package/package.json +61 -0

package/dist/app-tokens-raw/color-primitives.tokens.json ADDED Viewed

@@ -0,0 +1,1551 @@
+{
+  "brand": {
+    "50": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9882,
+          0.9843,
+          0.9922
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2:37",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "100": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9784,
+          0.9568,
+          1
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2:34",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "200": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9451,
+          0.8863,
+          1
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2:32",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "300": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.86,
+          0.7153,
+          1
+        ],
+        "alpha": 1
+      },
+      "$description": "Default colouring for link text, anything that needs the brand colour",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2:31",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "400": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7469,
+          0.4754,
+          1
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2:35",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.613,
+          0.2317,
+          1
+        ],
+        "alpha": 1
+      },
+      "$description": "Default colouring for link text, anything that needs the brand colour",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2:33",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "600": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.4784,
+          0.149,
+          0.8118
+        ],
+        "alpha": 1
+      },
+      "$description": "hover",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2:30",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "700": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.3608,
+          0.1098,
+          0.6078
+        ],
+        "alpha": 1
+      },
+      "$description": "active",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2:29",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "800": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2941,
+          0.102,
+          0.4902
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2:28",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    }
+  },
+  "gray": {
+    "0": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:21:14",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "50": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9804,
+          0.9804,
+          0.9804
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:3:66",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "100": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9608,
+          0.9608,
+          0.9608
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:3:65",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "200": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8967,
+          0.8967,
+          0.8967
+        ],
+        "alpha": 1
+      },
+      "$description": "Disabled border",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:3:64",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "300": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8118,
+          0.8118,
+          0.8118
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:3:62",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "400": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.5686,
+          0.5686,
+          0.5686
+        ],
+        "alpha": 1
+      },
+      "$description": "Icon disabled, inverse text on secondary bg, hover border",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:3:60",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.4314,
+          0.4314,
+          0.4314
+        ],
+        "alpha": 1
+      },
+      "$description": "Inactive/disabled text, active border",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:3:59",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "600": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.3216,
+          0.3216,
+          0.3216
+        ],
+        "alpha": 1
+      },
+      "$description": "Secondary text",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:3:63",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "700": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2588,
+          0.2588,
+          0.2588
+        ],
+        "alpha": 1
+      },
+      "$description": "Icon default",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:3:61",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "800": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1882,
+          0.1882,
+          0.1882
+        ],
+        "alpha": 1
+      },
+      "$description": "Default text, icon hover",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:3:58",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    }
+  },
+  "slate": {
+    "50": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9503,
+          0.9627,
+          0.9752
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:64",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "100": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8863,
+          0.9098,
+          0.9412
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:61",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "200": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7961,
+          0.8353,
+          0.8824
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:63",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "300": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.5804,
+          0.6392,
+          0.7216
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:60",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "400": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.3922,
+          0.4549,
+          0.5451
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:62",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2784,
+          0.3333,
+          0.4118
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:59",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "600": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2,
+          0.2549,
+          0.3333
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:58",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "700": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1176,
+          0.1608,
+          0.2314
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:57",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    }
+  },
+  "red": {
+    "50": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9965,
+          0.9345,
+          0.943
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:90",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "100": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9839,
+          0.8715,
+          0.8715
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:86",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "200": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.7544,
+          0.7544
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:89",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "300": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9775,
+          0.5611,
+          0.5611
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:88",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "400": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.925,
+          0.2218,
+          0.2218
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:87",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7122,
+          0.0904,
+          0.0904
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:85",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "600": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.498,
+          0.1137,
+          0.1137
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:84",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "700": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2706,
+          0.0392,
+          0.0392
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:83",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    }
+  },
+  "orange": {
+    "50": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.9686,
+          0.9294
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:113",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "100": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.9294,
+          0.8353
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:116",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "200": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9961,
+          0.8431,
+          0.6667
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:115",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "300": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.7843,
+          0.4745
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:112",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "400": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.698,
+          0.4537,
+          0
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:114",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.4347,
+          0.3052,
+          0
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:111",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "600": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.3193,
+          0.221,
+          0
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:110",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "700": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1451,
+          0.102,
+          0
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:109",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    }
+  },
+  "yellow": {
+    "50": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.9922,
+          0.9294
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:142",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "100": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.9686,
+          0.7216
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:140",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "200": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          0.9333,
+          0.6078
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:141",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "300": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9725,
+          0.8431,
+          0
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:138",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "400": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.6667,
+          0.5725,
+          0.0039
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:139",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.3098,
+          0.2784,
+          0
+        ],
+        "alpha": 1
+      },
+      "$description": "caution default text",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:137",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "600": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2,
+          0.1804,
+          0
+        ],
+        "alpha": 1
+      },
+      "$description": "caution hover text",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:136",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "700": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1216,
+          0.1098,
+          0
+        ],
+        "alpha": 1
+      },
+      "$description": "caution active text",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:135",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    }
+  },
+  "green": {
+    "50": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8039,
+          0.9961,
+          0.8824
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:168",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "100": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7059,
+          0.9961,
+          0.8235
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:167",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "200": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.5725,
+          0.9961,
+          0.7608
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:165",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "300": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2772,
+          0.7923,
+          0.4035
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:164",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "400": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1608,
+          0.5176,
+          0.3529
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:163",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0471,
+          0.3176,
+          0.1961
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:161",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "600": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0314,
+          0.2392,
+          0.1451
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:162",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "700": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0353,
+          0.1647,
+          0.1059
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:166",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    }
+  },
+  "blue": {
+    "50": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9373,
+          0.9647,
+          1
+        ],
+        "alpha": 1
+      },
+      "$description": "Bg default state",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:194",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "100": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8784,
+          0.9412,
+          1
+        ],
+        "alpha": 1
+      },
+      "$description": "Bg hover state",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:192",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "200": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7922,
+          0.902,
+          1
+        ],
+        "alpha": 1
+      },
+      "$description": "Bg active state",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:191",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "300": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.6588,
+          0.8471,
+          1
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:190",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "400": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.5804,
+          0.8353
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:189",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.0044,
+          0.2881,
+          0.4446
+        ],
+        "alpha": 1
+      },
+      "$description": "Text default state",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:187",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "600": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.2275,
+          0.3529
+        ],
+        "alpha": 1
+      },
+      "$description": "Text hover state",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:188",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "700": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0,
+          0.1294,
+          0.2
+        ],
+        "alpha": 1
+      },
+      "$description": "Text active state",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:193",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    }
+  },
+  "violet": {
+    "50": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9725,
+          0.9686,
+          1
+        ],
+        "alpha": 1
+      },
+      "$description": "Large bg fill for anything AI generated",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:247",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "100": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9502,
+          0.9419,
+          1
+        ],
+        "alpha": 1
+      },
+      "$description": "Large bg hover for anything AI generated",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:246",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "200": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9038,
+          0.8863,
+          1
+        ],
+        "alpha": 1
+      },
+      "$description": "Large bg active for anything AI generated",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:244",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "300": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7981,
+          0.7532,
+          1
+        ],
+        "alpha": 1
+      },
+      "$description": "Border colour and secondary hover for anything AI generated",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:243",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "400": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.502,
+          0.3176,
+          1
+        ],
+        "alpha": 1
+      },
+      "$description": "Icon colours and small bg for anything AI generated",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:242",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.3412,
+          0,
+          0.8196
+        ],
+        "alpha": 1
+      },
+      "$description": "Text colours for anything AI generated",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:241",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "600": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.298,
+          0.1137,
+          0.5843
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:240",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "700": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1804,
+          0.0627,
+          0.3961
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:4:245",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    }
+  },
+  "gray-transparent": {
+    "0": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "alpha": 0
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:255:148",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1882,
+          0.1882,
+          0.1882
+        ],
+        "alpha": 0.5
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:255:149",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    }
+  },
+  "gray-warm": {
+    "0": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          1,
+          1,
+          1
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:257:127",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "50": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9882,
+          0.9843,
+          0.9725
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:257:128",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "100": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9569,
+          0.949,
+          0.9255
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:257:129",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "200": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.9255,
+          0.9176,
+          0.8941
+        ],
+        "alpha": 1
+      },
+      "$description": "Disabled border",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:257:130",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "300": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.8471,
+          0.8392,
+          0.8118
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:257:131",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "400": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.7294,
+          0.7216,
+          0.6863
+        ],
+        "alpha": 1
+      },
+      "$description": "Icon disabled, inverse text on secondary bg, hover border",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:257:132",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "500": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.4902,
+          0.4824,
+          0.451
+        ],
+        "alpha": 1
+      },
+      "$description": "Inactive/disabled text, active border",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:257:133",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "600": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.3765,
+          0.3725,
+          0.3451
+        ],
+        "alpha": 1
+      },
+      "$description": "Secondary text",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:257:134",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "700": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.2706,
+          0.2667,
+          0.2471
+        ],
+        "alpha": 1
+      },
+      "$description": "Icon default",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:257:135",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "800": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1843,
+          0.1804,
+          0.1647
+        ],
+        "alpha": 1
+      },
+      "$description": "Default text, icon hover",
+      "$extensions": {
+        "com.figma.variableId": "VariableID:257:136",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    },
+    "900": {
+      "$type": "color",
+      "$value": {
+        "colorSpace": "srgb",
+        "components": [
+          0.1098,
+          0.1059,
+          0.0941
+        ],
+        "alpha": 1
+      },
+      "$extensions": {
+        "com.figma.variableId": "VariableID:257:137",
+        "com.figma.hiddenFromPublishing": true,
+        "com.figma.isOverride": true
+      }
+    }
+  }
+}