From f28edf11dfcc852d8ba36bffbab90d6046017d4b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tim=20Sch=C3=A4r?= <59233938+schaertim@users.noreply.github.com> Date: Wed, 25 Sep 2024 11:23:45 +0200 Subject: [PATCH] feat(tokens): add new tokens (#3583) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Oliver Schürch Co-authored-by: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Co-authored-by: Alizé Debray <33580481+alizedebray@users.noreply.github.com> --- .../tokens/tokensstudio-generated/tokens.json | 124 +++++++++++++++--- 1 file changed, 109 insertions(+), 15 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index aac47ad70e..3aeba6d967 100644 --- 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,15 +9233,21 @@ "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", @@ -9166,6 +9255,11 @@ "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",