feat(token):added componnent assist

refactor(token):changed bordercvolor for open state in accordion
swisspost · Nov 27, 2024 · bdf17f5 · bdf17f5
1 parent 5b83e86
commit bdf17f5
Showing 1 changed file with 81 additions and 23 deletions.
diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json
@@ -4823,6 +4823,10 @@
           "font-size": {
             "$type": "fontSizes",
             "$value": "{post.device.font-size.5}"
+          },
+          "border-open": {
+            "$type": "color",
+            "$value": "{post.core.color.colorless}"
           }
         },
         "border": {
@@ -4922,6 +4926,38 @@
       }
     }
   },
+  "Components/Assist": {
+    "post": {
+      "assist": {
+        "gap": {
+          "$type": "spacing",
+          "$value": "{post.device.spacing.gap.1}"
+        },
+        "padding": {
+          "block": {
+            "$type": "spacing",
+            "$value": "{post.device.spacing.padding.block.5}"
+          },
+          "inline": {
+            "$type": "spacing",
+            "$value": "{post.device.spacing.padding.2}"
+          }
+        },
+        "font-size": {
+          "$type": "fontSizes",
+          "$value": "{post.device.font-size.9}"
+        },
+        "enabled-fg": {
+          "$type": "color",
+          "$value": "{post.scheme.color.interactive.primary.enabled.fg1}"
+        },
+        "disabled-fg": {
+          "$type": "color",
+          "$value": "{post.scheme.color.interactive.primary.disabled.fg1}"
+        }
+      }
+    }
+  },
   "Components/Avatar": {
     "post": {
       "avatar": {
@@ -8049,12 +8085,10 @@
               "resize": {
                 "$type": "dimension",
                 "$value": "{post.core.dimension.6}"
-              }
-            },
-            "start": {
+              },
               "validation": {
                 "$type": "dimension",
-                "$value": "{post.core.dimension.12}"
+                "$value": "{post.core.dimension.28}"
               }
             }
           },
@@ -9412,7 +9446,8 @@
         "post.core.elevation.5": "S:abb94bfe7966ae2690516196d25db0b65df759e2,"
       },
       "selectedTokenSets": {
-        "core": "enabled"
+        "core": "enabled",
+        "Components/Assist": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:718:1595",
       "$figmaModeId": "718:0",
@@ -9558,7 +9593,8 @@
       "$figmaStyleReferences": {},
       "selectedTokenSets": {
         "core": "source",
-        "Scheme/Light": "enabled"
+        "Scheme/Light": "enabled",
+        "Components/Assist": "disabled"
       },
       "group": "Scheme",
       "$figmaCollectionId": "VariableCollectionId:718:1666",
@@ -9753,7 +9789,8 @@
       "selectedTokenSets": {
         "core": "source",
         "Scheme/Dark": "enabled",
-        "Scheme/Light": "enabled"
+        "Scheme/Light": "enabled",
+        "Components/Assist": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:718:1666",
       "$figmaModeId": "718:2",
@@ -9947,7 +9984,8 @@
       "$figmaStyleReferences": {},
       "selectedTokenSets": {
         "core": "source",
-        "Device/Desktop": "enabled"
+        "Device/Desktop": "enabled",
+        "Components/Assist": "disabled"
       },
       "group": "Device",
       "$figmaCollectionId": "VariableCollectionId:718:1733",
@@ -10127,7 +10165,8 @@
       "selectedTokenSets": {
         "core": "source",
         "Device/Desktop": "enabled",
-        "Device/Tablet": "enabled"
+        "Device/Tablet": "enabled",
+        "Components/Assist": "disabled"
       },
       "group": "Device",
       "$figmaCollectionId": "VariableCollectionId:718:1733",
@@ -10314,7 +10353,8 @@
         "core": "source",
         "Device/Desktop": "enabled",
         "Device/Tablet": "enabled",
-        "Device/Mobile": "enabled"
+        "Device/Mobile": "enabled",
+        "Components/Assist": "disabled"
       },
       "group": "Device",
       "$figmaCollectionId": "VariableCollectionId:718:1733",
@@ -10498,7 +10538,8 @@
         "Device/Mobile": "source",
         "Channel/EDK": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Components/Assist": "disabled"
       },
       "group": "Channel",
       "$figmaCollectionId": "VariableCollectionId:718:1734",
@@ -10519,7 +10560,8 @@
         "Channel/EDK": "enabled",
         "Channel/IDK": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Components/Assist": "disabled"
       },
       "group": "Channel",
       "$figmaCollectionId": "VariableCollectionId:718:1734",
@@ -10550,7 +10592,8 @@
         "Elements/ListBullet": "enabled",
         "Elements/ListNumber": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Components/Assist": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:3180:16769",
       "$figmaModeId": "3180:1",
@@ -10619,7 +10662,8 @@
         "Theme/Post": "source",
         "Utilities/Color": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Components/Assist": "disabled"
       },
       "$figmaCollectionId": "VariableCollectionId:3180:16768",
       "$figmaModeId": "3180:0",
@@ -10811,11 +10855,13 @@
         "Components/Floating button": "enabled",
         "Components/Blockquote": "enabled",
         "Components/Search input": "enabled",
