From c9e9cc9dd0f2076cf80a2291ba542df5d21b53d2 Mon Sep 17 00:00:00 2001
From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com>
Date: Wed, 30 Oct 2024 11:02:02 +0100
Subject: [PATCH] feat(tokens):added a helper class for focus

---
 .../tokens/tokensstudio-generated/tokens.json | 109 +++++++++++++++---
 1 file changed, 91 insertions(+), 18 deletions(-)

diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json
index d596cb0b66..d62a4bcdc7 100644
--- a/packages/tokens/tokensstudio-generated/tokens.json
+++ b/packages/tokens/tokensstudio-generated/tokens.json
@@ -8795,7 +8795,7 @@
       }
     }
   },
-  "Helper/Color": {
+  "Helpers/Color": {
     "post": {
       "helper": {
         "color": {
@@ -8859,6 +8859,30 @@
       }
     }
   },
+  "Helpers/Focus": {
+    "post": {
+      "focus": {
+        "outline": {
+          "offset": {
+            "$type": "spacing",
+            "$value": "{post.device.spacing.padding.2}"
+          },
+          "color": {
+            "$type": "color",
+            "$value": "{post.scheme.color.interactive.focus.stroke}"
+          }
+        },
+        "outline-width": {
+          "$type": "borderWidth",
+          "$value": "{post.device.border-width.focus}"
+        },
+        "border-style": {
+          "$type": "other",
+          "$value": "{post.core.border-style.solid}"
+        }
+      }
+    }
+  },
   "$themes": [
     {
       "id": "fb44a81a432bb35f3bbadc6e2fedf26cc19ea09d",
@@ -8871,7 +8895,9 @@
         "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2,"
       },
       "selectedTokenSets": {
-        "core": "enabled"
+        "core": "enabled",
+        "Helpers/Color": "disabled",
+        "Helpers/Focus": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:718:1595",
       "$figmaModeId": "718:0",
@@ -9007,7 +9033,9 @@
       "$figmaStyleReferences": {},
       "selectedTokenSets": {
         "core": "source",
-        "Scheme/Light": "enabled"
+        "Scheme/Light": "enabled",
+        "Helpers/Color": "disabled",
+        "Helpers/Focus": "disabled"
       },
       "group": "Scheme",
       "$figmaCollectionId": "VariableCollectionId:718:1666",
@@ -9185,7 +9213,9 @@
       "selectedTokenSets": {
         "core": "source",
         "Scheme/Light": "enabled",
-        "Scheme/Dark": "enabled"
+        "Scheme/Dark": "enabled",
+        "Helpers/Color": "disabled",
+        "Helpers/Focus": "disabled"
       },
       "group": "Scheme",
       "$figmaCollectionId": "VariableCollectionId:718:1666",
@@ -9364,7 +9394,9 @@
       "$figmaStyleReferences": {},
       "selectedTokenSets": {
         "core": "source",
-        "Device/Desktop": "enabled"
+        "Device/Desktop": "enabled",
+        "Helpers/Color": "disabled",
+        "Helpers/Focus": "disabled"
       },
       "group": "Device",
       "$figmaCollectionId": "VariableCollectionId:718:1733",
@@ -9534,7 +9566,9 @@
       "selectedTokenSets": {
         "core": "source",
         "Device/Desktop": "enabled",
-        "Device/Tablet": "enabled"
+        "Device/Tablet": "enabled",
+        "Helpers/Color": "disabled",
+        "Helpers/Focus": "disabled"
       },
       "group": "Device",
       "$figmaCollectionId": "VariableCollectionId:718:1733",
@@ -9711,7 +9745,9 @@
         "core": "source",
         "Device/Desktop": "enabled",
         "Device/Tablet": "enabled",
-        "Device/Mobile": "enabled"
+        "Device/Mobile": "enabled",
+        "Helpers/Color": "disabled",
+        "Helpers/Focus": "disabled"
       },
       "group": "Device",
       "$figmaCollectionId": "VariableCollectionId:718:1733",
@@ -9885,7 +9921,9 @@
         "Device/Mobile": "source",
         "Channel/EDK": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Helpers/Color": "disabled",
+        "Helpers/Focus": "disabled"
       },
       "group": "Channel",
       "$figmaCollectionId": "VariableCollectionId:718:1734",
@@ -9906,7 +9944,9 @@
         "Channel/EDK": "enabled",
         "Channel/IDK": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Helpers/Color": "disabled",
+        "Helpers/Focus": "disabled"
       },
       "group": "Channel",
       "$figmaCollectionId": "VariableCollectionId:718:1734",
@@ -9937,7 +9977,9 @@
         "Elements/ListBullet": "enabled",
         "Elements/ListNumber": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Helpers/Color": "disabled",
+        "Helpers/Focus": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:3180:16769",
       "$figmaModeId": "3180:1",
@@ -10009,7 +10051,9 @@
         "Theme/Post": "source",
         "Utilities/Color": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Helpers/Color": "disabled",
+        "Helpers/Focus": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:3180:16768",
       "$figmaModeId": "3180:0",
@@ -10197,7 +10241,9 @@
         "Scheme/Light": "source",
         "Scheme/Dark": "source",
         "Components/Close": "enabled",
-        "Components/Accordion": "enabled"
+        "Components/Accordion": "enabled",
+        "Helpers/Color": "disabled",
+        "Helpers/Focus": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:808:5504",
       "$figmaModeId": "808:0",
@@ -10903,7 +10949,9 @@
         "Utilities/Spacing": "source",
         "Utilities/Typo": "source",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Helpers/Color": "disabled",
+        "Helpers/Focus": "disabled"
       }
     },
     {
@@ -10919,7 +10967,9 @@
         "Channel/IDK": "source",
         "Theme/Post": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Helpers/Color": "disabled",
+        "Helpers/Focus": "disabled"
       },
       "group": "Theme",
       "$figmaCollectionId": "VariableCollectionId:4178:5613",
@@ -10953,7 +11003,9 @@
         "Theme/Post": "enabled",
         "Theme/Cargo": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Helpers/Color": "disabled",
+        "Helpers/Focus": "disabled"
       },
       "group": "Theme",
       "$figmaCollectionId": "VariableCollectionId:4178:5613",
@@ -10985,9 +11037,29 @@
         "Channel/IDK": "source",
         "Theme/Post": "source",
         "Theme/Cargo": "source",
-        "Helper/Color": "enabled"
+        "Helpers/Color": "enabled",
+        "Helpers/Focus": "disabled"
+      },
+      "group": "Helpers"
+    },
+    {
+      "id": "de151f32ac85175085c129c9d55429225636cfb7",
+      "name": "Focus",
+      "$figmaStyleReferences": {},
+      "selectedTokenSets": {
+        "core": "source",
+        "Scheme/Light": "source",
+        "Scheme/Dark": "source",
+        "Device/Desktop": "source",
+        "Device/Tablet": "source",
+        "Device/Mobile": "source",
+        "Channel/EDK": "source",
+        "Channel/IDK": "source",
+        "Theme/Post": "source",
+        "Theme/Cargo": "source",
+        "Helpers/Focus": "enabled"
       },
-      "group": "Helper"
+      "group": "Helpers"
     }
   ],
   "$metadata": {
@@ -11043,7 +11115,8 @@
       "Utilities/Spacing",
       "Utilities/Color",
       "Utilities/Typo",
-      "Helper/Color"
+      "Helpers/Color",
+      "Helpers/Focus"
     ]
   }
 }
\ No newline at end of file