From 677405896c4232ae08a4e3315b31265b5cabda95 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=A9r=C3=B4me=20Boukorras?= <jerome.boukorras@onfido.com>
Date: Wed, 3 Jul 2024 10:20:40 +0200
Subject: [PATCH] feat: add switch tokens

---
 src/themes/day.json   | 117 ++++++++++++++++++++++++++++++++++++++++++
 src/themes/night.json | 117 ++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 234 insertions(+)

diff --git a/src/themes/day.json b/src/themes/day.json
index f006cd2d..9fbcbe4d 100644
--- 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
index 558205bd..c4ec0552 100644
--- 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",