@thatch-health/slab-tokens 0.0.17 → 0.0.19

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

@@ -1443,163 +1443,811 @@
             }
           }
         },
+        "border": {
+          "$type": "color",
+          "$value": "{danger.form.default.primary.border}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2008:81",
+            "com.figma.scopes": [
+              "STROKE"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-primary-border)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:e5258d57f904d4f4595ca4857c8bea8a5ace6934/-1:-1",
+              "targetVariableName": "danger/form/default/primary/border",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
         "icon": {
           "$type": "color",
-          "$value": "{danger.form.default.primary.icon}",
+          "$value": "{danger.form.default.primary.icon}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2008:80",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-primary-icon)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:b8ebb94657fc20ad8b664f913abba142d71de2e1/-1:-1",
+              "targetVariableName": "danger/form/default/primary/icon",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "ripple": {
+          "$type": "color",
+          "$value": "{danger.form.default.primary.ripple}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2947:513",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-primary-ripple)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:abad6e9185977f6471103d1388bab1259f073c8a/-1:-1",
+              "targetVariableName": "danger/form/default/primary/ripple",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "card-bg": {
+          "$type": "color",
+          "$value": "{danger.form.default.primary.card-bg}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3011:441",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-primary-card-bg)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:1c5b6a80fcc249dbf6df8d21cb65ef39bf11bc9f/-1:-1",
+              "targetVariableName": "danger/form/default/primary/card-bg",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "card-border": {
+          "$type": "color",
+          "$value": "{danger.form.default.primary.card-border}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3011:437",
+            "com.figma.scopes": [
+              "STROKE"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-primary-card-border)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:c647c890ea87021f5592c50faf05e8b993466420/-1:-1",
+              "targetVariableName": "danger/form/default/primary/card-border",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "dropzone-bg": {
+          "$type": "color",
+          "$value": "{danger.form.default.primary.dropzone-bg}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3011:445",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-primary-dropzone-bg)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:f7a1ddd9375e5aa53160a0a35e617035c8e4b9a4/-1:-1",
+              "targetVariableName": "danger/form/default/primary/dropzone-bg",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "dropzone-icon": {
+          "$type": "color",
+          "$value": "{danger.form.default.primary.dropzone-icon}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3019:443",
+            "com.figma.scopes": [
+              "ALL_SCOPES"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-primary-dropzone-icon)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:ed73b9fb6f4ecc3e731050f4330a87c33a104c29/-1:-1",
+              "targetVariableName": "danger/form/default/primary/dropzone-icon",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "focus-border": {
+          "$type": "color",
+          "$value": "{danger.form.default.primary.focus-border}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2041:32",
+            "com.figma.scopes": [
+              "STROKE",
+              "EFFECT_COLOR"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-primary-focus-border)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:36e47f00dd1324a5262a7af31c21544b23de7c32/-1:-1",
+              "targetVariableName": "danger/form/default/primary/focus-border",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "handle-border": {
+          "$type": "color",
+          "$value": "{danger.form.default.primary.handle-border}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3008:434",
+            "com.figma.scopes": [
+              "STROKE"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-primary-handle-border)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:50a0e75554ba09fdbbcf8da7700f10ffae73f4c2/-1:-1",
+              "targetVariableName": "danger/form/default/primary/handle-border",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "marker-bg": {
+          "$type": "color",
+          "$value": "{danger.form.default.primary.marker-bg}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2951:374",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-primary-marker-bg)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:5f74466393e2823b62540db156545af38ae03739/-1:-1",
+              "targetVariableName": "danger/form/default/primary/marker-bg",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "marker-border": {
+          "$type": "color",
+          "$value": "{danger.form.default.primary.marker-border}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3008:433",
+            "com.figma.scopes": [
+              "STROKE"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-primary-marker-border)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:ff7f793d7db469fbea383ce280a0a9dadb58e50f/-1:-1",
+              "targetVariableName": "danger/form/default/primary/marker-border",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "marker-icon": {
+          "$type": "color",
+          "$value": "{danger.form.default.primary.marker-icon}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2952:379",
+            "com.figma.scopes": [
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-primary-marker-icon)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:38b22bca3252c69c488bc3aba93f9c80d4f0b4c8/-1:-1",
+              "targetVariableName": "danger/form/default/primary/marker-icon",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "track-bg": {
+          "$type": "color",
+          "$value": "{danger.form.default.primary.track-bg}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3004:806",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-primary-track-bg)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:14c5cb660c1280ab2fc86f119b050c026f845acd/-1:-1",
+              "targetVariableName": "danger/form/default/primary/track-bg",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "validation-text": {
+          "$type": "color",
+          "$value": "{danger.form.default.primary.validation-text}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3238:490",
+            "com.figma.scopes": [
+              "TEXT_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-primary-validation-text)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:49b69da5caf0bb7fef4781fccf39998400f3bfa1/-1:-1",
+              "targetVariableName": "danger/form/default/primary/validation-text",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "validation-icon": {
+          "$type": "color",
+          "$value": "{danger.form.default.primary.validation-icon}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3238:491",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-primary-validation-icon)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:c1a5c7675ca00494d9944b27ec35171b4bc17147/-1:-1",
+              "targetVariableName": "danger/form/default/primary/validation-icon",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        }
+      },
+      "secondary": {
+        "text": {
+          "$type": "color",
+          "$value": "{danger.form.default.secondary.text}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2008:82",
+            "com.figma.scopes": [
+              "TEXT_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-secondary-text)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:44061af9a850c85b8e624eb7ab5c4909c5311bd4/-1:-1",
+              "targetVariableName": "danger/form/default/secondary/text",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "handle-border": {
+          "$type": "color",
+          "$value": "{danger.form.default.secondary.handle-border}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3098:602",
+            "com.figma.scopes": [
+              "STROKE"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-secondary-handle-border)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:501f30d0d6b6d1dee42dd6d40c7c3e6e26ae9fe4/-1:-1",
+              "targetVariableName": "danger/form/default/secondary/handle-border",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "track-bg": {
+          "$type": "color",
+          "$value": "{danger.form.default.secondary.track-bg}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2941:475",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-secondary-track-bg)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:89390c96ec26e5fa1e8fd996a3e0435a9144c2a8/-1:-1",
+              "targetVariableName": "danger/form/default/secondary/track-bg",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        }
+      }
+    },
+    "hover": {
+      "primary": {
+        "bg": {
+          "$type": "color",
+          "$value": "{danger.form.hover.primary.bg}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2853:650",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-hover-primary-bg)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:f0a30cc59f715db08cdc7d7464162763be4ac58f/-1:-1",
+              "targetVariableName": "danger/form/hover/primary/bg",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "text": {
+          "$type": "color",
+          "$value": "{danger.form.hover.primary.text}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2853:651",
+            "com.figma.scopes": [
+              "TEXT_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-hover-primary-text)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:898cf02096af9dae781c18af2599751a99a45ed2/-1:-1",
+              "targetVariableName": "danger/form/hover/primary/text",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{danger.form.hover.primary.border}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2853:653",
+            "com.figma.scopes": [
+              "STROKE"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-hover-primary-border)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:1a72ab1b5b55e6a00fc6384e6ecb673f86ca75ad/-1:-1",
+              "targetVariableName": "danger/form/hover/primary/border",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "icon": {
+          "$type": "color",
+          "$value": "{danger.form.hover.primary.icon}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2853:652",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-hover-primary-icon)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:ac1e01c1cc53c6265516d5e3ec5b3398d1ae0d30/-1:-1",
+              "targetVariableName": "danger/form/hover/primary/icon",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "ripple": {
+          "$type": "color",
+          "$value": "{danger.form.hover.primary.ripple}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2947:517",
+            "com.figma.scopes": [
+              "ALL_SCOPES"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-hover-primary-ripple)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:e58a0645f6b861445a31cbd669953417bf33bb1e/-1:-1",
+              "targetVariableName": "danger/form/hover/primary/ripple",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "card-bg": {
+          "$type": "color",
+          "$value": "{danger.form.hover.primary.card-bg}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3011:442",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-hover-primary-card-bg)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:0b12924d38bdcc202185e6ca5d2f08bd6bee7062/-1:-1",
+              "targetVariableName": "danger/form/hover/primary/card-bg",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "card-border": {
+          "$type": "color",
+          "$value": "{danger.form.hover.primary.card-border}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3011:438",
+            "com.figma.scopes": [
+              "STROKE"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-hover-primary-card-border)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:c0339959778a4add37d365b6b3b94cb93c0a2f78/-1:-1",
+              "targetVariableName": "danger/form/hover/primary/card-border",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "dropzone-bg": {
+          "$type": "color",
+          "$value": "{danger.form.hover.primary.dropzone-bg}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3011:446",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-hover-primary-dropzone-bg)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:fb7c0fd31c876aee44f1d7c5a22757cdd14f3b76/-1:-1",
+              "targetVariableName": "danger/form/hover/primary/dropzone-bg",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "dropzone-icon": {
+          "$type": "color",
+          "$value": "{danger.form.hover.primary.dropzone-icon}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3019:444",
+            "com.figma.scopes": [
+              "ALL_SCOPES"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-hover-primary-dropzone-icon)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:55a99e972e2f48a84c5ddc293d25d3810d7edf92/-1:-1",
+              "targetVariableName": "danger/form/hover/primary/dropzone-icon",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        }
+      },
+      "secondary": {
+        "text": {
+          "$type": "color",
+          "$value": "{danger.form.hover.secondary.text}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2853:654",
+            "com.figma.scopes": [
+              "TEXT_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-hover-secondary-text)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:dd5c2263cac1c74cec7872b872a8477c72d660b4/-1:-1",
+              "targetVariableName": "danger/form/hover/secondary/text",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        }
+      }
+    },
+    "disabled": {
+      "primary": {
+        "bg": {
+          "$type": "color",
+          "$value": "{danger.form.disabled.primary.bg}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2008:83",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-disabled-primary-bg)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:c19c2e8e2397c2458b6a9bff028b2cbee49a153c/-1:-1",
+              "targetVariableName": "danger/form/disabled/primary/bg",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "text": {
+          "$type": "color",
+          "$value": "{danger.form.disabled.primary.text}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2008:84",
+            "com.figma.scopes": [
+              "TEXT_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-disabled-primary-text)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:2c0b722fdae08051d605b31b3f720ceaa164e679/-1:-1",
+              "targetVariableName": "danger/form/disabled/primary/text",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "border": {
+          "$type": "color",
+          "$value": "{danger.form.disabled.primary.border}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2008:86",
+            "com.figma.scopes": [
+              "STROKE"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-disabled-primary-border)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:cdfc64dff64b8385cb538d81fa4be4273d44401b/-1:-1",
+              "targetVariableName": "danger/form/disabled/primary/border",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "icon": {
+          "$type": "color",
+          "$value": "{danger.form.disabled.primary.icon}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2008:85",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-disabled-primary-icon)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:71509f154eb0f1bc9a97a9762bf59ec873ecb217/-1:-1",
+              "targetVariableName": "danger/form/disabled/primary/icon",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "card-bg": {
+          "$type": "color",
+          "$value": "{danger.form.disabled.primary.card-bg}",
           "$extensions": {
-            "com.figma.variableId": "VariableID:2008:80",
+            "com.figma.variableId": "VariableID:3011:443",
             "com.figma.scopes": [
               "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
-              "WEB": "var(--slab-form-primary-icon)"
+              "WEB": "var(--slab-form-disabled-primary-card-bg)"
             },
             "com.figma.aliasData": {
-              "targetVariableId": "VariableID:b8ebb94657fc20ad8b664f913abba142d71de2e1/-1:-1",
-              "targetVariableName": "danger/form/default/primary/icon",
+              "targetVariableId": "VariableID:347762a392727fe79a53cb37bd0d51a0bdb11907/-1:-1",
+              "targetVariableName": "danger/form/disabled/primary/card-bg",
               "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
               "targetVariableSetName": "Color - Core"
             }
           }
         },
-        "border": {
+        "card-border": {
           "$type": "color",
-          "$value": "{danger.form.default.primary.border}",
+          "$value": "{danger.form.disabled.primary.card-border}",
           "$extensions": {
-            "com.figma.variableId": "VariableID:2008:81",
+            "com.figma.variableId": "VariableID:3011:439",
             "com.figma.scopes": [
               "STROKE"
             ],
             "com.figma.codeSyntax": {
-              "WEB": "var(--slab-form-primary-border)"
+              "WEB": "var(--slab-form-disabled-primary-card-border)"
             },
             "com.figma.aliasData": {
-              "targetVariableId": "VariableID:e5258d57f904d4f4595ca4857c8bea8a5ace6934/-1:-1",
-              "targetVariableName": "danger/form/default/primary/border",
+              "targetVariableId": "VariableID:957b130e6b995c2cfd64179e04ebf5d4065e05c1/-1:-1",
+              "targetVariableName": "danger/form/disabled/primary/card-border",
               "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
               "targetVariableSetName": "Color - Core"
             }
           }
         },
-        "focus-border": {
+        "dropzone-bg": {
           "$type": "color",
-          "$value": "{danger.form.default.primary.focus-border}",
+          "$value": "{danger.form.disabled.primary.dropzone-bg}",
           "$extensions": {
-            "com.figma.variableId": "VariableID:2041:32",
+            "com.figma.variableId": "VariableID:3011:447",
             "com.figma.scopes": [
-              "STROKE",
-              "EFFECT_COLOR"
+              "FRAME_FILL",
+              "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
-              "WEB": "var(--slab-form-primary-focus-border)"
+              "WEB": "var(--slab-form-disabled-primary-dropzone-bg)"
             },
             "com.figma.aliasData": {
-              "targetVariableId": "VariableID:36e47f00dd1324a5262a7af31c21544b23de7c32/-1:-1",
-              "targetVariableName": "danger/form/default/primary/focus-border",
+              "targetVariableId": "VariableID:54ca8954286c5a23714026a586ee4ec693b2d1ce/-1:-1",
+              "targetVariableName": "danger/form/disabled/primary/dropzone-bg",
               "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
               "targetVariableSetName": "Color - Core"
             }
           }
-        }
-      },
-      "secondary": {
-        "text": {
+        },
+        "dropzone-icon": {
           "$type": "color",
-          "$value": "{danger.form.default.secondary.text}",
+          "$value": "{danger.form.disabled.primary.dropzone-icon}",
           "$extensions": {
-            "com.figma.variableId": "VariableID:2008:82",
+            "com.figma.variableId": "VariableID:3019:445",
             "com.figma.scopes": [
-              "TEXT_FILL"
+              "ALL_SCOPES"
             ],
             "com.figma.codeSyntax": {
-              "WEB": "var(--slab-form-secondary-text)"
+              "WEB": "var(--slab-form-disabled-primary-dropzone-icon)"
             },
             "com.figma.aliasData": {
-              "targetVariableId": "VariableID:44061af9a850c85b8e624eb7ab5c4909c5311bd4/-1:-1",
-              "targetVariableName": "danger/form/default/secondary/text",
+              "targetVariableId": "VariableID:afd73b96032d4948fc1a78f9b62cdbd89f73c584/-1:-1",
+              "targetVariableName": "danger/form/disabled/primary/dropzone-icon",
               "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
               "targetVariableSetName": "Color - Core"
             }
           }
-        }
-      }
-    },
-    "disabled": {
-      "primary": {
-        "bg": {
+        },
+        "handle-border": {
           "$type": "color",
-          "$value": "{danger.form.disabled.primary.bg}",
+          "$value": "{danger.form.disabled.primary.handle-border}",
           "$extensions": {
-            "com.figma.variableId": "VariableID:2008:83",
+            "com.figma.variableId": "VariableID:3008:437",
+            "com.figma.scopes": [
+              "STROKE"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-disabled-primary-handle-border)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:dcd650f01839eb419bd18c89eb86780cfb01bd74/-1:-1",
+              "targetVariableName": "danger/form/disabled/primary/handle-border",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "marker-bg": {
+          "$type": "color",
+          "$value": "{danger.form.disabled.primary.marker-bg}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2951:375",
             "com.figma.scopes": [
               "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
-              "WEB": "var(--slab-form-disabled-primary-bg)"
+              "WEB": "var(--slab-form-disabled-primary-marker-bg)"
             },
             "com.figma.aliasData": {
-              "targetVariableId": "VariableID:c19c2e8e2397c2458b6a9bff028b2cbee49a153c/-1:-1",
-              "targetVariableName": "danger/form/disabled/primary/bg",
+              "targetVariableId": "VariableID:b28d02e16fb62d7ddb9e2f952dba82a452416d76/-1:-1",
+              "targetVariableName": "danger/form/disabled/primary/marker-bg",
               "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
               "targetVariableSetName": "Color - Core"
             }
           }
         },
-        "text": {
+        "marker-border": {
           "$type": "color",
-          "$value": "{danger.form.disabled.primary.text}",
+          "$value": "{danger.form.disabled.primary.marker-border}",
           "$extensions": {
-            "com.figma.variableId": "VariableID:2008:84",
+            "com.figma.variableId": "VariableID:3098:615",
             "com.figma.scopes": [
-              "TEXT_FILL"
+              "STROKE"
             ],
             "com.figma.codeSyntax": {
-              "WEB": "var(--slab-form-disabled-primary-text)"
+              "WEB": "var(--slab-form-disabled-primary-marker-border)"
             },
             "com.figma.aliasData": {
-              "targetVariableId": "VariableID:2c0b722fdae08051d605b31b3f720ceaa164e679/-1:-1",
-              "targetVariableName": "danger/form/disabled/primary/text",
+              "targetVariableId": "VariableID:43ef7a77a21f06ae462581cf2788972c80a4cafa/-1:-1",
+              "targetVariableName": "danger/form/disabled/primary/marker-border",
               "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
               "targetVariableSetName": "Color - Core"
             }
           }
         },
-        "icon": {
+        "marker-icon": {
           "$type": "color",
-          "$value": "{danger.form.disabled.primary.icon}",
+          "$value": "{danger.form.disabled.primary.marker-icon}",
           "$extensions": {
-            "com.figma.variableId": "VariableID:2008:85",
+            "com.figma.variableId": "VariableID:2952:380",
             "com.figma.scopes": [
-              "FRAME_FILL",
               "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
-              "WEB": "var(--slab-form-disabled-primary-icon)"
+              "WEB": "var(--slab-form-disabled-primary-marker-icon)"
             },
             "com.figma.aliasData": {
-              "targetVariableId": "VariableID:71509f154eb0f1bc9a97a9762bf59ec873ecb217/-1:-1",
-              "targetVariableName": "danger/form/disabled/primary/icon",
+              "targetVariableId": "VariableID:3ed348bbf30e0bebdf4d9e14acf232853d0df2d1/-1:-1",
+              "targetVariableName": "danger/form/disabled/primary/marker-icon",
               "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
               "targetVariableSetName": "Color - Core"
             }
           }
         },
-        "border": {
+        "track-bg": {
           "$type": "color",
-          "$value": "{danger.form.disabled.primary.border}",
+          "$value": "{danger.form.disabled.primary.track-bg}",
           "$extensions": {
-            "com.figma.variableId": "VariableID:2008:86",
+            "com.figma.variableId": "VariableID:3004:808",
             "com.figma.scopes": [
-              "STROKE"
+              "FRAME_FILL",
+              "SHAPE_FILL"
             ],
             "com.figma.codeSyntax": {
-              "WEB": "var(--slab-form-disabled-primary-border)"
+              "WEB": "var(--slab-form-disabled-primary-track-bg)"
             },
             "com.figma.aliasData": {
-              "targetVariableId": "VariableID:cdfc64dff64b8385cb538d81fa4be4273d44401b/-1:-1",
-              "targetVariableName": "danger/form/disabled/primary/border",
+              "targetVariableId": "VariableID:0b96fcd05507075bbb3f92d60c175e93866adfe6/-1:-1",
+              "targetVariableName": "danger/form/disabled/primary/track-bg",
               "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
               "targetVariableSetName": "Color - Core"
             }
@@ -1625,6 +2273,45 @@
               "targetVariableSetName": "Color - Core"
             }
           }
+        },
+        "handle-border": {
+          "$type": "color",
+          "$value": "{danger.form.disabled.secondary.handle-border}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3098:604",
+            "com.figma.scopes": [
+              "STROKE"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-disabled-secondary-handle-border)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:a2eeafffaafa03834788b5c07d944a6bdace4848/-1:-1",
+              "targetVariableName": "danger/form/disabled/secondary/handle-border",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "track-bg": {
+          "$type": "color",
+          "$value": "{danger.form.disabled.secondary.track-bg}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2941:478",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-disabled-secondary-track-bg)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:7bd1471b4de0f698dcbe297f6b550513f9638ef3/-1:-1",
+              "targetVariableName": "danger/form/disabled/secondary/track-bg",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
         }
       }
     },
@@ -1707,6 +2394,181 @@
               "targetVariableSetName": "Color - Core"
             }
           }
+        },
+        "card-bg": {
+          "$type": "color",
+          "$value": "{danger.form.active.primary.card-bg}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3011:444",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-active-primary-card-bg)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:47c7f2d51e19019384a473092457674f8d550a5e/-1:-1",
+              "targetVariableName": "danger/form/active/primary/card-bg",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "card-border": {
+          "$type": "color",
+          "$value": "{danger.form.active.primary.card-border}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3011:440",
+            "com.figma.scopes": [
+              "STROKE"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-active-primary-card-border)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:f2d9fb5aaa68ed515b78a4daab0e4da234c99812/-1:-1",
+              "targetVariableName": "danger/form/active/primary/card-border",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "dropzone-bg": {
+          "$type": "color",
+          "$value": "{danger.form.active.primary.dropzone-bg}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3011:448",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-active-primary-dropzone-bg)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:83412fef3f45c05af4dba20455ab98c9a907101d/-1:-1",
+              "targetVariableName": "danger/form/active/primary/dropzone-bg",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "dropzone-icon": {
+          "$type": "color",
+          "$value": "{danger.form.active.primary.dropzone-icon}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3019:446",
+            "com.figma.scopes": [
+              "ALL_SCOPES"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-active-primary-dropzone-icon)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:97f42c978165baa998e868fec2ed7dc22c772c3b/-1:-1",
+              "targetVariableName": "danger/form/active/primary/dropzone-icon",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "handle-border": {
+          "$type": "color",
+          "$value": "{danger.form.active.primary.handle-border}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3008:435",
+            "com.figma.scopes": [
+              "STROKE"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-active-primary-handle-border)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:6cc7a1a7cafef8f675f2fa319e9969ae00f0baee/-1:-1",
+              "targetVariableName": "danger/form/active/primary/handle-border",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "marker-bg": {
+          "$type": "color",
+          "$value": "{danger.form.active.primary.marker-bg}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2951:376",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-active-primary-marker-bg)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:15bbce6c7a606f530eda569d5ca942a720a0c5a8/-1:-1",
+              "targetVariableName": "danger/form/active/primary/marker-bg",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "marker-border": {
+          "$type": "color",
+          "$value": "{danger.form.active.primary.marker-border}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3008:436",
+            "com.figma.scopes": [
+              "STROKE"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-active-primary-marker-border)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:34fd3ec9a4b3b0bfed794713e125dca4aa20538b/-1:-1",
+              "targetVariableName": "danger/form/active/primary/marker-border",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "marker-icon": {
+          "$type": "color",
+          "$value": "{danger.form.active.primary.marker-icon}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2952:381",
+            "com.figma.scopes": [
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-active-primary-marker-icon)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:e3353b2f1b96b4b35833a82e6af60e7bdc4f7c2b/-1:-1",
+              "targetVariableName": "danger/form/active/primary/marker-icon",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "track-bg": {
+          "$type": "color",
+          "$value": "{danger.form.active.primary.track-bg}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3004:809",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-active-primary-track-bg)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:b1b77a653286c1b174986971d13eb98d0a0e034f/-1:-1",
+              "targetVariableName": "danger/form/active/primary/track-bg",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
         }
       },
       "secondary": {
@@ -1728,6 +2590,45 @@
               "targetVariableSetName": "Color - Core"
             }
           }
+        },
+        "handle-border": {
+          "$type": "color",
+          "$value": "{danger.form.active.secondary.handle-border}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:3098:605",
+            "com.figma.scopes": [
+              "STROKE"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-active-secondary-handle-border)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:dc676922c9234913064730895a5bd80ea8186037/-1:-1",
+              "targetVariableName": "danger/form/active/secondary/handle-border",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
+        },
+        "track-bg": {
+          "$type": "color",
+          "$value": "{danger.form.active.secondary.track-bg}",
+          "$extensions": {
+            "com.figma.variableId": "VariableID:2941:480",
+            "com.figma.scopes": [
+              "FRAME_FILL",
+              "SHAPE_FILL"
+            ],
+            "com.figma.codeSyntax": {
+              "WEB": "var(--slab-form-active-secondary-track-bg)"
+            },
+            "com.figma.aliasData": {
+              "targetVariableId": "VariableID:30f952f517cbc5b1b75efedb501360f4bd33576b/-1:-1",
+              "targetVariableName": "danger/form/active/secondary/track-bg",
+              "targetVariableSetId": "VariableCollectionId:1ad7ed10fddca938951166bf98810d8cc405489f/-1:-1",
+              "targetVariableSetName": "Color - Core"
+            }
+          }
         }
       }
     }