@thatch-health/slab-tokens 0.0.11 → 0.0.13

package/dist/app-tokens-raw/color/danger.tokens.json

@@ -3,7 +3,7 @@
     "primary": {
       "bg": {
         "$type": "color",
-        "$value": "{red.50}",
+        "$value": "{danger.surface.primary.bg}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2008:24",
           "com.figma.scopes": [
@@ -23,7 +23,7 @@
       },
       "text": {
         "$type": "color",
-        "$value": "{red.500}",
+        "$value": "{danger.surface.primary.text}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2008:25",
           "com.figma.scopes": [
@@ -42,10 +42,11 @@
       },
       "icon": {
         "$type": "color",
-        "$value": "{red.400}",
+        "$value": "{danger.surface.primary.icon}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2008:26",
           "com.figma.scopes": [
+            "FRAME_FILL",
             "SHAPE_FILL"
           ],
           "com.figma.codeSyntax": {
@@ -61,7 +62,7 @@
       },
       "border": {
         "$type": "color",
-        "$value": "{red.300}",
+        "$value": "{danger.surface.primary.border}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2008:27",
           "com.figma.scopes": [
@@ -82,10 +83,11 @@
     "secondary": {
       "icon": {
         "$type": "color",
-        "$value": "{red.400}",
+        "$value": "{danger.surface.secondary.icon}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2008:28",
           "com.figma.scopes": [
+            "FRAME_FILL",
             "SHAPE_FILL"
           ],
           "com.figma.codeSyntax": {
@@ -101,7 +103,7 @@
       },
       "text": {
         "$type": "color",
-        "$value": "{red.400}",
+        "$value": "{danger.surface.secondary.text}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2008:29",
           "com.figma.scopes": [
@@ -120,7 +122,7 @@
       },
       "border": {
         "$type": "color",
-        "$value": "{red.300}",
+        "$value": "{danger.surface.secondary.border}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2008:30",
           "com.figma.scopes": [
@@ -139,7 +141,7 @@
       },
       "bg": {
         "$type": "color",
-        "$value": "{red.100}",
+        "$value": "{danger.surface.secondary.bg}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2008:31",
           "com.figma.scopes": [
@@ -161,7 +163,7 @@
     "tertiary": {
       "bg": {
         "$type": "color",
-        "$value": "{red.200}",
+        "$value": "{danger.surface.tertiary.bg}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2008:32",
           "com.figma.scopes": [
@@ -179,6 +181,27 @@
           }
         }
       }
+    },
+    "accent": {
+      "text": {
+        "$type": "color",
+        "$value": "{danger.surface.accent.text}",
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2624:7210",
+          "com.figma.scopes": [
+            "TEXT_FILL"
+          ],
+          "com.figma.codeSyntax": {
+            "WEB": "var(--slab-surface-accent-text)"
+          },
+          "com.figma.aliasData": {
+            "targetVariableId": "VariableID:bbb89969cdb1882f49961360ad5ae6bd7e4d6351/-1:-1",
+            "targetVariableName": "danger/surface/accent/text",
+            "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+            "targetVariableSetName": "Color - Core"
+          }
+        }
+      }
     }
   },
   "action": {
@@ -186,7 +209,7 @@
       "primary": {
         "bg": {
           "$type": "color",
-          "$value": "{red.500}",
+          "$value": "{danger.action.default.primary.bg}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:33",
             "com.figma.scopes": [
@@ -206,7 +229,7 @@
         },
         "bg-start": {
           "$type": "color",
-          "$value": "{red.500}",
+          "$value": "{danger.action.default.primary.bg-start}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:34",
             "com.figma.hiddenFromPublishing": true,
@@ -228,7 +251,7 @@
         },
         "bg-end": {
           "$type": "color",
-          "$value": "{red.400}",
+          "$value": "{danger.action.default.primary.bg-end}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:35",
             "com.figma.hiddenFromPublishing": true,
@@ -250,7 +273,7 @@
         },
         "border": {
           "$type": "color",
-          "$value": "{red.500}",
+          "$value": "{danger.action.default.primary.border}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:36",
             "com.figma.scopes": [
@@ -269,7 +292,7 @@
         },
         "text": {
           "$type": "color",
-          "$value": "{gray-warm.0}",
+          "$value": "{danger.action.default.primary.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:37",
             "com.figma.scopes": [
@@ -288,10 +311,11 @@
         },
         "icon": {
           "$type": "color",
-          "$value": "{red.100}",
+          "$value": "{danger.action.default.primary.icon}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:38",
             "com.figma.scopes": [
+              "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
@@ -307,7 +331,7 @@
         },
         "focus-border": {
           "$type": "color",
-          "$value": "{brand.300}",
+          "$value": "{danger.action.default.primary.focus-border}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2041:23",
             "com.figma.scopes": [
@@ -329,7 +353,7 @@
       "secondary": {
         "bg": {
           "$type": "color",
-          "$value": "{gray.100}",
+          "$value": "{danger.action.default.secondary.bg}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:39",
             "com.figma.scopes": [
@@ -349,7 +373,7 @@
         },
         "bg-start": {
           "$type": "color",
-          "$value": "{gray.100}",
+          "$value": "{danger.action.default.secondary.bg-start}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:40",
             "com.figma.hiddenFromPublishing": true,
@@ -371,7 +395,7 @@
         },
         "bg-end": {
           "$type": "color",
-          "$value": "{gray-warm.0}",
+          "$value": "{danger.action.default.secondary.bg-end}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:41",
             "com.figma.hiddenFromPublishing": true,
@@ -393,7 +417,7 @@
         },
         "border": {
           "$type": "color",
-          "$value": "{gray.300}",
+          "$value": "{danger.action.default.secondary.border}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:42",
             "com.figma.scopes": [
@@ -412,7 +436,7 @@
         },
         "text": {
           "$type": "color",
-          "$value": "{gray.800}",
+          "$value": "{danger.action.default.secondary.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:43",
             "com.figma.scopes": [
@@ -431,10 +455,11 @@
         },
         "icon": {
           "$type": "color",
-          "$value": "{gray.500}",
+          "$value": "{danger.action.default.secondary.icon}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:44",
             "com.figma.scopes": [
+              "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
@@ -450,7 +475,7 @@
         },
         "focus-border": {
           "$type": "color",
-          "$value": "{brand.300}",
+          "$value": "{danger.action.default.secondary.focus-border}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2041:24",
             "com.figma.scopes": [
@@ -472,7 +497,7 @@
       "tertiary": {
         "bg": {
           "$type": "color",
-          "$value": "{gray-transparent.0}",
+          "$value": "{danger.action.default.tertiary.bg}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:45",
             "com.figma.scopes": [
@@ -492,11 +517,11 @@
         },
         "text": {
           "$type": "color",
-          "$value": "{red.500}",
+          "$value": "{danger.action.default.tertiary.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:46",
             "com.figma.scopes": [
-              "ALL_FILLS"
+              "TEXT_FILL"
             ],
             "com.figma.codeSyntax": {
               "WEB": "var(--slab-action-tertiary-text)"
@@ -511,11 +536,12 @@
         },
         "icon": {
           "$type": "color",
-          "$value": "{red.400}",
+          "$value": "{danger.action.default.tertiary.icon}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:47",
             "com.figma.scopes": [
-              "ALL_FILLS"
+              "FRAME_FILL",
+              "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
               "WEB": "var(--slab-action-tertiary-icon)"
@@ -530,7 +556,7 @@
         },
         "focus-border": {
           "$type": "color",
-          "$value": "{brand.300}",
+          "$value": "{danger.action.default.tertiary.focus-border}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2041:25",
             "com.figma.scopes": [
@@ -552,7 +578,7 @@
       "ghost": {
         "bg": {
           "$type": "color",
-          "$value": "{gray-transparent.0}",
+          "$value": "{danger.action.default.ghost.bg}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2100:23",
             "com.figma.scopes": [
@@ -572,7 +598,7 @@
         },
         "text": {
           "$type": "color",
-          "$value": "{gray.800}",
+          "$value": "{danger.action.default.ghost.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2100:24",
             "com.figma.scopes": [
@@ -591,10 +617,11 @@
         },
         "icon": {
           "$type": "color",
-          "$value": "{gray.500}",
+          "$value": "{danger.action.default.ghost.icon}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2100:25",
             "com.figma.scopes": [
+              "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
@@ -610,7 +637,7 @@
         },
         "focus-border": {
           "$type": "color",
-          "$value": "{brand.300}",
+          "$value": "{danger.action.default.ghost.focus-border}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2100:26",
             "com.figma.scopes": [
@@ -633,7 +660,7 @@
       "primary": {
         "bg": {
           "$type": "color",
-          "$value": "{red.600}",
+          "$value": "{danger.action.hover.primary.bg}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:48",
             "com.figma.scopes": [
@@ -653,7 +680,7 @@
         },
         "bg-start": {
           "$type": "color",
-          "$value": "{red.600}",
+          "$value": "{danger.action.hover.primary.bg-start}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:49",
             "com.figma.hiddenFromPublishing": true,
@@ -675,7 +702,7 @@
         },
         "bg-end": {
           "$type": "color",
-          "$value": "{red.500}",
+          "$value": "{danger.action.hover.primary.bg-end}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:50",
             "com.figma.hiddenFromPublishing": true,
@@ -697,7 +724,7 @@
         },
         "border": {
           "$type": "color",
-          "$value": "{red.600}",
+          "$value": "{danger.action.hover.primary.border}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:51",
             "com.figma.scopes": [
@@ -716,7 +743,7 @@
         },
         "text": {
           "$type": "color",
-          "$value": "{gray-warm.0}",
+          "$value": "{danger.action.hover.primary.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:52",
             "com.figma.scopes": [
@@ -735,10 +762,11 @@
         },
         "icon": {
           "$type": "color",
-          "$value": "{red.300}",
+          "$value": "{danger.action.hover.primary.icon}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:53",
             "com.figma.scopes": [
+              "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
@@ -756,7 +784,7 @@
       "secondary": {
         "bg": {
           "$type": "color",
-          "$value": "{gray.200}",
+          "$value": "{danger.action.hover.secondary.bg}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:54",
             "com.figma.scopes": [
@@ -776,7 +804,7 @@
         },
         "bg-start": {
           "$type": "color",
-          "$value": "{gray.200}",
+          "$value": "{danger.action.hover.secondary.bg-start}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:55",
             "com.figma.hiddenFromPublishing": true,
@@ -798,7 +826,7 @@
         },
         "bg-end": {
           "$type": "color",
-          "$value": "{gray.100}",
+          "$value": "{danger.action.hover.secondary.bg-end}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:56",
             "com.figma.hiddenFromPublishing": true,
@@ -820,7 +848,7 @@
         },
         "border": {
           "$type": "color",
-          "$value": "{gray.400}",
+          "$value": "{danger.action.hover.secondary.border}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:57",
             "com.figma.scopes": [
@@ -839,7 +867,7 @@
         },
         "text": {
           "$type": "color",
-          "$value": "{gray.800}",
+          "$value": "{danger.action.hover.secondary.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:58",
             "com.figma.scopes": [
@@ -858,10 +886,11 @@
         },
         "icon": {
           "$type": "color",
-          "$value": "{gray.500}",
+          "$value": "{danger.action.hover.secondary.icon}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:59",
             "com.figma.scopes": [
+              "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
@@ -879,7 +908,7 @@
       "tertiary": {
         "bg": {
           "$type": "color",
-          "$value": "{red.50}",
+          "$value": "{danger.action.hover.tertiary.bg}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:60",
             "com.figma.scopes": [
@@ -899,7 +928,7 @@
         },
         "text": {
           "$type": "color",
-          "$value": "{red.500}",
+          "$value": "{danger.action.hover.tertiary.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:61",
             "com.figma.scopes": [
@@ -918,10 +947,11 @@
         },
         "icon": {
           "$type": "color",
-          "$value": "{red.400}",
+          "$value": "{danger.action.hover.tertiary.icon}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:62",
             "com.figma.scopes": [
+              "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
@@ -939,7 +969,7 @@
       "ghost": {
         "bg": {
           "$type": "color",
-          "$value": "{gray.200}",
+          "$value": "{danger.action.hover.ghost.bg}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2100:27",
             "com.figma.scopes": [
@@ -959,7 +989,7 @@
         },
         "text": {
           "$type": "color",
-          "$value": "{gray.800}",
+          "$value": "{danger.action.hover.ghost.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2100:28",
             "com.figma.scopes": [
@@ -978,10 +1008,11 @@
         },
         "icon": {
           "$type": "color",
-          "$value": "{gray.500}",
+          "$value": "{danger.action.hover.ghost.icon}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2100:29",
             "com.figma.scopes": [
+              "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
@@ -1001,7 +1032,7 @@
       "primary": {
         "bg": {
           "$type": "color",
-          "$value": "{red.300}",
+          "$value": "{danger.action.disabled.primary.bg}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:63",
             "com.figma.scopes": [
@@ -1021,7 +1052,7 @@
         },
         "bg-start": {
           "$type": "color",
-          "$value": "{red.300}",
+          "$value": "{danger.action.disabled.primary.bg-start}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:64",
             "com.figma.hiddenFromPublishing": true,
@@ -1043,7 +1074,7 @@
         },
         "bg-end": {
           "$type": "color",
-          "$value": "{red.300}",
+          "$value": "{danger.action.disabled.primary.bg-end}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:65",
             "com.figma.hiddenFromPublishing": true,
@@ -1065,7 +1096,7 @@
         },
         "border": {
           "$type": "color",
-          "$value": "{red.300}",
+          "$value": "{danger.action.disabled.primary.border}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:66",
             "com.figma.scopes": [
@@ -1084,7 +1115,7 @@
         },
         "text": {
           "$type": "color",
-          "$value": "{gray-warm.0}",
+          "$value": "{danger.action.disabled.primary.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:67",
             "com.figma.scopes": [
@@ -1103,10 +1134,11 @@
         },
         "icon": {
           "$type": "color",
-          "$value": "{gray.50}",
+          "$value": "{danger.action.disabled.primary.icon}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:68",
             "com.figma.scopes": [
+              "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
@@ -1124,7 +1156,7 @@
       "secondary": {
         "bg": {
           "$type": "color",
-          "$value": "{gray.200}",
+          "$value": "{danger.action.disabled.secondary.bg}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:69",
             "com.figma.scopes": [
@@ -1144,7 +1176,7 @@
         },
         "bg-start": {
           "$type": "color",
-          "$value": "{gray.200}",
+          "$value": "{danger.action.disabled.secondary.bg-start}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:70",
             "com.figma.hiddenFromPublishing": true,
@@ -1166,7 +1198,7 @@
         },
         "bg-end": {
           "$type": "color",
-          "$value": "{gray.200}",
+          "$value": "{danger.action.disabled.secondary.bg-end}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:71",
             "com.figma.hiddenFromPublishing": true,
@@ -1188,7 +1220,7 @@
         },
         "border": {
           "$type": "color",
-          "$value": "{gray.400}",
+          "$value": "{danger.action.disabled.secondary.border}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:72",
             "com.figma.scopes": [
@@ -1207,7 +1239,7 @@
         },
         "text": {
           "$type": "color",
-          "$value": "{gray.400}",
+          "$value": "{danger.action.disabled.secondary.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:73",
             "com.figma.scopes": [
@@ -1226,10 +1258,11 @@
         },
         "icon": {
           "$type": "color",
-          "$value": "{gray.400}",
+          "$value": "{danger.action.disabled.secondary.icon}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:74",
             "com.figma.scopes": [
+              "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
@@ -1247,7 +1280,7 @@
       "tertiary": {
         "bg": {
           "$type": "color",
-          "$value": "{gray-transparent.0}",
+          "$value": "{danger.action.disabled.tertiary.bg}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:75",
             "com.figma.scopes": [
@@ -1267,7 +1300,7 @@
         },
         "text": {
           "$type": "color",
-          "$value": "{red.400}",
+          "$value": "{danger.action.disabled.tertiary.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:76",
             "com.figma.scopes": [
@@ -1286,10 +1319,11 @@
         },
         "icon": {
           "$type": "color",
-          "$value": "{red.300}",
+          "$value": "{danger.action.disabled.tertiary.icon}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:77",
             "com.figma.scopes": [
+              "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
@@ -1307,7 +1341,7 @@
       "ghost": {
         "bg": {
           "$type": "color",
-          "$value": "{gray-transparent.0}",
+          "$value": "{danger.action.disabled.ghost.bg}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2100:31",
             "com.figma.scopes": [
@@ -1327,7 +1361,7 @@
         },
         "text": {
           "$type": "color",
-          "$value": "{gray.400}",
+          "$value": "{danger.action.disabled.ghost.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2100:32",
             "com.figma.scopes": [
@@ -1346,10 +1380,11 @@
         },
         "icon": {
           "$type": "color",
-          "$value": "{gray.400}",
+          "$value": "{danger.action.disabled.ghost.icon}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2100:33",
             "com.figma.scopes": [
+              "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
@@ -1371,7 +1406,7 @@
       "primary": {
         "bg": {
           "$type": "color",
-          "$value": "{gray-warm.0}",
+          "$value": "{danger.form.default.primary.bg}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:78",
             "com.figma.scopes": [
@@ -1391,7 +1426,7 @@
         },
         "text": {
           "$type": "color",
-          "$value": "{gray.800}",
+          "$value": "{danger.form.default.primary.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:79",
             "com.figma.scopes": [
@@ -1410,10 +1445,11 @@
         },
         "icon": {
           "$type": "color",
-          "$value": "{gray.400}",
+          "$value": "{danger.form.default.primary.icon}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:80",
             "com.figma.scopes": [
+              "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
@@ -1429,7 +1465,7 @@
         },
         "border": {
           "$type": "color",
-          "$value": "{red.300}",
+          "$value": "{danger.form.default.primary.border}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:81",
             "com.figma.scopes": [
@@ -1448,7 +1484,7 @@
         },
         "focus-border": {
           "$type": "color",
-          "$value": "{brand.300}",
+          "$value": "{danger.form.default.primary.focus-border}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2041:32",
             "com.figma.scopes": [
@@ -1470,7 +1506,7 @@
       "secondary": {
         "text": {
           "$type": "color",
-          "$value": "{red.500}",
+          "$value": "{danger.form.default.secondary.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:82",
             "com.figma.scopes": [
@@ -1493,7 +1529,7 @@
       "primary": {
         "bg": {
           "$type": "color",
-          "$value": "{gray.100}",
+          "$value": "{danger.form.disabled.primary.bg}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:83",
             "com.figma.scopes": [
@@ -1513,7 +1549,7 @@
         },
         "text": {
           "$type": "color",
-          "$value": "{gray.800}",
+          "$value": "{danger.form.disabled.primary.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:84",
             "com.figma.scopes": [
@@ -1532,10 +1568,11 @@
         },
         "icon": {
           "$type": "color",
-          "$value": "{gray.400}",
+          "$value": "{danger.form.disabled.primary.icon}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:85",
             "com.figma.scopes": [
+              "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
@@ -1551,7 +1588,7 @@
         },
         "border": {
           "$type": "color",
-          "$value": "{gray.200}",
+          "$value": "{danger.form.disabled.primary.border}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:86",
             "com.figma.scopes": [
@@ -1572,7 +1609,7 @@
       "secondary": {
         "text": {
           "$type": "color",
-          "$value": "{gray.500}",
+          "$value": "{danger.form.disabled.secondary.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:87",
             "com.figma.scopes": [
@@ -1595,7 +1632,7 @@
       "primary": {
         "bg": {
           "$type": "color",
-          "$value": "{red.50}",
+          "$value": "{danger.form.active.primary.bg}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:88",
             "com.figma.scopes": [
@@ -1615,7 +1652,7 @@
         },
         "text": {
           "$type": "color",
-          "$value": "{gray.800}",
+          "$value": "{danger.form.active.primary.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:89",
             "com.figma.scopes": [
@@ -1634,10 +1671,11 @@
         },
         "icon": {
           "$type": "color",
-          "$value": "{red.500}",
+          "$value": "{danger.form.active.primary.icon}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:90",
             "com.figma.scopes": [
+              "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
@@ -1653,7 +1691,7 @@
         },
         "border": {
           "$type": "color",
-          "$value": "{red.500}",
+          "$value": "{danger.form.active.primary.border}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:91",
             "com.figma.scopes": [
@@ -1674,7 +1712,7 @@
       "secondary": {
         "text": {
           "$type": "color",
-          "$value": "{gray.500}",
+          "$value": "{danger.form.active.secondary.text}",
           "$extensions": {
             "com.figma.variableId": "VariableID:2008:92",
             "com.figma.scopes": [
@@ -1697,7 +1735,7 @@
   "data-viz": {
     "bg": {
       "$type": "color",
-      "$value": "{gray.0}",
+      "$value": "{danger.data-viz.bg}",
       "$extensions": {
         "com.figma.variableId": "VariableID:2346:7593",
         "com.figma.scopes": [
@@ -1718,7 +1756,7 @@
     "primary": {
       "1": {
         "$type": "color",
-        "$value": "{blue-warm.300}",
+        "$value": "{danger.data-viz.primary.1}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2352:23",
           "com.figma.scopes": [
@@ -1738,7 +1776,7 @@
       },
       "2": {
         "$type": "color",
-        "$value": "{blue-warm.400}",
+        "$value": "{danger.data-viz.primary.2}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2352:24",
           "com.figma.scopes": [
@@ -1758,7 +1796,7 @@
       },
       "3": {
         "$type": "color",
-        "$value": "{blue-warm.500}",
+        "$value": "{danger.data-viz.primary.3}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2352:25",
           "com.figma.scopes": [
@@ -1778,7 +1816,7 @@
       },
       "4": {
         "$type": "color",
-        "$value": "{blue-warm.800}",
+        "$value": "{danger.data-viz.primary.4}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2352:26",
           "com.figma.scopes": [
@@ -1800,7 +1838,7 @@
     "secondary": {
       "1": {
         "$type": "color",
-        "$value": "{orange-warm.300}",
+        "$value": "{danger.data-viz.secondary.1}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2352:27",
           "com.figma.scopes": [
@@ -1820,7 +1858,7 @@
       },
       "2": {
         "$type": "color",
-        "$value": "{orange-warm.400}",
+        "$value": "{danger.data-viz.secondary.2}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2352:28",
           "com.figma.scopes": [
@@ -1840,7 +1878,7 @@
       },
       "3": {
         "$type": "color",
-        "$value": "{orange-warm.500}",
+        "$value": "{danger.data-viz.secondary.3}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2352:29",
           "com.figma.scopes": [
@@ -1860,7 +1898,7 @@
       },
       "4": {
         "$type": "color",
-        "$value": "{orange-warm.800}",
+        "$value": "{danger.data-viz.secondary.4}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2352:30",
           "com.figma.scopes": [
@@ -1882,7 +1920,7 @@
     "danger": {
       "1": {
         "$type": "color",
-        "$value": "{pink-warm.300}",
+        "$value": "{danger.data-viz.danger.1}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2352:31",
           "com.figma.scopes": [
@@ -1902,7 +1940,7 @@
       },
       "2": {
         "$type": "color",
-        "$value": "{pink-warm.400}",
+        "$value": "{danger.data-viz.danger.2}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2352:32",
           "com.figma.scopes": [
@@ -1922,7 +1960,7 @@
       },
       "3": {
         "$type": "color",
-        "$value": "{pink-warm.500}",
+        "$value": "{danger.data-viz.danger.3}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2352:33",
           "com.figma.scopes": [
@@ -1942,7 +1980,7 @@
       },
       "4": {
         "$type": "color",
-        "$value": "{pink-warm.800}",
+        "$value": "{danger.data-viz.danger.4}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2352:34",
           "com.figma.scopes": [
@@ -1964,7 +2002,7 @@
     "success": {
       "1": {
         "$type": "color",
-        "$value": "{green-warm.300}",
+        "$value": "{danger.data-viz.success.1}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2352:35",
           "com.figma.scopes": [
@@ -1984,7 +2022,7 @@
       },
       "2": {
         "$type": "color",
-        "$value": "{green-warm.400}",
+        "$value": "{danger.data-viz.success.2}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2352:36",
           "com.figma.scopes": [
@@ -2004,7 +2042,7 @@
       },
       "3": {
         "$type": "color",
-        "$value": "{green-warm.500}",
+        "$value": "{danger.data-viz.success.3}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2352:37",
           "com.figma.scopes": [
@@ -2024,7 +2062,7 @@
       },
       "4": {
         "$type": "color",
-        "$value": "{green-warm.800}",
+        "$value": "{danger.data-viz.success.4}",
         "$extensions": {
           "com.figma.variableId": "VariableID:2352:38",
           "com.figma.scopes": [
@@ -2043,5 +2081,30 @@
         }
       }
     }
+  },
+  "utility": {
+    "backdrop": {
+      "bg": {
+        "$type": "color",
+        "$value": "{danger.utility.backdrop.bg}",
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2624:7219",
+          "com.figma.scopes": [
+            "FRAME_FILL",
+            "SHAPE_FILL",
+            "EFFECT_COLOR"
+          ],
+          "com.figma.codeSyntax": {
+            "WEB": "var(--slab-utility-backdrop-bg)"
+          },
+          "com.figma.aliasData": {
+            "targetVariableId": "VariableID:40547b5cb181e8400406d87762c3466f18c7c1d6/-1:-1",
+            "targetVariableName": "danger/utility/backdrop/bg",
+            "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+            "targetVariableSetName": "Color - Core"
+          }
+        }
+      }
+    }
   }
 }