feat(tokens): add new tokens (#3583)

Co-authored-by: Oliver Schürch <[email protected]> Co-authored-by: Travaglini Alessio <[email protected]> Co-authored-by: Alizé Debray <[email protected]>
swisspost · Sep 25, 2024 · f28edf1 · f28edf1
1 parent 4c3cce0
commit f28edf1
Showing 1 changed file with 109 additions and 15 deletions.
diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json
@@ -186,6 +186,16 @@
           "colorless": {
             "$type": "color",
             "$value": "rgba(255,255,255,0)"
+          },
+          "cargo": {
+            "green": {
+              "$type": "color",
+              "$value": "#00411C"
+            },
+            "blue": {
+              "$type": "color",
+              "$value": "#AADCFF"
+            }
           }
         },
         "dimension": {
@@ -482,6 +492,10 @@
           "swiss-post": {
             "$type": "fontFamilies",
             "$value": "Swiss Post Sans v005"
+          },
+          "caveat": {
+            "$type": "fontFamilies",
+            "$value": "Caveat"
           }
         },
         "elevation": {
@@ -1311,6 +1325,10 @@
                   "$type": "color",
                   "$value": "{post.core.color.notification.green}"
                 },
+                "stroke4": {
+                  "$type": "color",
+                  "$value": "{post.core.color.notification.green}"
+                },
                 "stroke2": {
                   "$type": "color",
                   "$value": "{post.core.color.brand.white}"
@@ -2501,6 +2519,10 @@
           "dropdown": {
             "$type": "borderWidth",
             "$value": "{post.core.dimension.3}"
+          },
+          "switch": {
+            "$type": "borderWidth",
+            "$value": "{post.core.dimension.1}"
           }
         }
       }
@@ -5666,6 +5688,10 @@
           "success": {
             "$type": "color",
             "$value": "{post.mode.color.signal.success-dark}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{post.mode.color.interactive.primary.disabled.fg1}"
           }
         },
         "focus": {
@@ -5676,36 +5702,80 @@
           "border-width": {
             "$type": "borderWidth",
             "$value": "{post.device.border-width.focus}"
+          },
+          "outline": {
+            "offset": {
+              "$type": "spacing",
+              "$value": "{post.device.spacing.padding.2}"
+            }
+          },
+          "border-radius": {
+            "$type": "borderRadius",
+            "$value": "{post.device.border-radius.focus}"
+          },
+          "border-style": {
+            "$type": "other",
+            "$value": "{post.core.border-style.solid}"
           }
         },