-        "Components/ListCheck": "enabled"
+        "Components/ListCheck": "enabled",
+        "Components/Assist": "enabled"
       },
       "$figmaCollectionId": "VariableCollectionId:808:5504",
       "$figmaModeId": "808:0",
       "$figmaVariableReferences": {
+        "post.accordion.header.padding.block.closed": "e9faf7959a42feff543fcb8ebad5cd552b2e8912",
         "post.accordion.header.padding.block.open": "bdace9cd8b675a56c7d60051bb4c38b186107eb7",
         "post.accordion.header.padding.inline": "a1ffb9756668840ec23f302ca1198384ea02cc25",
         "post.accordion.header.content.gap.inline": "f83c10995add59e786ca3d22a1ade42060c34ed6",
@@ -10831,10 +10877,17 @@
         "post.accordion.hover-fg": "0f2c9a07524293fb0443f921d563bc649591d5ae",
         "post.accordion.hover-border": "3844e8ab5d397e20c91ca615c85de14a4d52ef02",
         "post.accordion.icon.size": "38831bcd1a5fbf2307fe35c6280888ac6ad23a7f",
+        "post.accordion.header.border-open": "6f9eb06b96ae3f7c204177d49f3ec2542f33ec32",
         "post.app-store.google.width": "fa65e38a865f425f8fdfeca8f1b26fc068d5d2a1",
         "post.app-store.apple.width": "ad43af0ea74ce86af165314d67cd7a7dd663df84",
         "post.app-store.height": "bfd9997022ededeb1841f9897a28d66715817016",
         "post.app-store.border-radius": "aa40618f5c2c44b080a7da802ff1cfee577cdc7f",
+        "post.assist.gap": "436af523860fe63275a6e95ab6a655ad8ebca801",
+        "post.assist.padding.block": "5053e061175de25bca76d00ef83a658b8003964a",
+        "post.assist.padding.inline": "a5be9de5386121ecb0c4c55bd310ed46e71a46a6",
+        "post.assist.font-size": "c42fdefaa61b7c5d6916a6b6768599b19da3fd4d",
+        "post.assist.enabled-fg": "72f5b4238dee1bf68e93e9731b4fd8f2e5e38fd5",
+        "post.assist.disabled-fg": "511343125c5a9ce9901570e967e37962ab1eca6d",
         "post.avatar.size": "fdc1484ed63e645974c9a435ca62dd46b26a84e0",
         "post.avatar.enabled-bg": "1863e011a6589c655c1f6ce1b3fa63e4153719e2",
         "post.avatar.enabled-fg": "9fbe58313d6bf87fab98be4e81191e79f1a038b0",
@@ -11399,7 +11452,7 @@
         "post.textarea.signal.error": "a18efce3d87124d0c761a901e681d836d13b61a8",
         "post.textarea.signal.success": "cb87cd3fe7dfbd21d0be540a812560c712c212de",
         "post.textarea.position.inline.end.resize": "904aaf2715095ac103aecbf621cdbeb5b551d35c",
-        "post.textarea.position.inline.start.validation": "a62582eea53edacc67dd06ee55a6a9b3c9787934",
+        "post.textarea.position.inline.end.validation": "a62582eea53edacc67dd06ee55a6a9b3c9787934",
         "post.textarea.position.block.end.resize": "d10f66ecc25d5e4576ee7f3d665cc9afa4ee0f67",
         "post.textarea.position.block.start.validation": "7d3d68f9b92e710e7441d84c31b27639e13e301a",
         "post.textarea.assist.font-size": "8fb89a9effda2d25fe148de62b52eb6ddc9a280b",
@@ -11477,8 +11530,7 @@
         "post.validation.success": "b59a525aa81840396e6310baa880de4a66d23371",
         "post.validation.input.padding.block": "4006573d3a03f1b053a844aaf89e14742a3d3646",
         "post.validation.input.padding.inline": "8df0e5f5587acbb1f7acb67a97e200e2175d6469",
-        "post.validation.font-size": "67f550629b478f48c1579f8acb13edceabbaee4f",
-        "post.accordion.header.padding.block.closed": "e9faf7959a42feff543fcb8ebad5cd552b2e8912"
+        "post.validation.font-size": "67f550629b478f48c1579f8acb13edceabbaee4f"
       }
     },
     {
@@ -11529,7 +11581,8 @@
         "Utilities/Spacing": "source",
         "Utilities/Typo": "source",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Components/Assist": "disabled"
       }
     },
     {
@@ -11545,7 +11598,8 @@
         "Channel/IDK": "source",
         "Theme/Post": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Components/Assist": "disabled"
       },
       "group": "Theme",
       "$figmaCollectionId": "VariableCollectionId:4178:5613",
@@ -11579,7 +11633,8 @@
         "Theme/Post": "enabled",
         "Theme/Cargo": "enabled",
         "Scheme/Light": "source",
-        "Scheme/Dark": "source"
+        "Scheme/Dark": "source",
+        "Components/Assist": "disabled"
       },
       "group": "Theme",
       "$figmaCollectionId": "VariableCollectionId:4178:5613",
@@ -11614,7 +11669,8 @@
         "Channel/IDK": "source",
         "Theme/Post": "source",
         "Theme/Cargo": "source",
-        "Helpers/Focus": "enabled"
+        "Helpers/Focus": "enabled",
+        "Components/Assist": "disabled"
       },
       "group": "Helpers",
       "$figmaCollectionId": "VariableCollectionId:6402:53868",
@@ -11639,7 +11695,8 @@
         "Channel/IDK": "source",
         "Theme/Post": "source",
         "Theme/Cargo": "source",
-        "Palettes": "enabled"
+        "Palettes": "enabled",
+        "Components/Assist": "disabled"
       },
       "$figmaVariableReferences": {
         "post.palettes.color.default.bg": "5f2f435ea49163621af38ad9798447b33aad773f",
@@ -11680,6 +11737,7 @@
       "Elements/Legend",
       "Components/Accordion",
       "Components/App store badge",
+      "Components/Assist",
       "Components/Avatar",
       "Components/Badge",
       "Components/Banner",