feat(tokens):added a helper class for focus

swisspost · Oct 30, 2024 · c9e9cc9 · c9e9cc9
1 parent 09deaae
commit c9e9cc9
Showing 1 changed file with 91 additions and 18 deletions.
diff --git 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"
     ]
   }
 }