-        "element": {
-          "enabled-fg": {
+        "handle": {
+          "enabled": {
             "$type": "color",
             "$value": "{post.mode.color.interactive.primary.enabled.fg3}"
           },
+          "selected": {
+            "$type": "color",
+            "$value": "{post.mode.color.interactive.primary.selected.fg3}"
+          },
+          "selected-stroke": {
+            "$type": "color",
+            "$value": "{post.mode.color.interactive.primary.selected.stroke3}"
+          },
+          "hover": {
+            "$type": "color",
+            "$value": "{post.mode.color.interactive.primary.hover.fg3}"
+          },
+          "hover-stroke": {
+            "$type": "color",
+            "$value": "{post.mode.color.interactive.primary.hover.stroke3}"
+          },
+          "disabled": {
+            "$type": "color",
+            "$value": "{post.mode.color.interactive.primary.disabled.fg3}"
+          },
+          "disabled-stroke": {
+            "$type": "color",
+            "$value": "{post.mode.color.interactive.primary.disabled.stroke2}"
+          },
+          "enabled-stroke": {
+            "$type": "color",
+            "$value": "{post.mode.color.interactive.primary.enabled.stroke3}"
+          }
+        },
+        "element": {
           "enabled-bg": {
             "$type": "color",
             "$value": "{post.mode.color.interactive.primary.enabled.bg2}"
           },
-          "selected-fg": {
+          "enabled-stroke": {
             "$type": "color",
-            "$value": "{post.mode.color.interactive.primary.selected.fg3}"
+            "$value": "{post.mode.color.interactive.primary.enabled.stroke}"
           },
           "selected-bg": {
             "$type": "color",
             "$value": "{post.mode.color.interactive.primary.selected.bg2}"
           },
-          "hover-fg": {
+          "selected-stroke": {
             "$type": "color",
-            "$value": "{post.mode.color.interactive.primary.enabled.fg3}"
+            "$value": "{post.mode.color.interactive.primary.selected.stroke4}"
           },
           "hover-bg": {
             "$type": "color",
             "$value": "{post.mode.color.interactive.primary.hover.bg2}"
           },
-          "disabled-fg": {
+          "hover-stroke": {
             "$type": "color",
-            "$value": "{post.mode.color.interactive.primary.disabled.fg3}"
+            "$value": "{post.mode.color.interactive.primary.hover.stroke}"
           },
           "disabled-bg": {
             "$type": "color",
@@ -5760,7 +5830,15 @@
           "disabled": {
             "$type": "other",
             "$value": "{post.core.border-style.dash}"
+          },
+          "default": {
+            "$type": "other",
+            "$value": "{post.core.border-style.solid}"
           }
+        },
+        "border-width": {
+          "$type": "borderWidth",
+          "$value": "{post.device.border-width.switch}"
         }
       }
     }
@@ -7919,6 +7997,7 @@
         "post.mode.color.interactive.primary.hover.stroke3": "14a61f7a4a47175acaef2dd2464dca3c3b7bfb68",
         "post.mode.color.interactive.primary.disabled.bg4": "cbd472c5f53fe207babc9d0e2f387dd7235ca8b6",
         "post.mode.color.interactive.primary.disabled.stroke3": "b6f6a8caf670f7786560c10a897be950454f63ee",
+        "post.mode.color.interactive.primary.selected.stroke4": "353c807b673deaaff93fcad6cb2dd45c6e1370e8",
         "post.mode.color.interactive.primary.selected.stroke2": "1970ea4439a04f01188d4140ac306585206f56ad",
         "post.mode.color.interactive.primary.selected.stroke3": "b88b12d27abd17687a1e6a0d24ab3922070fa022",
         "post.mode.color.interactive.notification.info.fg": "e6f2ca071f61c4adc7af9dfc4d1ff088e2002a0a",
@@ -8063,6 +8142,7 @@
         "post.mode.color.interactive.primary.selected.stroke1": "550b96f317e985b79917fd707c1f6d236784f93b",
         "post.mode.color.interactive.primary.selected.fg3": "3bc8c4d9ce8927f0cea9dd992737f3a6d6293953",
         "post.mode.color.interactive.primary.selected.bg2": "7a0bd1da8b79f4a8df41671ea87ff9459da972b9",
+        "post.mode.color.interactive.primary.selected.stroke4": "353c807b673deaaff93fcad6cb2dd45c6e1370e8",
         "post.mode.color.interactive.primary.selected.stroke2": "1970ea4439a04f01188d4140ac306585206f56ad",
         "post.mode.color.interactive.primary.selected.stroke3": "b88b12d27abd17687a1e6a0d24ab3922070fa022",
         "post.mode.color.interactive.notification.info.fg": "e6f2ca071f61c4adc7af9dfc4d1ff088e2002a0a",
@@ -8237,7 +8317,8 @@
         "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d",
         "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6",
         "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc",
-        "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30"
+        "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30",
+        "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378"
       }
     },
     {
@@ -8380,7 +8461,8 @@
         "post.device.border-radius.focus2": "3ff458677ebb45c67aa0d62f737f529bf937fc1d",
         "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6",
         "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc",
-        "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30"
+        "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30",
+        "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378"
       }
     },
     {
@@ -8530,7 +8612,8 @@
         "post.device.font-weight.black": "e4cfc49770e938bbde9dd1499500d3c90db21bbf",
         "post.device.border-width.default": "e5f71facc552cd21f6cd7daa18a64c8e8e5ce6a6",
         "post.device.border-width.focus": "36b85b12779fa51b466bbb29ec9f9a54b1ab7dcc",
-        "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30"
+        "post.device.border-width.dropdown": "ee4d9dfc6effe80e3529f2cf085a3e3c60cdda30",
+        "post.device.border-width.switch": "3304b579ebb55075ec45251e69d38c803cecf378"
       }
     },
     {
@@ -9150,22 +9233,33 @@
         "post.switch.icon.success": "7e344a6a3c5ecf08f4d78441e5cfcf81ae31e621",
         "post.switch.focus.stroke": "cc7404ba6c33820a9d8a3f46da5f480a57f0396a",
         "post.switch.focus.border-width": "4b43ee21ab1f74866a20fc2a52a85758b251fa08",
-        "post.switch.element.enabled-fg": "159a42184822eb3538fd9468fbf9c6b63fbf1bcf",
+        "post.switch.handle.enabled": "159a42184822eb3538fd9468fbf9c6b63fbf1bcf",
         "post.switch.element.enabled-bg": "37fb6c23301facfc96d382de26a14360537fdd97",
-        "post.switch.element.selected-fg": "2f079a496bed636dcee54a30516d00f400de1f52",
+        "post.switch.element.enabled-stroke": "00a540c9a955281331681f6fc44963f93bb85ce7",
+        "post.switch.handle.selected": "2f079a496bed636dcee54a30516d00f400de1f52",
+        "post.switch.handle.selected-stroke": "18d9b72bedfc5af7007948148e850f31754c6efb",
         "post.switch.element.selected-bg": "292407a115b9c5819acd71fbbb8a7994c4b17b5a",
-        "post.switch.element.hover-fg": "367b21171b85011ace3484d3caaf20ca4de50580",
+        "post.switch.element.selected-stroke": "d7bda56904422c2dc2873f41275e915ce36fbdd6",
+        "post.switch.handle.hover": "367b21171b85011ace3484d3caaf20ca4de50580",
+        "post.switch.handle.hover-stroke": "9a48352912e77688b3638c63de7b650745b69c0e",
         "post.switch.element.hover-bg": "beaf5e6053691c5f8676c64899f0d146c194f8ff",
-        "post.switch.element.disabled-fg": "87edfd0659df5be763802e5b407c9cd64220fb49",
+        "post.switch.element.hover-stroke": "3a916db6238187c672c6be218f714d9cb6bf87f3",
+        "post.switch.handle.disabled": "87edfd0659df5be763802e5b407c9cd64220fb49",
         "post.switch.element.disabled-bg": "5ef2c2c58f565ae99b8655056dd15c48ac67e696",
         "post.switch.element.disabled-stroke": "d3b935fe8ebcbf2e85582f53fa9f5a8138250b11",
+        "post.switch.handle.disabled-stroke": "68580f77c8c59cfe3fd6ed8092787242604fa765",
         "post.switch.element.width": "2c777f81d27d17b298a80176a9321eb9728da712",
         "post.switch.element.height": "2bb770e36f1b556d983d21b595509f3e91a47655",
         "post.switch.element.handle": "c09fd2baa596cab64d62c4fb1fca8fa8c26291c5",
         "post.switch.gap.inline.text": "247b45d301bcca98b2d94934a5bf224368055263",
         "post.switch.padding.block.text": "fdf8cc0d615a1cd0116f36d0e88f0909474b74c2",
         "post.switch.padding.inline.handle": "b512bd24b1efc090fbf71338c7581b91be49db5c",
         "post.switch.border-radius.round": "4cc09b8f409accc41f0553e1fb332ba603b3e501",
+        "post.switch.handle.enabled-stroke": "5faf69a23034b7d86ae53ae4b6e45d758ad291a5",
+        "post.switch.border-width": "c45a9f2a969bb1f731fbb1f2c1433a57d238be0e",
+        "post.switch.icon.disabled": "34c32196503b8fd0e443b51da233db8104427d3f",
+        "post.switch.focus.outline.offset": "2c42767ea35fb51cdc8dc4a15d6cbb3f6f26ac63",
+        "post.switch.focus.border-radius": "ee07bb6fbecfe55279bca6b6b57dca40019d8523",
         "post.textarea.color.enabled-bg": "9f294c42d575aff74d6cf90d734367a803194216",
         "post.textarea.color.enabled-fg": "7d5bb970bd293753c57df39aaeaa38b7d279a90c",
         "post.textarea.color.hover-bg": "91d02a0756c0a534d57e42cdb64636d2d2e368dd",