feat: add switch tokens

onfido · Jul 3, 2024 · 6774058 · 6774058
1 parent a4d9eb4
commit 6774058
Show file tree

Hide file tree

Showing 2 changed files with 234 additions and 0 deletions.
diff --git a/src/themes/day.json b/src/themes/day.json
@@ -451,6 +451,123 @@
         "opacity": 1
       }
     },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "background-switch-selected",
+      "value": "{!color-primary-500}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "background-switch-handle-selected",
+      "value": "{!color-neutral-050}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "background-switch-selected-hover",
+      "value": "{!color-primary-400}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "background-switch-handle-selected-hover",
+      "value": "{!color-neutral-050}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "background-switch-handle-unselected",
+      "value": "{!color-neutral-500}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "background-switch-handle-unselected-hover",
+      "value": "{!color-neutral-600}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "background-switch-handle-unselected-disabled",
+      "value": "{!color-neutral-200}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "content-switch-handle-selected",
+      "value": "{!color-primary-500}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "content-switch-handle-selected-hover",
+      "value": "{!color-primary-400}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "content-switch-handle-selected-disabled",
+      "value": "{!color-neutral-200}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "border-switch-selected",
+      "value": "{!color-primary-500}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "border-switch-selected-hover",
+      "value": "{!color-primary-400}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "border-switch-selected-disabled",
+      "value": "{!color-neutral-200}",
+      "meta": {
+        "opacity": 1
+      }
+    },
     {
       "type": "color",
       "category": "color",

diff --git a/src/themes/night.json b/src/themes/night.json
@@ -451,6 +451,123 @@
         "opacity": 1
       }
     },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "background-switch-selected",
+      "value": "{!color-primary-400}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "background-switch-handle-selected",
+      "value": "{!color-neutral-050}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "background-switch-selected-hover",
+      "value": "{!color-primary-300}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "background-switch-handle-selected-hover",
+      "value": "{!color-neutral-500}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "background-switch-handle-unselected",
+      "value": "{!color-neutral-500}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "background-switch-handle-unselected-hover",
+      "value": "{!color-neutral-400}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "background-switch-handle-unselected-disabled",
+      "value": "{!color-neutral-600}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "content-switch-handle-selected",
+      "value": "{!color-primary-400}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "content-switch-handle-selected-hover",
+      "value": "{!color-primary-300}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "content-switch-handle-selected-disabled",
+      "value": "{!color-neutral-700}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "border-switch-selected",
+      "value": "{!color-primary-400}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "border-switch-selected-hover",
+      "value": "{!color-primary-300}",
+      "meta": {
+        "opacity": 1
+      }
+    },
+    {
+      "type": "color",
+      "category": "color",
+      "name": "border-switch-selected-disabled",
+      "value": "{!color-neutral-600}",
+      "meta": {
+        "opacity": 1
+      }
+    },
     {
       "type": "color",
       "category": "color",