From c5ddca4d077cd5c931c81967363f739204fde8d1 Mon Sep 17 00:00:00 2001 From: Swiss Post Bot <103635272+swisspost-bot@users.noreply.github.com> Date: Mon, 8 Jul 2024 09:32:23 +0200 Subject: [PATCH 01/17] First Sync Designtokens --- .../tokens/tokensstudio-generated/tokens.json | 2992 +++++++++++++---- 1 file changed, 2273 insertions(+), 719 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index f1354e650c..231a7212f8 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -1,5 +1,5 @@ { - "Core": { + "core": { "post": { "core": { "color": { @@ -238,6 +238,17 @@ "value": "4", "type": "dimension" }, + "5": { + "value": "5", + "type": "dimension" + }, + "6": { + "value": "6", + "type": "dimension", + "$extensions": { + "studio.tokens": {} + } + }, "8": { "value": "8", "type": "dimension" @@ -266,17 +277,11 @@ }, "18": { "value": "18", - "type": "dimension", - "$extensions": { - "studio.tokens": {} - } + "type": "dimension" }, "20": { "value": "20", - "type": "dimension", - "$extensions": { - "studio.tokens": {} - } + "type": "dimension" }, "22": { "value": "22", @@ -286,54 +291,46 @@ "value": "24", "type": "dimension" }, + "26": { + "value": "26", + "type": "dimension" + }, "28": { "value": "28", "type": "dimension" }, + "30": { + "value": "30", + "type": "dimension" + }, "32": { "value": "32", "type": "dimension" }, + "34": { + "value": "34", + "type": "dimension" + }, "36": { "value": "36", - "type": "dimension", - "$extensions": { - "studio.tokens": {} - } + "type": "dimension" }, "40": { "value": "40", "type": "dimension" }, - "44": { - "value": "44", - "type": "dimension", - "$extensions": { - "studio.tokens": {} - } - }, "48": { "value": "48", "type": "dimension" }, - "52": { - "value": "52", - "type": "dimension", - "$extensions": { - "studio.tokens": {} - } - }, - "56": { - "value": "56", - "type": "dimension", - "$extensions": { - "studio.tokens": {} - } - }, "64": { "value": "64", "type": "dimension" }, + "78": { + "value": "78", + "type": "dimension" + }, "80": { "value": "80", "type": "dimension" @@ -346,15 +343,12 @@ "value": "112", "type": "dimension" }, - "0,5": { - "value": "0.5", - "type": "dimension", - "$extensions": { - "studio.tokens": {} - } + "5,5": { + "value": "5.5", + "type": "dimension" }, - "1,5": { - "value": "1.5", + "6,5": { + "value": "6.5", "type": "dimension" } }, @@ -571,676 +565,1954 @@ ], "type": "boxShadow" } - } - } - } - }, - "Device/Desktop": { - "post": { - "sem": { - "device": { - "sizing": { - "interactive": { - "height": { - "small": { - "1": { - "value": "{post.core.dimension.32}", - "type": "dimension", - "parent": "Device/Desktop", - "description": "", - "oldValue": "{post.core.dimension.32}" - }, - "2": { - "value": "{post.core.dimension.28}", - "type": "dimension", - "parent": "Device/Desktop", - "description": "", - "oldValue": "{post.core.dimension.28}" - } - }, - "medium": { - "1": { - "value": "{post.core.dimension.40}", - "type": "dimension", - "parent": "Device/Desktop", - "description": "", - "oldValue": "{post.core.dimension.40}" - } - }, - "large": { - "1": { - "value": "{post.core.dimension.48}", - "type": "dimension", - "parent": "Device/Desktop", - "description": "", - "oldValue": "{post.core.dimension.48}" - } - }, - "extralarge": { - "1": { - "value": "{post.core.dimension.56}", - "type": "dimension", - "parent": "Device/Desktop", - "description": "", - "oldValue": "{post.core.dimension.56}" - }, - "2": { - "value": "{post.core.dimension.56}", - "type": "dimension", - "parent": "Device/Desktop", - "description": "", - "oldValue": "{post.core.dimension.56}" - } - } - } - } + }, + "border": { + "focus": { + "value": { + "color": "{post.core.color.sandgrey.100}", + "width": "{post.core.dimension.2}", + "style": "solid" + }, + "type": "border", + "description": "Has to be set arround an element" + }, + "disabled": { + "value": { + "color": "{post.core.color.sandgrey.060}", + "width": "{post.core.dimension.2}", + "style": "dashed" + }, + "type": "border", + "description": "To be used for everything disabled that has a natural border" } } } } }, - "Device/Tablet": { + "Mode/Light": { "post": { "sem": { - "device": { - "sizing": { - "interactive": { - "height": { - "small": { - "1": { - "value": "{post.core.dimension.28}", - "type": "dimension", - "parent": "Device/Tablet", - "description": "", - "oldValue": "{post.core.dimension.28}" - }, - "2": { - "value": "{post.core.dimension.28}", - "type": "dimension", - "parent": "Device/Tablet", - "description": "", - "oldValue": "{post.core.dimension.28}" - } - }, - "medium": { - "1": { - "value": "{post.core.dimension.36}", - "type": "dimension", - "parent": "Device/Tablet", - "description": "", - "oldValue": "{post.core.dimension.36}" - } - }, - "large": { - "1": { - "value": "{post.core.dimension.44}", - "type": "dimension", - "parent": "Device/Tablet", - "description": "", - "oldValue": "{post.core.dimension.44}" - } - }, - "extralarge": { - "1": { - "value": "{post.core.dimension.52}", - "type": "dimension", - "parent": "Device/Tablet", - "description": "", - "oldValue": "{post.core.dimension.52}" - }, - "2": { - "value": "{post.core.dimension.52}", - "type": "dimension", - "parent": "Device/Tablet", - "description": "", - "oldValue": "{post.core.dimension.52}" - } - } + "color": { + "signal": { + "success-dark": { + "value": "{post.core.color.notification.green}", + "type": "color", + "$extensions": { + "studio.tokens": {} } - } - } - } - } - } - }, - "Device/Mobile": { - "post": { - "sem": { - "device": { - "sizing": { - "interactive": { - "height": { - "small": { - "1": { - "value": "{post.core.dimension.24}", - "type": "dimension", - "parent": "Device/Mobile", - "description": "", - "oldValue": "{post.core.dimension.24}" - }, - "2": { - "value": "{post.core.dimension.24}", - "type": "dimension", - "parent": "Device/Mobile", - "description": "", - "oldValue": "{post.core.dimension.24}" - } - }, - "medium": { - "1": { - "value": "{post.core.dimension.32}", - "type": "dimension", - "parent": "Device/Mobile", - "description": "", - "oldValue": "{post.core.dimension.32}" - } - }, - "large": { - "1": { - "value": "{post.core.dimension.40}", - "type": "dimension", - "parent": "Device/Mobile", - "description": "", - "oldValue": "{post.core.dimension.40}" - } - }, - "extralarge": { - "1": { - "value": "{post.core.dimension.48}", - "type": "dimension", - "parent": "Device/Mobile", - "description": "", - "oldValue": "{post.core.dimension.48}" - }, - "2": { - "value": "{post.core.dimension.56}", - "type": "dimension", - "parent": "Device/Mobile", - "description": "", - "oldValue": "{post.core.dimension.56}" - } - } + }, + "success-light": { + "value": "{post.core.color.notification.green-light}", + "type": "color", + "$extensions": { + "studio.tokens": {} } - } - } - } - } - } - }, - "Mode/Light": { - "post": { - "sem": { - "mode": { - "default": { - "color": { - "interactive": { - "primary": { - "unselected": { - "enabled": { - "bg": { - "value": "{post.core.color.sandgrey.090}", - "type": "color", - "parent": "Mode/Light", - "description": "", - "oldValue": "{post.core.color.sandgrey.090}" - } - } - } - } + }, + "error-dark": { + "value": "{post.core.color.notification.red}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "error-light": { + "value": "{post.core.color.notification.red-light}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "warning-dark": { + "value": "{post.core.color.notification.orange}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "warning-light": { + "value": "{post.core.color.notification.orange-light}", + "type": "color", + "$extensions": { + "studio.tokens": {} } + }, + "information-dark": { + "value": "{post.core.color.notification.blue}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "information-light": { + "value": "{post.core.color.notification.blue-light}", + "type": "color" } }, - "theming": { - "color": { - "interactive": { - "primary": { - "unselected": { - "enabled": { - "bg1": { - "value": "{post.core.color.sandgrey.000}", - "type": "color" - }, - "bg2": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" - }, - "bg3": { - "value": "{post.core.color.brand.postyellow}", - "type": "color" + "interactive": { + "button": { + "primary": { + "unselected": { + "enabled": { + "fg": { + "value": "{post.core.color.brand.white}", + "type": "color", + "$extensions": { + "studio.tokens": {} } + }, + "bg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "stroke": { + "value": "{post.sem.color.interactive.button.primary.unselected.enabled.bg}", + "type": "color" } - } - } - } - } - } - } - } - } - }, - "Mode/Dark": { - "post": { - "sem": { - "mode": { - "default": { - "color": { - "interactive": { - "primary": { - "unselected": { - "enabled": { - "bg": { - "value": "{post.core.color.sandgrey.000}", - "type": "color", - "parent": "Mode/Dark", - "description": "", - "oldValue": "{post.core.color.sandgrey.000}" + }, + "hover": { + "fg": { + "value": "{post.core.color.brand.white}", + "type": "color", + "$extensions": { + "studio.tokens": {} } + }, + "bg": { + "value": "{post.core.color.sandgrey.070}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.primary.unselected.hover.bg}", + "type": "color" + } + }, + "disabled": { + "fg": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.primary.unselected.disabled.fg}", + "type": "color" } } } - } - } - }, - "theming": { - "color": { - "interactive": { - "primary": { - "unselected": { - "enabled": { - "bg1": { - "value": "{post.core.color.sandgrey.000}", - "type": "color" - }, - "bg2": { - "value": "{post.core.color.sandgrey.100}", - "type": "color" - }, - "bg3": { - "value": "{post.core.color.brand.postyellow}", - "type": "color" + }, + "secondary": { + "unselected": { + "enabled": { + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color", + "$extensions": { + "studio.tokens": {} } + }, + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "stroke": { + "value": "{post.sem.color.interactive.button.secondary.unselected.enabled.fg}", + "type": "color" } - } - } - } - } - } - } - } - } - }, - "Channel/EDK": { - "post": { - "sem": { - "channel": { - "sizing": { - "interactive": { - "height": { - "small": { - "1": { - "value": "{post.sem.device.sizing.interactive.height.small.1}", - "type": "dimension", - "parent": "Channel/EDK", - "description": "", - "oldValue": "{post.sem.device.sizing.interactive.height.small.1}" }, - "2": { - "value": "{post.sem.device.sizing.interactive.height.small.2}", - "type": "dimension", - "parent": "Channel/EDK", - "description": "", - "oldValue": "{post.sem.device.sizing.interactive.height.small.2}" - } - }, - "medium": { - "1": { - "value": "{post.sem.device.sizing.interactive.height.medium.1}", - "type": "dimension", - "parent": "Channel/EDK", - "description": "", - "oldValue": "{post.sem.device.sizing.interactive.height.medium.1}" - } - }, - "large": { - "1": { - "value": "{post.sem.device.sizing.interactive.height.large.1}", - "type": "dimension", - "parent": "Channel/EDK", - "description": "", - "oldValue": "{post.sem.device.sizing.interactive.height.large.1}" - } - }, - "extralarge": { - "1": { - "value": "{post.sem.device.sizing.interactive.height.extralarge.1}", - "type": "dimension", - "parent": "Channel/EDK", - "description": "", - "oldValue": "{post.sem.device.sizing.interactive.height.extralarge.1}" + "hover": { + "fg": { + "value": "{post.core.color.sandgrey.070}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.secondary.unselected.hover.fg}", + "type": "color" + } }, - "2": { - "value": "{post.sem.device.sizing.interactive.height.extralarge.1}", - "type": "dimension", - "parent": "Channel/EDK", - "description": "", - "oldValue": "{post.sem.device.sizing.interactive.height.extralarge.1}" + "disabled": { + "fg": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.secondary.unselected.disabled.fg}", + "type": "color" + } } } - } - } - }, - "default": { - "color": { - "interactive": { - "primary": { - "unselected": { - "enabled": { - "bg": { - "value": "{post.sem.mode.default.color.interactive.primary.unselected.enabled.bg}", - "type": "color", - "parent": "Channel/EDK", - "description": "", - "oldValue": "{post.sem.mode.default.color.interactive.primary.unselected.enabled.bg}" + }, + "tertiary": { + "unselected": { + "enabled": { + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color", + "$extensions": { + "studio.tokens": {} } + }, + "bg": { + "value": "{post.core.color.colorless}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "stroke": { + "value": "{post.sem.color.interactive.button.tertiary.unselected.enabled.bg}", + "type": "color" } - } - } - } - } - }, - "theming": { - "color": { - "interactive": { - "primary": { - "unselected": { - "enabled": { - "bg1": { - "value": "{post.sem.mode.theming.color.interactive.primary.unselected.enabled.bg3}", - "type": "color", - "parent": "Channel/EDK", - "description": "", - "oldValue": "{post.core.color.sandgrey.000}" - }, - "bg2": { - "value": "{post.sem.mode.theming.color.interactive.primary.unselected.enabled.bg2}", - "type": "color", - "parent": "Channel/EDK", - "description": "", - "oldValue": "{post.core.color.sandgrey.100}" - }, - "bg3": { - "value": "{post.core.color.brand.postyellow}", - "type": "color" + }, + "hover": { + "fg": { + "value": "{post.core.color.sandgrey.070}", + "type": "color", + "$extensions": { + "studio.tokens": {} } + }, + "bg": { + "value": "{post.core.color.colorless}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.tertiary.unselected.hover.bg}", + "type": "color" + } + }, + "disabled": { + "fg": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "bg": { + "value": "{post.core.color.colorless}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.tertiary.unselected.disabled.bg}", + "type": "color" } } } } - } - } - } - } - } - }, - "Channel/IDK": { - "post": { - "sem": { - "channel": { - "sizing": { - "interactive": { + }, + "focus": { + "stroke": { + "value": "{post.core.color.sandgrey.090}", + "type": "color" + } + }, + "text_input": { + "enabled": { + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + }, + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.text_input.enabled.fg}", + "type": "color" + } + }, + "hover": { + "fg-label": { + "value": "{post.core.color.sandgrey.070}", + "type": "color" + }, + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "fg-value": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.sandgrey.070}", + "type": "color" + } + } + }, + "primary": { + "enabled": { + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "fg1": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + }, + "fg2": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + }, + "fg-handle": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "bg-handle": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + } + }, + "hover": { + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "fg1": { + "value": "{post.core.color.sandgrey.070}", + "type": "color" + }, + "fg2": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.sandgrey.070}", + "type": "color" + }, + "fg-handle": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "bg-handle": { + "value": "{post.core.color.sandgrey.070}", + "type": "color" + } + }, + "disabled": { + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "fg1": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "fg2": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "bg2": { + "value": "{post.core.color.sandgrey.012}", + "type": "color" + }, + "fg-handle": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "bg-handle": { + "value": "{post.core.color.sandgrey.012}", + "type": "color" + }, + "stroke-handle": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + } + }, + "selected": { + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "fg1": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + }, + "fg2": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + }, + "fg-handle": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "bg-handle": { + "value": "{post.comp.interactive.color.signal.success}", + "type": "color" + } + } + } + }, + "surface": { + "default": { + "bg": { + "value": "{post.core.color.sandgrey.002}", + "type": "color" + }, + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + } + }, + "accent1": { + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + } + }, + "accent2": { + "bg": { + "value": "{post.core.color.sandgrey.006}", + "type": "color" + }, + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + } + }, + "accent3": { + "bg": { + "value": "{post.core.color.brand.postyellow}", + "type": "color" + }, + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + } + }, + "accent4": { + "bg": { + "value": "{post.core.color.sandgrey.080}", + "type": "color" + }, + "fg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "fg-accent": { + "value": "{post.core.color.brand.postyellow}", + "type": "color" + } + } + }, + "notification": { + "badge": { + "bg": { + "value": "{post.core.color.notification.red}", + "type": "color" + }, + "fg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.brand.white}", + "type": "color" + } + } + } + } + } + } + }, + "Mode/Dark": {}, + "Device/Desktop": { + "post": { + "sem": { + "font-size": { + "heading": { + "xs": { + "value": "{post.core.font-size.20}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + }, + "s": { + "value": "{post.core.font-size.24}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + }, + "m": { + "value": "{post.core.font-size.28}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + }, + "l": { + "value": "{post.core.font-size.32}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + }, + "xl": { + "value": "{post.core.font-size.36}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + }, + "xxl": { + "value": "{post.core.font-size.40}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + } + }, + "text": { + "xs": { + "value": "{post.core.font-size.12}", + "type": "fontSizes" + }, + "s": { + "value": "{post.core.font-size.14}", + "type": "fontSizes" + }, + "m": { + "value": "{post.core.font-size.16}", + "type": "fontSizes" + }, + "l": { + "value": "{post.core.font-size.18}", + "type": "fontSizes" + }, + "xl": { + "value": "{post.core.font-size.20}", + "type": "fontSizes" + } + } + }, + "elevation": { + "base": { + "value": "{post.core.elevation.1}", + "type": "boxShadow" + }, + "s": { + "value": "{post.core.elevation.2}", + "type": "boxShadow" + }, + "m": { + "value": "{post.core.elevation.3}", + "type": "boxShadow" + }, + "l": { + "value": "{post.core.elevation.4}", + "type": "boxShadow" + }, + "xl": { + "value": "{post.core.elevation.5}", + "type": "boxShadow" + } + }, + "typo": { + "title": { + "h1": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.40}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "h2": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.36}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "h3": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.32}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "h4": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.28}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "h5": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.24}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "h6": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.20}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + } + }, + "subtitle": { + "sub-h1": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.40}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "sub-h2": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.36}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "sub-h3": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.32}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "sub-h4": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.28}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "sub-h5": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.24}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "sub-h6": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.20}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + } + }, + "text": { + "lead": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.24}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "paragraph": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.20}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "legend-l": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.32}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "legend-s": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.20}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "label-l": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.18}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "label-m": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.16}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "label-s": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.14}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "label-xs": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.12}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "link-underline": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.20}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}", + "textDecoration": "underline" + }, + "type": "typography" + }, + "link": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.20}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + } + } + }, + "font-family": { + "default": { + "value": "{post.core.font-family.frutiger}", + "type": "fontFamilies" + } + }, + "spacing": { + "interactive": { + "gap": { + "vertical": { + "1": { + "value": "{post.core.dimension.16}", + "type": "spacing" + } + }, + "horizontal": { + "1": { + "value": "{post.core.dimension.8}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.8}", + "type": "spacing" + }, + "3": { + "value": "{post.core.dimension.12}", + "type": "spacing" + } + } + }, + "padding": { + "horizontal": { + "1": { + "value": "{post.core.dimension.14}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.10}", + "type": "spacing" + }, + "3": { + "value": "{post.core.dimension.2}", + "type": "spacing" + }, + "4": { + "value": "{post.core.dimension.1}", + "type": "spacing" + }, + "5": { + "value": "{post.core.dimension.4}", + "type": "spacing" + } + }, + "vertical": { + "1": { + "value": "{post.core.dimension.10}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.4}", + "type": "spacing" + }, + "3": { + "value": "{post.core.dimension.5}", + "type": "spacing" + } + } + } + } + }, + "sizing": { + "interactive": { + "icon": { "height": { - "small": { - "1": { - "value": "{post.sem.device.sizing.interactive.height.small.1}", - "type": "dimension", - "parent": "Channel/IDK", - "description": "", - "oldValue": "{post.sem.device.sizing.interactive.height.small.1}" - }, - "2": { - "value": "{post.sem.device.sizing.interactive.height.small.1}", - "type": "dimension", - "parent": "Channel/IDK", - "description": "", - "oldValue": "{post.sem.device.sizing.interactive.height.small.1}" - } + "value": "{post.core.dimension.22}", + "type": "sizing" + }, + "width": { + "value": "{post.core.dimension.22}", + "type": "sizing" + } + } + } + } + }, + "core": { + "font-weight": { + "bold": { + "value": "{post.core.font-weight.700}", + "type": "textDecoration" + }, + "regular": { + "value": "{post.core.font-weight.400}", + "type": "textDecoration" + } + } + } + } + }, + "Device/Tablet": { + "post": { + "sem": { + "font-size": { + "heading": { + "xs": { + "value": "{post.core.font-size.20}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + }, + "s": { + "value": "{post.core.font-size.24}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + }, + "m": { + "value": "{post.core.font-size.28}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + }, + "l": { + "value": "{post.core.font-size.32}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + }, + "xl": { + "value": "{post.core.font-size.36}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + }, + "xxl": { + "value": "{post.core.font-size.40}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + } + }, + "text": { + "xs": { + "value": "{post.core.font-size.12}", + "type": "fontSizes" + }, + "s": { + "value": "{post.core.font-size.14}", + "type": "fontSizes" + }, + "m": { + "value": "{post.core.font-size.16}", + "type": "fontSizes" + }, + "l": { + "value": "{post.core.font-size.18}", + "type": "fontSizes" + }, + "xl": { + "value": "{post.core.font-size.20}", + "type": "fontSizes" + } + } + }, + "elevation": { + "base": { + "value": "{post.core.elevation.1}", + "type": "boxShadow" + }, + "s": { + "value": "{post.core.elevation.2}", + "type": "boxShadow" + }, + "m": { + "value": "{post.core.elevation.3}", + "type": "boxShadow" + }, + "l": { + "value": "{post.core.elevation.4}", + "type": "boxShadow" + }, + "xl": { + "value": "{post.core.elevation.5}", + "type": "boxShadow" + } + }, + "typo": { + "title": { + "h1": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.40}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "h2": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.36}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "h3": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.32}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "h4": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.28}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "h5": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.24}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "h6": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.20}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + } + }, + "subtitle": { + "sub-h1": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.40}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "sub-h2": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.36}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "sub-h3": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.32}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "sub-h4": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.28}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "sub-h5": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.24}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "sub-h6": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.20}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + } + }, + "text": { + "lead": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.20}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "paragraph": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.16}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "legend-l": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.16}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "legend-s": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.16}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "label-l": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.18}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "label-m": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.16}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "label-s": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.14}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "label-xs": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.12}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "link-underline": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}", + "textDecoration": "underline", + "fontSize": "{post.core.font-size.16}" + }, + "type": "typography" + }, + "link": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.16}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + } + } + }, + "font-family": { + "default": { + "value": "{post.core.font-family.frutiger}", + "type": "fontFamilies" + } + }, + "spacing": { + "interactive": { + "gap": { + "vertical": { + "1": { + "value": "{post.core.dimension.16}", + "type": "spacing" + } + }, + "horizontal": { + "1": { + "value": "{post.core.dimension.8}", + "type": "spacing" }, - "medium": { - "1": { - "value": "{post.sem.device.sizing.interactive.height.medium.1}", - "type": "dimension", - "parent": "Channel/IDK", - "description": "", - "oldValue": "{post.sem.device.sizing.interactive.height.medium.1}" - } + "2": { + "value": "{post.core.dimension.8}", + "type": "spacing" }, - "large": { - "1": { - "value": "{post.sem.device.sizing.interactive.height.large.1}", - "type": "dimension", - "parent": "Channel/IDK", - "description": "", - "oldValue": "{post.sem.device.sizing.interactive.height.large.1}" - } + "3": { + "value": "{post.core.dimension.12}", + "type": "spacing" + } + } + }, + "padding": { + "horizontal": { + "1": { + "value": "{post.core.dimension.14}", + "type": "spacing" }, - "extralarge": { - "1": { - "value": "{post.sem.device.sizing.interactive.height.extralarge.2}", - "type": "dimension", - "parent": "Channel/IDK", - "description": "", - "oldValue": "{post.sem.device.sizing.interactive.height.extralarge.2}" - }, - "2": { - "value": "{post.sem.device.sizing.interactive.height.extralarge.1}", - "type": "dimension", - "parent": "Channel/IDK", - "description": "", - "oldValue": "{post.sem.device.sizing.interactive.height.extralarge.1}" - } + "2": { + "value": "{post.core.dimension.10}", + "type": "spacing" + }, + "3": { + "value": "{post.core.dimension.2}", + "type": "spacing" + }, + "4": { + "value": "{post.core.dimension.1}", + "type": "spacing" + }, + "5": { + "value": "{post.core.dimension.4}", + "type": "spacing" + } + }, + "vertical": { + "1": { + "value": "{post.core.dimension.10}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.4}", + "type": "spacing" + }, + "3": { + "value": "{post.core.dimension.5}", + "type": "spacing" } } } + } + }, + "sizing": { + "interactive": { + "icon": { + "height": { + "value": "{post.core.dimension.22}", + "type": "sizing" + }, + "width": { + "value": "{post.core.dimension.22}", + "type": "sizing" + } + } + } + } + }, + "core": { + "font-weight": { + "bold": { + "value": "{post.core.font-weight.700}", + "type": "textDecoration" + }, + "regular": { + "value": "{post.core.font-weight.400}", + "type": "textDecoration" + } + } + } + } + }, + "Device/Mobile": { + "post": { + "sem": { + "font-size": { + "heading": { + "xs": { + "value": "{post.core.font-size.20}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + }, + "s": { + "value": "{post.core.font-size.24}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + }, + "m": { + "value": "{post.core.font-size.28}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + }, + "l": { + "value": "{post.core.font-size.32}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + }, + "xl": { + "value": "{post.core.font-size.36}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + }, + "xxl": { + "value": "{post.core.font-size.40}", + "type": "fontSizes", + "$extensions": { + "studio.tokens": {} + } + } + }, + "text": { + "xs": { + "value": "{post.core.font-size.12}", + "type": "fontSizes" + }, + "s": { + "value": "{post.core.font-size.14}", + "type": "fontSizes" + }, + "m": { + "value": "{post.core.font-size.16}", + "type": "fontSizes" + }, + "l": { + "value": "{post.core.font-size.18}", + "type": "fontSizes" + }, + "xl": { + "value": "{post.core.font-size.20}", + "type": "fontSizes" + } + } + }, + "elevation": { + "base": { + "value": "{post.core.elevation.1}", + "type": "boxShadow" + }, + "s": { + "value": "{post.core.elevation.2}", + "type": "boxShadow" + }, + "m": { + "value": "{post.core.elevation.3}", + "type": "boxShadow" + }, + "l": { + "value": "{post.core.elevation.4}", + "type": "boxShadow" + }, + "xl": { + "value": "{post.core.elevation.5}", + "type": "boxShadow" + } + }, + "typo": { + "title": { + "h1": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.40}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "h2": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.36}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "h3": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.32}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "h4": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.28}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "h5": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.24}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "h6": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.20}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + } }, - "default": { - "color": { - "interactive": { - "primary": { - "unselected": { - "enabled": { - "bg": { - "value": "{post.sem.mode.theming.color.interactive.primary.unselected.enabled.bg1}", - "type": "color", - "parent": "Channel/IDK", - "description": "" - } - } - } - } - } + "subtitle": { + "sub-h1": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.40}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "sub-h2": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.36}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "sub-h3": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.32}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "sub-h4": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.28}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "sub-h5": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.24}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "sub-h6": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.20}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" } }, - "theming": { - "color": { - "interactive": { - "primary": { - "unselected": { - "enabled": { - "bg1": { - "value": "{post.sem.mode.theming.color.interactive.primary.unselected.enabled.bg2}", - "type": "color", - "parent": "Channel/IDK", - "description": "" - }, - "bg2": { - "value": "{post.sem.mode.theming.color.interactive.primary.unselected.enabled.bg3}", - "type": "color", - "parent": "Channel/IDK", - "description": "" - } - } - } - } - } + "text": { + "lead": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.18}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "paragraph": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.14}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "legend-l": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.24}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "legend-s": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.700}", + "fontSize": "{post.core.font-size.14}", + "lineHeight": "{post.core.line-height.120%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "label-l": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.14}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "label-m": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.14}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "label-s": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.14}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "label-xs": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.12}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" + }, + "link-underline": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.14}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}", + "textDecoration": "underline" + }, + "type": "typography" + }, + "link": { + "value": { + "fontFamily": "{post.sem.font-family.default}", + "fontWeight": "{post.core.font-weight.400}", + "fontSize": "{post.core.font-size.14}", + "lineHeight": "{post.core.line-height.150%}", + "letterSpacing": "{post.core.letter-spacing.default}" + }, + "type": "typography" } } - } - } - } - }, - "Theme/Default": { - "post": { - "sem": { - "seizing": { - "interactive": { - "height": { - "s": { - "value": "{post.sem.channel.sizing.interactive.height.small.2}", - "type": "dimension", - "parent": "Theme/Default", - "description": "", - "oldValue": "{post.sem.channel.sizing.interactive.height.small.2}" - }, - "m": { - "value": "{post.sem.channel.sizing.interactive.height.medium.1}", - "type": "dimension", - "parent": "Theme/Default", - "description": "", - "oldValue": "{post.sem.channel.sizing.interactive.height.medium.1}" - }, - "l": { - "value": "{post.sem.channel.sizing.interactive.height.large.1}", - "type": "dimension", - "parent": "Theme/Default", - "description": "", - "oldValue": "{post.sem.channel.sizing.interactive.height.large.1}" - }, - "xl": { - "value": "{post.sem.channel.sizing.interactive.height.extralarge.2}", - "type": "dimension", - "parent": "Theme/Default", - "description": "", - "oldValue": "{post.sem.channel.sizing.interactive.height.extralarge.2}" - } - } + }, + "font-family": { + "default": { + "value": "{post.core.font-family.frutiger}", + "type": "fontFamilies" } }, - "color": { + "spacing": { "interactive": { - "primary": { - "unselected": { - "enabled": { - "bg": { - "value": "{post.sem.channel.default.color.interactive.primary.unselected.enabled.bg}", - "type": "color", - "parent": "Theme/Default", - "description": "" - } + "gap": { + "vertical": { + "1": { + "value": "{post.core.dimension.8}", + "type": "spacing" + } + }, + "horizontal": { + "1": { + "value": "{post.core.dimension.6}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.8}", + "type": "spacing" + }, + "3": { + "value": "{post.core.dimension.12}", + "type": "spacing" } } - } - } - } - } - } - }, - "Theme/Cargo": { - "post": { - "sem": { - "seizing": { - "interactive": { - "height": { - "s": { - "value": "{post.sem.channel.sizing.interactive.height.small.1}", - "type": "dimension", - "parent": "Theme/Cargo", - "description": "", - "oldValue": "{post.sem.channel.sizing.interactive.height.small.1}" - }, - "m": { - "value": "{post.sem.channel.sizing.interactive.height.medium.1}", - "type": "dimension", - "parent": "Theme/Cargo", - "description": "", - "oldValue": "{post.sem.channel.sizing.interactive.height.medium.1}" - }, - "l": { - "value": "{post.sem.channel.sizing.interactive.height.large.1}", - "type": "dimension", - "parent": "Theme/Cargo", - "description": "", - "oldValue": "{post.sem.channel.sizing.interactive.height.large.1}" - }, - "xl": { - "value": "{post.sem.channel.sizing.interactive.height.extralarge.1}", - "type": "dimension", - "parent": "Theme/Cargo", - "description": "", - "oldValue": "{post.sem.channel.sizing.interactive.height.extralarge.1}" + }, + "padding": { + "horizontal": { + "1": { + "value": "{post.core.dimension.14}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.10}", + "type": "spacing" + }, + "3": { + "value": "{post.core.dimension.2}", + "type": "spacing" + }, + "4": { + "value": "{post.core.dimension.2}", + "type": "spacing" + }, + "5": { + "value": "{post.core.dimension.4}", + "type": "spacing" + } + }, + "vertical": { + "1": { + "value": "{post.core.dimension.10}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.5,5}", + "type": "spacing" + }, + "3": { + "value": "{post.core.dimension.6,5}", + "type": "spacing" + } } } } }, - "color": { + "sizing": { "interactive": { - "primary": { - "unselected": { - "enabled": { - "bg": { - "value": "{post.sem.channel.theming.color.interactive.primary.unselected.enabled.bg2}", - "type": "color", - "parent": "Theme/Cargo", - "description": "" - } - } + "icon": { + "height": { + "value": "{post.core.dimension.20}", + "type": "sizing" + }, + "width": { + "value": "{post.core.dimension.20}", + "type": "sizing" } } } } + }, + "core": { + "font-weight": { + "bold": { + "value": "{post.core.font-weight.700}", + "type": "textDecoration" + }, + "regular": { + "value": "{post.core.font-weight.400}", + "type": "textDecoration" + } + } } } }, - "Components/All": { + "Channel/EDK": {}, + "Channel/IDK": {}, + "Theme/Post": {}, + "Components/Interactives": { "post": { "comp": { "interactive": { - "button": { + "color": { "primary": { - "unselected": { - "enabled": { - "bg": { - "value": "{post.sem.color.interactive.primary.unselected.enabled.bg}", - "type": "color", - "parent": "Components/All", - "description": "" - } + "bg-enabled": { + "value": "{post.sem.color.interactive.primary.enabled.bg}", + "type": "color" + }, + "fg-enabled": { + "value": "{post.sem.color.interactive.primary.enabled.fg1}", + "type": "color" + }, + "bg-hover": { + "value": "{post.sem.color.interactive.primary.hover.bg}", + "type": "color" + }, + "fg-hover": { + "value": "{post.sem.color.interactive.primary.hover.fg1}", + "type": "color" + }, + "bg-disabled": { + "value": "{post.sem.color.interactive.primary.disabled.bg}", + "type": "color" + }, + "fg-disabled": { + "value": "{post.sem.color.interactive.primary.disabled.fg1}", + "type": "color" + }, + "bg-selected": { + "value": "{post.sem.color.interactive.primary.selected.bg}", + "type": "color" + }, + "fg-selected": { + "value": "{post.sem.color.interactive.primary.selected.fg1}", + "type": "color" + }, + "fg-help": { + "value": "{post.sem.color.interactive.primary.enabled.fg2}", + "type": "color" + }, + "stroke-enabled": { + "value": "{post.sem.color.interactive.primary.enabled.stroke}", + "type": "color" + }, + "stroke-hover": { + "value": "{post.sem.color.interactive.primary.hover.stroke}", + "type": "color" + }, + "stroke-disabled": { + "value": "{post.sem.color.interactive.primary.disabled.stroke}", + "type": "color" + }, + "stroke-selected": { + "value": "{post.sem.color.interactive.primary.selected.stroke}", + "type": "color" + }, + "handle": { + "fg-enabled": { + "value": "{post.sem.color.interactive.primary.enabled.fg-handle}", + "type": "color" + }, + "bg-enabled": { + "value": "{post.sem.color.interactive.primary.enabled.bg-handle}", + "type": "color" + }, + "fg-selected": { + "value": "{post.sem.color.interactive.primary.selected.fg-handle}", + "type": "color" + }, + "bg-selected": { + "value": "{post.sem.color.interactive.primary.selected.bg-handle}", + "type": "color" + }, + "fg-hover": { + "value": "{post.sem.color.interactive.primary.enabled.fg-handle}", + "type": "color" + }, + "bg-hover": { + "value": "{post.sem.color.interactive.primary.hover.bg-handle}", + "type": "color" + }, + "fg-disabled": { + "value": "{post.sem.color.interactive.primary.disabled.fg-handle}", + "type": "color" + }, + "bg-disabled": { + "value": "{post.sem.color.interactive.primary.disabled.bg-handle}", + "type": "color" + }, + "stroke-disabled": { + "value": "{post.sem.color.interactive.primary.disabled.stroke-handle}", + "type": "color" + } + } + }, + "signal": { + "error": { + "value": "{post.sem.color.signal.error-dark}", + "type": "color" + }, + "success": { + "value": "{post.sem.color.signal.success-dark}", + "type": "color" + } + }, + "focus": { + "stroke": { + "value": "{post.sem.color.interactive.focus.stroke}", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "vertical": { + "1": { + "value": "{post.sem.spacing.interactive.gap.vertical.1}", + "type": "spacing" + } + }, + "horizontal": { + "1": { + "value": "{post.sem.spacing.interactive.gap.horizontal.1}", + "type": "spacing" + }, + "switch": { + "value": "{post.sem.spacing.interactive.gap.horizontal.3}", + "type": "spacing" } } }, - "height": { - "s": { - "value": "{post.sem.seizing.interactive.height.s}", - "type": "dimension", - "parent": "Components/All", - "description": "" + "padding": { + "vertical": { + "icon-inner": { + "value": "{post.sem.spacing.interactive.padding.horizontal.4}", + "type": "spacing" + } }, - "m": { - "value": "{post.sem.seizing.interactive.height.m}", - "type": "dimension", - "parent": "Components/All", - "description": "" + "horizontal": { + "icon-inner": { + "value": "{post.sem.spacing.interactive.padding.horizontal.4}", + "type": "spacing" + } + } + } + }, + "textfields": { + "spacing": { + "padding": { + "horizontal": { + "text-start": { + "value": "{post.sem.spacing.interactive.padding.horizontal.1}", + "type": "spacing" + }, + "text-end": { + "value": "{post.sem.spacing.interactive.padding.horizontal.2}", + "type": "spacing" + }, + "assist-start": { + "value": "{post.sem.spacing.interactive.padding.horizontal.3}", + "type": "spacing" + } + }, + "vertical": { + "text1": { + "value": "{post.sem.spacing.interactive.padding.vertical.1}", + "type": "spacing" + }, + "text2": { + "value": "{post.sem.spacing.interactive.padding.vertical.3}", + "type": "spacing" + } + } }, - "l": { - "value": "{post.sem.seizing.interactive.height.l}", - "type": "dimension", - "parent": "Components/All", - "description": "" + "gap": { + "horizontal": { + "1": { + "value": "{post.sem.spacing.interactive.gap.horizontal.2}", + "type": "spacing" + }, + "2": { + "value": "{post.sem.spacing.interactive.padding.horizontal.5}", + "type": "spacing" + } + } + } + } + }, + "sizing": { + "icon": { + "width-inner": { + "value": "{post.sem.sizing.interactive.icon.width}", + "type": "sizing" }, - "xl": { - "value": "{post.sem.seizing.interactive.height.xl}", - "type": "dimension", - "parent": "Components/All", - "description": "" + "height-inner": { + "value": "{post.sem.sizing.interactive.icon.height}", + "type": "sizing" } } } @@ -1248,136 +2520,418 @@ } } }, + "Components/Notifications": { + "post": { + "comp": { + "notification": { + "color": { + "bg-badge": { + "value": "{post.sem.color.notification.badge.bg}", + "type": "color" + }, + "fg-badge": { + "value": "{post.sem.color.notification.badge.fg}", + "type": "color" + }, + "stroke-badge": { + "value": "{post.sem.color.notification.badge.stroke}", + "type": "color" + } + } + } + } + } + }, "$themes": [ { - "id": "2e8bce87b6f7900b4b3ff004a46ba98ca85c098e", - "name": "Post", + "id": "514830f6bf26a4884e35584d9803cb7775507bf0", + "name": "Brand", "$figmaStyleReferences": {}, "selectedTokenSets": { - "Core": "source", - "Device/Desktop": "source", - "Device/Tablet": "source", - "Device/Mobile": "source", - "Mode/Light": "source", - "Mode/Dark": "source", - "Channel/EDK": "source", - "Channel/IDK": "source", - "Theme/Default": "enabled" + "core": "enabled" }, - "group": "Brand" + "$figmaCollectionId": "VariableCollectionId:718:1595", + "$figmaModeId": "718:0", + "$figmaVariableReferences": { + "post.core.color.brand.postyellow": "1ada4885ffc342025901ed77f04c8ef288847238", + "post.core.color.brand.black": "6ddcb4876b56bfa3067c99e1d340110a3b0d0e00", + "post.core.color.brand.white": "854447dbb507b5d3f0245e7934e4dc2d58d31d42", + "post.core.color.notification.green": "74133ba89df74b896da89dfc8ea716665676c455", + "post.core.color.notification.red": "6033282b0129a97545fdb2b4a7d849c86a3aaaa7", + "post.core.color.notification.orange": "c8806819b35876178a5630b0e85ecc62bf26efaa", + "post.core.color.notification.blue": "4b1bc769bfb9bb9e513a8ad032bcf08f6338d1ea", + "post.core.color.notification.green-light": "14699ea3d83dce7dd4a41c62a75e23e22a517ce7", + "post.core.color.notification.red-light": "dc8a3f925a29ec749bed302314c141a7483ca160", + "post.core.color.notification.orange-light": "d5f216e93abaa8bd3b7be2708846595265f69acb", + "post.core.color.notification.blue-light": "96e994c2e2920dcba3de3f9a2ba7b43bf914cb79", + "post.core.color.sandgrey.100": "3f0c5233089d823bb75769a5e022748cef8d6beb", + "post.core.color.sandgrey.000": "0f66c4e1b53dbf13095454ed0247b0e8c3d889e0", + "post.core.color.sandgrey.002": "e9a3ff986fba3d9d8d34a948ee34993b206ddf1c", + "post.core.color.sandgrey.006": "8de52bd59874bfa57a104263c7da167f70bb36e7", + "post.core.color.sandgrey.012": "90a7a6113db7f27c1cb7bc03d5d83b5164a40a9e", + "post.core.color.sandgrey.020": "79ef5a19c790fab23f47db7d133fc94b6b6f175f", + "post.core.color.sandgrey.030": "7d334ad280a3d2f5c434b2859365458ff54cc1f4", + "post.core.color.sandgrey.040": "7cf5dd00c9d9c5a8e767925edded58a2decb81ee", + "post.core.color.sandgrey.050": "9eafc811f24441047c8f9c55f8c4676a53a72b07", + "post.core.color.sandgrey.060": "8fb0e1c235aa3e443fbad5f337357edb15bd3be3", + "post.core.color.sandgrey.070": "ba7cc96f89f38c6b5b1df7e7fdec1d9374e0da1d", + "post.core.color.sandgrey.080": "e5126143ee1461e860857e8e8bf3ed0aaf8bf529", + "post.core.color.sandgrey.090": "d54490414693701dbd76c5ba3b4c17bfaf517663", + "post.core.color.sandgrey.alpha.darksand.10": "110c39fdb1a21bcfb94336ab559d092b6d48b4a9", + "post.core.color.sandgrey.alpha.darksand.20": "cad777c1914c945da2b2dcfeafccdf35d79f2e57", + "post.core.color.sandgrey.alpha.darksand.30": "edec40b98f83ed98babc02a98b31bbaefb08a746", + "post.core.color.sandgrey.alpha.darksand.40": "3821a9ef168ba9ec6ad4b0712d1d7ddd08f9c1e1", + "post.core.color.sandgrey.alpha.darksand.50": "062986ca42b1cfdffee815b39721e3cb26e4877e", + "post.core.color.sandgrey.alpha.darksand.60": "a9fea5c196d64bae8fec2a03da96cfd22eeed80d", + "post.core.color.sandgrey.alpha.darksand.70": "e3929c8fab91d7b5e0feea9038f4693e31a32a8d", + "post.core.color.sandgrey.alpha.darksand.80": "e5600aa0b74e33460618dc507e384d1250d9ef7b", + "post.core.color.sandgrey.alpha.darksand.90": "f23b92000e33ad3ba61a3cb6c22f026222de3c92", + "post.core.color.sandgrey.alpha.lightsand.10": "7083e474d736d653af76a09f1810a2863d23fbe8", + "post.core.color.sandgrey.alpha.lightsand.20": "d1d9b4ea108cb1d4a0c1618ddb997c009441bd91", + "post.core.color.sandgrey.alpha.lightsand.30": "d84e4cbc67c66524b3021662bddc877c4e0b4ee3", + "post.core.color.sandgrey.alpha.lightsand.40": "e382b3f22a9933efb1e141b30ff0b4c96ab96fbf", + "post.core.color.sandgrey.alpha.lightsand.50": "99b4f0370ff3e5d2133c5fd2c14d05832c290ca3", + "post.core.color.sandgrey.alpha.lightsand.60": "91ada1d279f1e38d5ea12016f78f5b08eb0528ab", + "post.core.color.sandgrey.alpha.lightsand.70": "4822c64e9ed611a07388b899510e4e476b4d63a6", + "post.core.color.sandgrey.alpha.lightsand.80": "3d2bec28282aa25e40831de22df52defd7af4a3e", + "post.core.color.sandgrey.alpha.lightsand.90": "a27931f39c2f5fe6bce1e53337bf973fc0160b3a", + "post.core.dimension.0": "812facbf5bdccac17ef2b362a51a8f0880fa0ae8", + "post.core.dimension.1": "633af9102376b2b86a280d4487c01379eac42357", + "post.core.dimension.2": "12b3a5b4d32b0f2ccf010673077f46b14ffd8d7b", + "post.core.dimension.4": "652e6941eb5ffe7b11b4919943eaa82985cea887", + "post.core.dimension.8": "32a49eb9f6a3706172348bdf0fd51703bdecc0e9", + "post.core.dimension.12": "18a70da736ae375c78e6364b2eb8cc56dc9003c4", + "post.core.dimension.16": "a121c9e4f54726c25d9252df9c79935389f83efd", + "post.core.dimension.24": "3e80cbdfb2c88bbe42328dfd8e8608ebe760ee2f", + "post.core.dimension.32": "5d2c1b6b60f424b98dbf82641b9be216b1e3723f", + "post.core.dimension.40": "60db40cf07a6b3e92bcf85edc80515fd7a09d8b9", + "post.core.dimension.48": "3c99f33268fc1a0907c9c95feb818692b940f0df", + "post.core.dimension.64": "45594761f6b08503e67e61fcfe9a3c12e8d09173", + "post.core.dimension.80": "1ed36d765c9681045964985247fa22284ce969b7", + "post.core.dimension.96": "c284ed2b1cd135012ce6f9a7b7709b031550b4ab", + "post.core.dimension.112": "483e4eb70ead94af3bac5727f4021e10f46e6eaf", + "post.core.color.colorless": "28411178dcd53a19586b729f27355f6a510d4d96", + "post.core.dimension.10": "0b8ab9e8f85d59a203c115bacd0e1467302b37d8", + "post.core.dimension.14": "5603311eb30f16a10d759a9a670a69e6b3488e7a", + "post.core.dimension.18": "a8d771a99eb5f445437880a6f1f4176857a99e9f", + "post.core.dimension.20": "fe5b4a93e0c7b12da9cbc7e49ebb82d9459a1bc3", + "post.core.dimension.22": "037050b0792d5a035936ad8587cc651b219f02fa", + "post.core.dimension.26": "bcdb206ef2815e1e09111f81ed0baf79b4bf2cd6", + "post.core.dimension.28": "1811251486c8758094d69d157c6f4865a1128c16", + "post.core.dimension.30": "5b61020ce28f318441501b9f2e8d65e040e8a532", + "post.core.dimension.34": "04e2b51cb7030588d248f62e3abf6d234992d10e", + "post.core.dimension.36": "6e42dbdae5890500b12efbbf989c507a1b48d2ca", + "post.core.dimension.78": "d8d6b0835a349a9dd8cbe65e95943de12d3a3a00", + "post.core.dimension.5": "4948cef0547c7028ae2b54d67888730ae50a7a51", + "post.core.dimension.6": "2fb4138c6e29828418c6e0d8c3bb0730efb65c1a", + "post.core.dimension.5,5": "250400dfdb524b36a21837067491a8e2db2effd3", + "post.core.dimension.6,5": "cac00ef650fde2cbda25bded73288a312a6eb837" + } }, { - "id": "b802f287a02cb409a3a138b5da3bca7836cac8f5", - "name": "Cargo", + "id": "bc9cb1e27d130453fd53e4bf9b623267013cf266", + "name": "Light", "$figmaStyleReferences": {}, "selectedTokenSets": { - "Core": "source", - "Device/Desktop": "source", - "Device/Tablet": "source", - "Device/Mobile": "source", - "Mode/Light": "source", - "Mode/Dark": "source", - "Channel/EDK": "source", - "Channel/IDK": "source", - "Theme/Cargo": "enabled" + "core": "source", + "Mode/Light": "enabled" }, - "group": "Brand" + "group": "Mode", + "$figmaCollectionId": "VariableCollectionId:718:1666", + "$figmaModeId": "718:1", + "$figmaVariableReferences": { + "post.sem.color.signal.success-dark": "01ecd8ca32ad7295d82b972f54f7bc6375938f8d", + "post.sem.color.signal.success-light": "b4470bd852f8cdc1de12d3420bf8bbf24bd02fab", + "post.sem.color.signal.error-dark": "48a6c9ece3b9c39c72f0fd098d0d14dc4c48b1e9", + "post.sem.color.signal.error-light": "6078bd4ae76888cbc1f3742a124ed1c5c40238fe", + "post.sem.color.signal.warning-dark": "46d87344abe3ffd71e3128a378b62fd605c0360a", + "post.sem.color.signal.warning-light": "89302ce07bdf3dda8857ae055241ba5e55af16c7", + "post.sem.color.signal.information-dark": "04907dc5972eef19d828ea38aafba62220824b5c", + "post.sem.color.signal.information-light": "92a36e527934b27f741ef1d21ccd77f46081bcea", + "post.sem.color.interactive.button.primary.unselected.enabled.fg": "2a55e0da7a6a77af2ab682cfee46da43264624cf", + "post.sem.color.interactive.button.primary.unselected.enabled.bg": "cb811102b963d3ff5f0cfd0cdadb6d1de116e562", + "post.sem.color.interactive.button.primary.unselected.enabled.stroke": "0a8ee2da5e2d582cb354ee8710efaef60c332a75", + "post.sem.color.interactive.button.primary.unselected.hover.fg": "370eec1871dbb57ed9fac1803a6ddc8592c35a67", + "post.sem.color.interactive.button.primary.unselected.hover.bg": "f7f7a0eeefdcecda78cfe4aeec2a08817852abf6", + "post.sem.color.interactive.button.primary.unselected.hover.stroke": "964a9601a9e2283290465b6deee733d485dd0e65", + "post.sem.color.interactive.button.primary.unselected.disabled.fg": "3d537ef822839dda40725503001c8d49356f254d", + "post.sem.color.interactive.button.primary.unselected.disabled.bg": "0c28afdd6efaf84fdfe73a7eaef9ffc6f2ff99fc", + "post.sem.color.interactive.button.primary.unselected.disabled.stroke": "7ebde564c0863190f4041f53b52058fbe752e4c9", + "post.sem.color.interactive.focus.stroke": "45a49cfd83943b6198f45b94b88316247bafd65f", + "post.sem.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", + "post.sem.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", + "post.sem.color.surface.accent1.bg": "46ea4599ed012313784386b9f279a68828a2fa83", + "post.sem.color.surface.accent1.fg": "cce4daa2f47282b58b5c6403b0e33fd269602a86", + "post.sem.color.surface.accent2.bg": "f9d7dfcf721d8f28f71a1c5752feba5011aec6e7", + "post.sem.color.surface.accent2.fg": "c301615214e1cca28102b3a651f3b8c9da42ca5c", + "post.sem.color.surface.accent3.bg": "5882e06454efa138fece081c28b7788f52e81621", + "post.sem.color.surface.accent3.fg": "962f01542da03311583047fbea671773938b354f", + "post.sem.color.surface.accent4.bg": "e3fe18387eb6baccd0e82d158ea15da28536615d", + "post.sem.color.surface.accent4.fg": "d3570e8972397cb630ce75bf875bfd6a22b4157a", + "post.sem.color.surface.accent4.fg-accent": "d7893d385ffd4cb44d7c3f5299884b5719e5e8f5", + "post.sem.color.interactive.button.secondary.unselected.enabled.fg": "39d9c292744df14efcdccf8cd676c3914611ff23", + "post.sem.color.interactive.button.secondary.unselected.enabled.bg": "9593b82ed80a83710ca64cf9dc4334416c6793d7", + "post.sem.color.interactive.button.secondary.unselected.enabled.stroke": "b0fe67b634e8a6f93355004ecc6389ee786e89ef", + "post.sem.color.interactive.button.secondary.unselected.hover.fg": "8db26bef5de2cf1e234cc3b97f69f440d686eba5", + "post.sem.color.interactive.button.secondary.unselected.hover.bg": "bc5ce803ed160fdabf8b4d2ba19b061e7ad58ece", + "post.sem.color.interactive.button.secondary.unselected.hover.stroke": "9af133a3293429405a8fafa93d6d966e946b7b9c", + "post.sem.color.interactive.button.secondary.unselected.disabled.fg": "1eb5cc7caf7bc6733fb583a953d7a03928f2ec7a", + "post.sem.color.interactive.button.secondary.unselected.disabled.bg": "6368eeee292807d9e0626e1eb4b60100450a14b5", + "post.sem.color.interactive.button.secondary.unselected.disabled.stroke": "e239f9646dc8b1bf5e7c3b886fab7d561b54d328", + "post.sem.color.interactive.button.tertiary.unselected.enabled.fg": "34e8ea4b6e24a60e7827a235e67284a2911a834f", + "post.sem.color.interactive.button.tertiary.unselected.enabled.bg": "bf605ec9efcbc2713a9e8b212a44dc70f16c413a", + "post.sem.color.interactive.button.tertiary.unselected.enabled.stroke": "9d80b0f4732315ee7575df8d994b643a9e3f1986", + "post.sem.color.interactive.button.tertiary.unselected.hover.fg": "14f1c32ce015e8805d6b113f335e582b986d1d56", + "post.sem.color.interactive.button.tertiary.unselected.hover.bg": "a0de9da59cbc53e539fd44b899e0eb75eeb7e4aa", + "post.sem.color.interactive.button.tertiary.unselected.hover.stroke": "0ef91143b571c199f3ecb2461705938c0a514f3f", + "post.sem.color.interactive.button.tertiary.unselected.disabled.fg": "2d8ef1972033ee2689128a8bec1c6a5484459392", + "post.sem.color.interactive.button.tertiary.unselected.disabled.bg": "acc3ca5eec890d19d9090009c43d8afbbcb6ccfe", + "post.sem.color.interactive.button.tertiary.unselected.disabled.stroke": "5f17b9e585624fd15ed39fe58b503f90ee9b5f0e", + "post.sem.color.interactive.text_input.enabled.fg": "458e2162717f22a744cca787687f3350066c9fd3", + "post.sem.color.interactive.text_input.enabled.bg": "e635df5be1340f1dd2a3c27b1d4289f315210750", + "post.sem.color.interactive.text_input.hover.fg-label": "11851c33cfb72dda519a1f2114a1e26466970a91", + "post.sem.color.interactive.text_input.enabled.stroke": "0782ab4ab51e3a8597418e9b1c591ae3d45269bf", + "post.sem.color.interactive.text_input.hover.bg": "9a38d9ba81308be710b1ffa1fb6598403e8d23eb", + "post.sem.color.interactive.text_input.hover.fg-value": "23312051f239ea07388741b566c13bcdd0cba764", + "post.sem.color.interactive.text_input.hover.stroke": "1a7d68d0ea4eaa47cb4629d2bae1bcf23c1c0399", + "post.sem.color.interactive.primary.enabled.bg": "a584b17b8f7242193ff9ac51339a43e2413799a2", + "post.sem.color.interactive.primary.enabled.fg1": "a6776cc4052ea886f3077e035cb848bb8f9d74c7", + "post.sem.color.interactive.primary.enabled.fg2": "b85dc82452d5669bce12a2703a01fe9d2d536b73", + "post.sem.color.interactive.primary.hover.bg": "7aedb66803c7fad003929ca6c81bb7d7737b0d57", + "post.sem.color.interactive.primary.hover.fg1": "7ef9cbf8cb729ee722b988ddac31fd390616e276", + "post.sem.color.interactive.primary.hover.fg2": "b2403dd77e71b4848d3558c343719da14959cfa7", + "post.sem.color.interactive.primary.enabled.stroke": "ab3e92169a8c4b67bdaca51bc2174b5e319527b9", + "post.sem.color.interactive.primary.hover.stroke": "9e140f920b59b23489a7c75c4b6990ee27d39cb4", + "post.sem.color.interactive.primary.disabled.bg": "a2b9d1dcc588fb5bd222834e7583e8cfab2c4e88", + "post.sem.color.interactive.primary.disabled.fg1": "f5fd0ffa2898c59c2589c2f9c6f958ada58fec31", + "post.sem.color.interactive.primary.disabled.fg2": "b3cd96507de21f5149f81145470f49a8a08b0355", + "post.sem.color.interactive.primary.disabled.stroke": "1174333c039cf82fded01d5674787c0587c1b043", + "post.sem.color.interactive.primary.selected.bg": "cf75460d83b62af415ac79e087f41a04e8d01cbd", + "post.sem.color.interactive.primary.selected.fg1": "d11093e6b269456c3d3d8bbc872e28d603416097", + "post.sem.color.interactive.primary.selected.fg2": "2da15bd15cef0c8f2b261c15bad9ffad1a33b74f", + "post.sem.color.interactive.primary.selected.stroke": "550b96f317e985b79917fd707c1f6d236784f93b", + "post.sem.color.interactive.primary.disabled.bg2": "a22ecbf39a19f71f1da52d2799f34d82012de3c3", + "post.sem.color.interactive.primary.enabled.fg-handle": "9e54ef6fc66a0054ffd6b3bc0c7698699c4cabd9", + "post.sem.color.interactive.primary.enabled.bg-handle": "150fee6272f684bfe2932f0fc85f5b988a749191", + "post.sem.color.interactive.primary.hover.fg-handle": "3576b26a23c5becddff25ded83edf7709069c262", + "post.sem.color.interactive.primary.hover.bg-handle": "367bc693723ef1f5c1f9c0961eeb4ab430b9319a", + "post.sem.color.interactive.primary.disabled.fg-handle": "4275db2a6373672622a84d83f7c05115fef5f074", + "post.sem.color.interactive.primary.disabled.bg-handle": "061a3f68548e0983b90e8c5602848734e2b220e4", + "post.sem.color.interactive.primary.disabled.stroke-handle": "f1996e5a2f0ddae5a70fc654120febd8deadfd70", + "post.sem.color.interactive.primary.selected.fg-handle": "3bc8c4d9ce8927f0cea9dd992737f3a6d6293953", + "post.sem.color.interactive.primary.selected.bg-handle": "7a0bd1da8b79f4a8df41671ea87ff9459da972b9", + "post.sem.color.notification.badge.bg": "0de95de05ec88e26525f4211c81f0f8dbe321ebb", + "post.sem.color.notification.badge.fg": "48ff724df33b9947e7e74a729c5dc4a7c930f58c", + "post.sem.color.notification.badge.stroke": "3b53b100fef4f7aa9a97b64e7d2fa8fc9c51aba2" + } }, { - "id": "448155cf7d64f7431912666109d7f68c38223678", - "name": "EDK", + "id": "de8b6fdd351986fc6472734f26f2214728ddd2fa", + "name": "Dark", "$figmaStyleReferences": {}, "selectedTokenSets": { - "Core": "source", - "Device/Desktop": "source", - "Device/Tablet": "source", - "Device/Mobile": "source", - "Mode/Light": "source", - "Mode/Dark": "source", - "Channel/EDK": "enabled" + "core": "source", + "Mode/Dark": "enabled" }, - "group": "Channel" + "group": "Mode", + "$figmaCollectionId": "VariableCollectionId:718:1666", + "$figmaModeId": "718:2", + "$figmaVariableReferences": {} }, { - "id": "26e38dbf988a1f328d9431de71b15be2caf11938", - "name": "IDK", + "id": "d362fcc79265872632ad56f353cbd9c3d6cd751c", + "name": "Desktop", "$figmaStyleReferences": {}, "selectedTokenSets": { - "Core": "source", - "Device/Desktop": "source", - "Device/Tablet": "source", - "Device/Mobile": "source", - "Mode/Light": "source", - "Mode/Dark": "source", - "Channel/IDK": "enabled" + "core": "source", + "Device/Desktop": "enabled" }, - "group": "Channel" + "group": "Device", + "$figmaCollectionId": "VariableCollectionId:718:1733", + "$figmaModeId": "718:3", + "$figmaVariableReferences": { + "post.sem.spacing.interactive.gap.vertical.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", + "post.sem.spacing.interactive.gap.horizontal.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", + "post.sem.spacing.interactive.padding.horizontal.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", + "post.sem.spacing.interactive.padding.horizontal.2": "107ee3038fbc2dba4f2c15fed206d943ba413c60", + "post.sem.spacing.interactive.padding.horizontal.3": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", + "post.sem.spacing.interactive.gap.horizontal.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", + "post.sem.sizing.interactive.icon.height": "df47417297192b0825187b1bca747c06c77acb66", + "post.sem.sizing.interactive.icon.width": "2281cdbed36a13117423afd580f450c203aca4ef", + "post.sem.spacing.interactive.padding.horizontal.4": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", + "post.sem.spacing.interactive.gap.horizontal.3": "40c3d42c65eb3af924f8596ab867169f494461c4", + "post.sem.spacing.interactive.padding.vertical.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", + "post.sem.spacing.interactive.padding.vertical.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", + "post.sem.spacing.interactive.padding.vertical.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", + "post.sem.spacing.interactive.padding.horizontal.5": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad" + } }, { - "id": "f38d35514ca64f0077b542e869fcd3694d16925d", - "name": "Light", + "id": "83b9469fbc9929f5fb4d2c9189c6cb94f88abe59", + "name": "Tablet", "$figmaStyleReferences": {}, "selectedTokenSets": { - "Core": "source", - "Mode/Light": "enabled" + "core": "source", + "Device/Tablet": "enabled" }, - "group": "Theme" + "group": "Device", + "$figmaCollectionId": "VariableCollectionId:718:1733", + "$figmaModeId": "718:4", + "$figmaVariableReferences": { + "post.sem.spacing.interactive.gap.vertical.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", + "post.sem.spacing.interactive.gap.horizontal.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", + "post.sem.spacing.interactive.padding.horizontal.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", + "post.sem.spacing.interactive.padding.horizontal.2": "107ee3038fbc2dba4f2c15fed206d943ba413c60", + "post.sem.spacing.interactive.padding.horizontal.3": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", + "post.sem.spacing.interactive.gap.horizontal.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", + "post.sem.sizing.interactive.icon.height": "df47417297192b0825187b1bca747c06c77acb66", + "post.sem.sizing.interactive.icon.width": "2281cdbed36a13117423afd580f450c203aca4ef", + "post.sem.spacing.interactive.padding.horizontal.4": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", + "post.sem.spacing.interactive.gap.horizontal.3": "40c3d42c65eb3af924f8596ab867169f494461c4", + "post.sem.spacing.interactive.padding.vertical.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", + "post.sem.spacing.interactive.padding.vertical.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", + "post.sem.spacing.interactive.padding.vertical.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", + "post.sem.spacing.interactive.padding.horizontal.5": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad" + } }, { - "id": "d8c4bdf62b8886fa132068528d3386075299f5c1", - "name": "Dark", + "id": "dff23abad2cf0d0abb938cba79022be7f266785a", + "name": "Mobile", "$figmaStyleReferences": {}, "selectedTokenSets": { - "Core": "source", - "Mode/Dark": "enabled" + "core": "source", + "Device/Mobile": "enabled" }, - "group": "Theme" + "group": "Device", + "$figmaCollectionId": "VariableCollectionId:718:1733", + "$figmaModeId": "718:5", + "$figmaVariableReferences": { + "post.sem.spacing.interactive.gap.vertical.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", + "post.sem.spacing.interactive.gap.horizontal.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", + "post.sem.spacing.interactive.padding.horizontal.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", + "post.sem.spacing.interactive.padding.horizontal.2": "107ee3038fbc2dba4f2c15fed206d943ba413c60", + "post.sem.spacing.interactive.padding.horizontal.3": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", + "post.sem.spacing.interactive.gap.horizontal.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", + "post.sem.sizing.interactive.icon.height": "df47417297192b0825187b1bca747c06c77acb66", + "post.sem.sizing.interactive.icon.width": "2281cdbed36a13117423afd580f450c203aca4ef", + "post.sem.spacing.interactive.padding.horizontal.4": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", + "post.sem.spacing.interactive.gap.horizontal.3": "40c3d42c65eb3af924f8596ab867169f494461c4", + "post.sem.spacing.interactive.padding.vertical.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", + "post.sem.spacing.interactive.padding.vertical.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", + "post.sem.spacing.interactive.padding.vertical.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", + "post.sem.spacing.interactive.padding.horizontal.5": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad" + } }, { - "id": "4bb278cda9793553f0bcf89f8246bfa7f9b46f9e", - "name": "Mobile", + "id": "27fdb0e5f1804acdc26a4c9841ce202524eda3ec", + "name": "EDK", "$figmaStyleReferences": {}, "selectedTokenSets": { - "Core": "source", - "Device/Mobile": "enabled" + "core": "source", + "Mode/Light": "source", + "Mode/Dark": "source", + "Device/Desktop": "source", + "Device/Tablet": "source", + "Device/Mobile": "source", + "Channel/EDK": "enabled" }, - "group": "Device" + "group": "Channel", + "$figmaCollectionId": "VariableCollectionId:718:1734", + "$figmaModeId": "718:6", + "$figmaVariableReferences": {} }, { - "id": "6f33fd393f590615967ee33e919856daeceee9b4", - "name": "Tablet", + "id": "ec05cf777687da51e0dd773b9f14b3da6a9827b3", + "name": "IDK", "$figmaStyleReferences": {}, "selectedTokenSets": { - "Core": "source", - "Device/Tablet": "enabled" + "core": "source", + "Mode/Light": "source", + "Mode/Dark": "source", + "Device/Desktop": "source", + "Device/Tablet": "source", + "Device/Mobile": "source", + "Channel/IDK": "enabled" }, - "group": "Device" + "group": "Channel", + "$figmaCollectionId": "VariableCollectionId:718:1734", + "$figmaModeId": "718:7", + "$figmaVariableReferences": {} }, { - "id": "21ab032ba06d709bfbf5747dffceaabeb26f65cb", - "name": "Desktop", + "id": "e534604289ad8233d314de3c48efb9731db36059", + "name": "Components", "$figmaStyleReferences": {}, "selectedTokenSets": { - "Core": "source", - "Device/Desktop": "enabled" + "core": "source", + "Mode/Light": "source", + "Mode/Dark": "source", + "Device/Desktop": "source", + "Channel/EDK": "source", + "Channel/IDK": "source", + "Theme/Post": "source", + "Components/Interactives": "enabled", + "Device/Tablet": "source", + "Device/Mobile": "source" }, - "group": "Device" + "$figmaCollectionId": "VariableCollectionId:808:5504", + "$figmaModeId": "808:0", + "$figmaVariableReferences": { + "post.comp.interactive.color.primary.bg-enabled": "6348e5f81ce3527f3491e1ad528885690a95e597", + "post.comp.interactive.color.primary.fg-enabled": "16f72e57f544c559c40849a1ef684398eba2ad03", + "post.comp.interactive.color.primary.bg-hover": "80d491897bd13abf6057732ff0ad54b8277cde95", + "post.comp.interactive.color.primary.fg-hover": "3e0b9b0a4b46d45ed37d6feea67027ef9ddf4a4e", + "post.comp.interactive.color.primary.bg-disabled": "3539f5210b13a114c6b9c8dae820626e6c64b913", + "post.comp.interactive.color.primary.fg-disabled": "e58d337ef4ac5aa8f7b0ded44ae315019d706060", + "post.comp.interactive.color.signal.error": "f36848eeb1b31fd5d48bd234048f95e599f236cb", + "post.comp.interactive.color.signal.success": "5c04dce4a9941ad7dcf42ad328d26fa8d51e0e79", + "post.comp.interactive.color.primary.bg-selected": "d916f2328a05ef8a93d86ad07a6440488cff9812", + "post.comp.interactive.color.primary.fg-selected": "681301c55a8eeaa656755418e3312dccddcfc2f2", + "post.comp.interactive.spacing.gap.vertical.1": "7d24880779fb0e77c805ef50038aaac83dc00307", + "post.comp.interactive.spacing.gap.horizontal.1": "d58f45ee26ce492af321ba23a164e0a52bfd789d", + "post.comp.interactive.color.primary.fg-help": "15052099d70c5827d1d8250a530c73ea5043b133", + "post.comp.interactive.textfields.spacing.gap.horizontal.1": "71499e7e8fd4924d00f829da229caeb9986bc997", + "post.comp.interactive.color.primary.stroke-enabled": "e37c51acbd81e12e2c2572382dbfa39952c8b984", + "post.comp.interactive.color.primary.stroke-hover": "78c129f79a6954a49cf302a18176e49d40cc676a", + "post.comp.interactive.color.primary.stroke-disabled": "74bb6137c9df703292a1385af7b9b70965bcfdac", + "post.comp.interactive.color.primary.stroke-selected": "c6b02133496740b60f3f0587450b9a43ee3d45b3", + "post.comp.interactive.color.primary.handle.fg-enabled": "0f37fdd7de809f41e74aeb3717c5f8660911b317", + "post.comp.interactive.color.primary.handle.bg-enabled": "12c4c6726370e22b6ba53bd29ded2f74178c0dfb", + "post.comp.interactive.color.primary.handle.fg-selected": "50952419e4394a0a91ed91cd56429e39d2ca95d1", + "post.comp.interactive.color.primary.handle.bg-selected": "08f229fb89aecb61a918f577dbb9074ab803c42e", + "post.comp.interactive.color.primary.handle.fg-hover": "607ebc1771b595dfe9d63064e3d027049325056c", + "post.comp.interactive.color.primary.handle.bg-hover": "f565be23473778fad748487bc346a68c438330ae", + "post.comp.interactive.color.primary.handle.fg-disabled": "f650bfcaf12fbea03b154aee985af29231c31fbd", + "post.comp.interactive.color.primary.handle.bg-disabled": "4e9b0cf22eedce5165cebaf5fd2c41875c79da0f", + "post.comp.interactive.color.primary.handle.stroke-disabled": "c7817f1ddf01c69fd760148b2dfd7b33aa53f18c", + "post.comp.interactive.color.focus.stroke": "aaa54903f8f37f76744dc29c760422873802946f", + "post.comp.interactive.sizing.icon.width-inner": "764b287f61f739fc5a9b0bc48ee83ca6f0ca4917", + "post.comp.interactive.sizing.icon.height-inner": "140df926724ea57f9b4e15a2ab4c5885470381b3", + "post.comp.interactive.spacing.padding.vertical.icon-inner": "46309617f83b8e954a54ca5148da2ee8826f61e7", + "post.comp.interactive.spacing.padding.horizontal.icon-inner": "370304bfb50299904e8eba382718b092585be7ac", + "post.comp.interactive.spacing.gap.horizontal.switch": "65615216e7f2aed127708f9a8cdb0213f5f19eac", + "post.comp.interactive.textfields.spacing.padding.vertical.text1": "874aca46e66f4a773aa974d1d8510c32408c25cc", + "post.comp.interactive.textfields.spacing.padding.vertical.text2": "937c337f806b527684bea617ae154d05655b4109", + "post.comp.interactive.textfields.spacing.gap.horizontal.2": "02026faa83e68f0051e1d2f88867afe96f5f855c", + "post.comp.interactive.textfields.spacing.padding.horizontal.text-start": "40e718e76a922016e2304d9a9a0fd00ec47c6200", + "post.comp.interactive.textfields.spacing.padding.horizontal.text-end": "cb2d95f2ca7312d3544ec217c5f43aa42e3b8062", + "post.comp.interactive.textfields.spacing.padding.horizontal.assist-start": "8eadafecd837af7d9381780a8b9d7eb9afe91b4c" + } } ], "$metadata": { "tokenSetOrder": [ - "Core", + "core", + "Mode/Light", + "Mode/Dark", "Device/Desktop", "Device/Tablet", "Device/Mobile", - "Mode/Light", - "Mode/Dark", "Channel/EDK", "Channel/IDK", - "Theme/Default", - "Theme/Cargo", - "Components/All", - "core/core" + "Theme/Post", + "Components/Interactives", + "Components/Notifications" ] } -} +} \ No newline at end of file From 4511cd5044675eb7179c655ac778f4cb405ceffe Mon Sep 17 00:00:00 2001 From: Swiss Post Bot <103635272+swisspost-bot@users.noreply.github.com> Date: Wed, 10 Jul 2024 07:18:48 +0200 Subject: [PATCH 02/17] feat(tokens): Added Componenttokens to most textinput fields and some clickables --- .../tokens/tokensstudio-generated/tokens.json | 275 ++++++++++++++---- 1 file changed, 224 insertions(+), 51 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 231a7212f8..2f6493e19a 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -260,6 +260,10 @@ "studio.tokens": {} } }, + "11": { + "value": "11", + "type": "dimension" + }, "12": { "value": "12", "type": "dimension" @@ -350,6 +354,18 @@ "6,5": { "value": "6.5", "type": "dimension" + }, + "4,5": { + "value": "4.5", + "type": "dimension" + }, + "7,5": { + "value": "7.5", + "type": "dimension" + }, + "1,5": { + "value": "1.5px", + "type": "dimension" } }, "font-weight": { @@ -818,7 +834,7 @@ }, "focus": { "stroke": { - "value": "{post.core.color.sandgrey.090}", + "value": "{post.core.color.sandgrey.100}", "type": "color" } }, @@ -1397,10 +1413,22 @@ "3": { "value": "{post.core.dimension.12}", "type": "spacing" + }, + "4": { + "value": "{post.core.dimension.4}", + "type": "spacing" } } }, "padding": { + "1": { + "value": "{post.core.dimension.0}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.2}", + "type": "spacing" + }, "horizontal": { "1": { "value": "{post.core.dimension.14}", @@ -1411,21 +1439,13 @@ "type": "spacing" }, "3": { - "value": "{post.core.dimension.2}", - "type": "spacing" - }, - "4": { - "value": "{post.core.dimension.1}", - "type": "spacing" - }, - "5": { - "value": "{post.core.dimension.4}", + "value": "{post.core.dimension.32}", "type": "spacing" } }, "vertical": { "1": { - "value": "{post.core.dimension.10}", + "value": "{post.core.dimension.11}", "type": "spacing" }, "2": { @@ -1433,7 +1453,27 @@ "type": "spacing" }, "3": { - "value": "{post.core.dimension.5}", + "value": "{post.core.dimension.4,5}", + "type": "spacing" + }, + "4": { + "value": "{post.core.dimension.7,5}", + "type": "spacing" + }, + "5": { + "value": "{post.core.dimension.6}", + "type": "spacing" + }, + "6": { + "value": "{post.core.dimension.1}", + "type": "spacing" + }, + "7": { + "value": "{post.core.dimension.1}", + "type": "spacing" + }, + "8": { + "value": "{post.core.dimension.32}", "type": "spacing" } } @@ -1444,11 +1484,11 @@ "interactive": { "icon": { "height": { - "value": "{post.core.dimension.22}", + "value": "{post.core.dimension.24}", "type": "sizing" }, "width": { - "value": "{post.core.dimension.22}", + "value": "{post.core.dimension.24}", "type": "sizing" } } @@ -1818,10 +1858,22 @@ "3": { "value": "{post.core.dimension.12}", "type": "spacing" + }, + "4": { + "value": "{post.core.dimension.4}", + "type": "spacing" } } }, "padding": { + "1": { + "value": "{post.core.dimension.1}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.2}", + "type": "spacing" + }, "horizontal": { "1": { "value": "{post.core.dimension.14}", @@ -1832,15 +1884,7 @@ "type": "spacing" }, "3": { - "value": "{post.core.dimension.2}", - "type": "spacing" - }, - "4": { - "value": "{post.core.dimension.1}", - "type": "spacing" - }, - "5": { - "value": "{post.core.dimension.4}", + "value": "{post.core.dimension.30}", "type": "spacing" } }, @@ -1856,6 +1900,26 @@ "3": { "value": "{post.core.dimension.5}", "type": "spacing" + }, + "4": { + "value": "{post.core.dimension.5}", + "type": "spacing" + }, + "5": { + "value": "{post.core.dimension.6}", + "type": "spacing" + }, + "6": { + "value": "{post.core.dimension.0}", + "type": "spacing" + }, + "7": { + "value": "{post.core.dimension.0}", + "type": "spacing" + }, + "8": { + "value": "{post.core.dimension.24}", + "type": "spacing" } } } @@ -2239,10 +2303,22 @@ "3": { "value": "{post.core.dimension.12}", "type": "spacing" + }, + "4": { + "value": "{post.core.dimension.4}", + "type": "spacing" } } }, "padding": { + "1": { + "value": "{post.core.dimension.2}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.2}", + "type": "spacing" + }, "horizontal": { "1": { "value": "{post.core.dimension.14}", @@ -2253,15 +2329,7 @@ "type": "spacing" }, "3": { - "value": "{post.core.dimension.2}", - "type": "spacing" - }, - "4": { - "value": "{post.core.dimension.2}", - "type": "spacing" - }, - "5": { - "value": "{post.core.dimension.4}", + "value": "{post.core.dimension.28}", "type": "spacing" } }, @@ -2277,6 +2345,26 @@ "3": { "value": "{post.core.dimension.6,5}", "type": "spacing" + }, + "4": { + "value": "{post.core.dimension.5}", + "type": "spacing" + }, + "5": { + "value": "{post.core.dimension.6}", + "type": "spacing" + }, + "6": { + "value": "{post.core.dimension.1,5}", + "type": "spacing" + }, + "7": { + "value": "{post.core.dimension.0}", + "type": "spacing" + }, + "8": { + "value": "{post.core.dimension.24}", + "type": "spacing" } } } @@ -2450,13 +2538,13 @@ "padding": { "vertical": { "icon-inner": { - "value": "{post.sem.spacing.interactive.padding.horizontal.4}", + "value": "{post.sem.spacing.interactive.padding.1}", "type": "spacing" } }, "horizontal": { "icon-inner": { - "value": "{post.sem.spacing.interactive.padding.horizontal.4}", + "value": "{post.sem.spacing.interactive.padding.1}", "type": "spacing" } } @@ -2474,8 +2562,8 @@ "value": "{post.sem.spacing.interactive.padding.horizontal.2}", "type": "spacing" }, - "assist-start": { - "value": "{post.sem.spacing.interactive.padding.horizontal.3}", + "text-assist": { + "value": "{post.sem.spacing.interactive.padding.2}", "type": "spacing" } }, @@ -2487,6 +2575,14 @@ "text2": { "value": "{post.sem.spacing.interactive.padding.vertical.3}", "type": "spacing" + }, + "text3": { + "value": "{post.sem.spacing.interactive.padding.vertical.4}", + "type": "spacing" + }, + "text-assist": { + "value": "{post.sem.spacing.interactive.padding.vertical.5}", + "type": "spacing" } } }, @@ -2497,7 +2593,7 @@ "type": "spacing" }, "2": { - "value": "{post.sem.spacing.interactive.padding.horizontal.5}", + "value": "{post.sem.spacing.interactive.gap.horizontal.4}", "type": "spacing" } } @@ -2515,6 +2611,40 @@ "type": "sizing" } } + }, + "clickable": { + "spacing": { + "padding": { + "horizontal": { + "text-start": { + "value": "{post.sem.spacing.interactive.padding.horizontal.3}", + "type": "spacing" + } + }, + "vertical": { + "text": { + "value": "{post.sem.spacing.interactive.padding.vertical.6}", + "type": "spacing" + } + } + } + } + }, + "switch": { + "spacing": { + "padding": { + "vertical": { + "text": { + "value": "{post.sem.spacing.interactive.padding.vertical.7}", + "type": "spacing" + }, + "group-bottom": { + "value": "{post.sem.spacing.interactive.padding.vertical.8}", + "type": "spacing" + } + } + } + } } } } @@ -2537,6 +2667,28 @@ "value": "{post.sem.color.notification.badge.stroke}", "type": "color" } + }, + "clickable": { + "spacing": { + "padding": { + "icon": { + "value": "{post.sem.spacing.interactive.padding.2}", + "type": "spacing" + } + } + } + }, + "interactives": { + "spacing": { + "gap": { + "horizontal": { + "icon-end": { + "value": "{post.sem.spacing.interactive.gap.horizontal.4}", + "type": "spacing" + } + } + } + } } } } @@ -2625,7 +2777,11 @@ "post.core.dimension.5": "4948cef0547c7028ae2b54d67888730ae50a7a51", "post.core.dimension.6": "2fb4138c6e29828418c6e0d8c3bb0730efb65c1a", "post.core.dimension.5,5": "250400dfdb524b36a21837067491a8e2db2effd3", - "post.core.dimension.6,5": "cac00ef650fde2cbda25bded73288a312a6eb837" + "post.core.dimension.6,5": "cac00ef650fde2cbda25bded73288a312a6eb837", + "post.core.dimension.11": "fe1d0200f9d05d422783818e1f146391f03f3b8b", + "post.core.dimension.4,5": "26658e7076f9d24759c1d2e48e15322932f60d12", + "post.core.dimension.7,5": "d500a053959622657c396264f945a5c22b0b84d4", + "post.core.dimension.1,5": "7b8152921b37d457d1246510a4f1efe8f2a0f260" } }, { @@ -2754,16 +2910,20 @@ "post.sem.spacing.interactive.gap.horizontal.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", "post.sem.spacing.interactive.padding.horizontal.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", "post.sem.spacing.interactive.padding.horizontal.2": "107ee3038fbc2dba4f2c15fed206d943ba413c60", - "post.sem.spacing.interactive.padding.horizontal.3": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", + "post.sem.spacing.interactive.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", "post.sem.spacing.interactive.gap.horizontal.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.sem.sizing.interactive.icon.height": "df47417297192b0825187b1bca747c06c77acb66", "post.sem.sizing.interactive.icon.width": "2281cdbed36a13117423afd580f450c203aca4ef", - "post.sem.spacing.interactive.padding.horizontal.4": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", + "post.sem.spacing.interactive.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", "post.sem.spacing.interactive.gap.horizontal.3": "40c3d42c65eb3af924f8596ab867169f494461c4", "post.sem.spacing.interactive.padding.vertical.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", "post.sem.spacing.interactive.padding.vertical.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", "post.sem.spacing.interactive.padding.vertical.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", - "post.sem.spacing.interactive.padding.horizontal.5": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad" + "post.sem.spacing.interactive.gap.horizontal.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", + "post.sem.spacing.interactive.padding.vertical.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", + "post.sem.spacing.interactive.padding.vertical.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", + "post.sem.spacing.interactive.padding.horizontal.3": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", + "post.sem.spacing.interactive.padding.vertical.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae" } }, { @@ -2782,16 +2942,20 @@ "post.sem.spacing.interactive.gap.horizontal.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", "post.sem.spacing.interactive.padding.horizontal.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", "post.sem.spacing.interactive.padding.horizontal.2": "107ee3038fbc2dba4f2c15fed206d943ba413c60", - "post.sem.spacing.interactive.padding.horizontal.3": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", + "post.sem.spacing.interactive.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", "post.sem.spacing.interactive.gap.horizontal.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.sem.sizing.interactive.icon.height": "df47417297192b0825187b1bca747c06c77acb66", "post.sem.sizing.interactive.icon.width": "2281cdbed36a13117423afd580f450c203aca4ef", - "post.sem.spacing.interactive.padding.horizontal.4": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", + "post.sem.spacing.interactive.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", "post.sem.spacing.interactive.gap.horizontal.3": "40c3d42c65eb3af924f8596ab867169f494461c4", "post.sem.spacing.interactive.padding.vertical.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", "post.sem.spacing.interactive.padding.vertical.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", "post.sem.spacing.interactive.padding.vertical.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", - "post.sem.spacing.interactive.padding.horizontal.5": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad" + "post.sem.spacing.interactive.gap.horizontal.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", + "post.sem.spacing.interactive.padding.vertical.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", + "post.sem.spacing.interactive.padding.vertical.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", + "post.sem.spacing.interactive.padding.horizontal.3": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", + "post.sem.spacing.interactive.padding.vertical.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae" } }, { @@ -2810,16 +2974,20 @@ "post.sem.spacing.interactive.gap.horizontal.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", "post.sem.spacing.interactive.padding.horizontal.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", "post.sem.spacing.interactive.padding.horizontal.2": "107ee3038fbc2dba4f2c15fed206d943ba413c60", - "post.sem.spacing.interactive.padding.horizontal.3": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", + "post.sem.spacing.interactive.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", "post.sem.spacing.interactive.gap.horizontal.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.sem.sizing.interactive.icon.height": "df47417297192b0825187b1bca747c06c77acb66", "post.sem.sizing.interactive.icon.width": "2281cdbed36a13117423afd580f450c203aca4ef", - "post.sem.spacing.interactive.padding.horizontal.4": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", + "post.sem.spacing.interactive.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", "post.sem.spacing.interactive.gap.horizontal.3": "40c3d42c65eb3af924f8596ab867169f494461c4", "post.sem.spacing.interactive.padding.vertical.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", "post.sem.spacing.interactive.padding.vertical.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", "post.sem.spacing.interactive.padding.vertical.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", - "post.sem.spacing.interactive.padding.horizontal.5": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad" + "post.sem.spacing.interactive.gap.horizontal.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", + "post.sem.spacing.interactive.padding.vertical.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", + "post.sem.spacing.interactive.padding.vertical.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", + "post.sem.spacing.interactive.padding.horizontal.3": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", + "post.sem.spacing.interactive.padding.vertical.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae" } }, { @@ -2872,7 +3040,8 @@ "Theme/Post": "source", "Components/Interactives": "enabled", "Device/Tablet": "source", - "Device/Mobile": "source" + "Device/Mobile": "source", + "Components/Notifications": "enabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -2890,6 +3059,9 @@ "post.comp.interactive.spacing.gap.vertical.1": "7d24880779fb0e77c805ef50038aaac83dc00307", "post.comp.interactive.spacing.gap.horizontal.1": "d58f45ee26ce492af321ba23a164e0a52bfd789d", "post.comp.interactive.color.primary.fg-help": "15052099d70c5827d1d8250a530c73ea5043b133", + "post.comp.interactive.textfields.spacing.padding.horizontal.text-start": "40e718e76a922016e2304d9a9a0fd00ec47c6200", + "post.comp.interactive.textfields.spacing.padding.horizontal.text-end": "cb2d95f2ca7312d3544ec217c5f43aa42e3b8062", + "post.comp.interactive.textfields.spacing.padding.horizontal.text-assist": "8eadafecd837af7d9381780a8b9d7eb9afe91b4c", "post.comp.interactive.textfields.spacing.gap.horizontal.1": "71499e7e8fd4924d00f829da229caeb9986bc997", "post.comp.interactive.color.primary.stroke-enabled": "e37c51acbd81e12e2c2572382dbfa39952c8b984", "post.comp.interactive.color.primary.stroke-hover": "78c129f79a6954a49cf302a18176e49d40cc676a", @@ -2913,9 +3085,10 @@ "post.comp.interactive.textfields.spacing.padding.vertical.text1": "874aca46e66f4a773aa974d1d8510c32408c25cc", "post.comp.interactive.textfields.spacing.padding.vertical.text2": "937c337f806b527684bea617ae154d05655b4109", "post.comp.interactive.textfields.spacing.gap.horizontal.2": "02026faa83e68f0051e1d2f88867afe96f5f855c", - "post.comp.interactive.textfields.spacing.padding.horizontal.text-start": "40e718e76a922016e2304d9a9a0fd00ec47c6200", - "post.comp.interactive.textfields.spacing.padding.horizontal.text-end": "cb2d95f2ca7312d3544ec217c5f43aa42e3b8062", - "post.comp.interactive.textfields.spacing.padding.horizontal.assist-start": "8eadafecd837af7d9381780a8b9d7eb9afe91b4c" + "post.comp.interactive.textfields.spacing.padding.vertical.text3": "d7091b64ca0707caccd0ab3496558a12cb00bd92", + "post.comp.interactive.textfields.spacing.padding.vertical.text-assist": "6178ad922d076ec9badd4784832d2e4d39733760", + "post.comp.interactive.clickable.spacing.padding.horizontal.text-start": "ea996c9c92020f993d35446b37b1b757c30a8961", + "post.comp.interactive.clickable.spacing.padding.vertical.text": "9e34515456023d4197c2f078973ca14e35f77cc8" } } ], From 7c728e9d56cc63ca72fc4d8a937dab28bb1d234d Mon Sep 17 00:00:00 2001 From: Swiss Post Bot <103635272+swisspost-bot@users.noreply.github.com> Date: Wed, 10 Jul 2024 16:01:28 +0200 Subject: [PATCH 03/17] feat(tokens): added tokens for textrarea and textimput --- .../tokens/tokensstudio-generated/tokens.json | 66 ++++++++++++------- 1 file changed, 43 insertions(+), 23 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 2f6493e19a..b5ba1a11de 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -1429,16 +1429,16 @@ "value": "{post.core.dimension.2}", "type": "spacing" }, + "3": { + "value": "{post.core.dimension.10}", + "type": "spacing" + }, "horizontal": { "1": { "value": "{post.core.dimension.14}", "type": "spacing" }, "2": { - "value": "{post.core.dimension.10}", - "type": "spacing" - }, - "3": { "value": "{post.core.dimension.32}", "type": "spacing" } @@ -1475,6 +1475,10 @@ "8": { "value": "{post.core.dimension.32}", "type": "spacing" + }, + "9": { + "value": "{post.core.dimension.5}", + "type": "spacing" } } } @@ -1874,16 +1878,16 @@ "value": "{post.core.dimension.2}", "type": "spacing" }, + "3": { + "value": "{post.core.dimension.10}", + "type": "spacing" + }, "horizontal": { "1": { "value": "{post.core.dimension.14}", "type": "spacing" }, "2": { - "value": "{post.core.dimension.10}", - "type": "spacing" - }, - "3": { "value": "{post.core.dimension.30}", "type": "spacing" } @@ -1920,6 +1924,10 @@ "8": { "value": "{post.core.dimension.24}", "type": "spacing" + }, + "9": { + "value": "{post.core.dimension.5}", + "type": "spacing" } } } @@ -2319,16 +2327,16 @@ "value": "{post.core.dimension.2}", "type": "spacing" }, + "3": { + "value": "{post.core.dimension.10}", + "type": "spacing" + }, "horizontal": { "1": { "value": "{post.core.dimension.14}", "type": "spacing" }, "2": { - "value": "{post.core.dimension.10}", - "type": "spacing" - }, - "3": { "value": "{post.core.dimension.28}", "type": "spacing" } @@ -2365,6 +2373,10 @@ "8": { "value": "{post.core.dimension.24}", "type": "spacing" + }, + "9": { + "value": "{post.core.dimension.5}", + "type": "spacing" } } } @@ -2559,7 +2571,7 @@ "type": "spacing" }, "text-end": { - "value": "{post.sem.spacing.interactive.padding.horizontal.2}", + "value": "{post.sem.spacing.interactive.padding.3}", "type": "spacing" }, "text-assist": { @@ -2583,6 +2595,14 @@ "text-assist": { "value": "{post.sem.spacing.interactive.padding.vertical.5}", "type": "spacing" + }, + "text4": { + "value": "{post.sem.spacing.interactive.padding.3}", + "type": "spacing" + }, + "textarea-top": { + "value": "{post.sem.spacing.interactive.padding.vertical.9}", + "type": "spacing" } } }, @@ -2617,7 +2637,7 @@ "padding": { "horizontal": { "text-start": { - "value": "{post.sem.spacing.interactive.padding.horizontal.3}", + "value": "{post.sem.spacing.interactive.padding.horizontal.2}", "type": "spacing" } }, @@ -2909,7 +2929,6 @@ "post.sem.spacing.interactive.gap.vertical.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", "post.sem.spacing.interactive.gap.horizontal.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", "post.sem.spacing.interactive.padding.horizontal.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", - "post.sem.spacing.interactive.padding.horizontal.2": "107ee3038fbc2dba4f2c15fed206d943ba413c60", "post.sem.spacing.interactive.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", "post.sem.spacing.interactive.gap.horizontal.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.sem.sizing.interactive.icon.height": "df47417297192b0825187b1bca747c06c77acb66", @@ -2922,8 +2941,9 @@ "post.sem.spacing.interactive.gap.horizontal.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", "post.sem.spacing.interactive.padding.vertical.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", "post.sem.spacing.interactive.padding.vertical.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", - "post.sem.spacing.interactive.padding.horizontal.3": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", - "post.sem.spacing.interactive.padding.vertical.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae" + "post.sem.spacing.interactive.padding.vertical.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", + "post.sem.spacing.interactive.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", + "post.sem.spacing.interactive.padding.horizontal.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571" } }, { @@ -2941,7 +2961,6 @@ "post.sem.spacing.interactive.gap.vertical.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", "post.sem.spacing.interactive.gap.horizontal.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", "post.sem.spacing.interactive.padding.horizontal.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", - "post.sem.spacing.interactive.padding.horizontal.2": "107ee3038fbc2dba4f2c15fed206d943ba413c60", "post.sem.spacing.interactive.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", "post.sem.spacing.interactive.gap.horizontal.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.sem.sizing.interactive.icon.height": "df47417297192b0825187b1bca747c06c77acb66", @@ -2954,8 +2973,9 @@ "post.sem.spacing.interactive.gap.horizontal.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", "post.sem.spacing.interactive.padding.vertical.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", "post.sem.spacing.interactive.padding.vertical.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", - "post.sem.spacing.interactive.padding.horizontal.3": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", - "post.sem.spacing.interactive.padding.vertical.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae" + "post.sem.spacing.interactive.padding.vertical.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", + "post.sem.spacing.interactive.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", + "post.sem.spacing.interactive.padding.horizontal.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571" } }, { @@ -2973,7 +2993,6 @@ "post.sem.spacing.interactive.gap.vertical.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", "post.sem.spacing.interactive.gap.horizontal.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", "post.sem.spacing.interactive.padding.horizontal.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", - "post.sem.spacing.interactive.padding.horizontal.2": "107ee3038fbc2dba4f2c15fed206d943ba413c60", "post.sem.spacing.interactive.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", "post.sem.spacing.interactive.gap.horizontal.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.sem.sizing.interactive.icon.height": "df47417297192b0825187b1bca747c06c77acb66", @@ -2986,8 +3005,9 @@ "post.sem.spacing.interactive.gap.horizontal.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", "post.sem.spacing.interactive.padding.vertical.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", "post.sem.spacing.interactive.padding.vertical.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", - "post.sem.spacing.interactive.padding.horizontal.3": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", - "post.sem.spacing.interactive.padding.vertical.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae" + "post.sem.spacing.interactive.padding.vertical.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", + "post.sem.spacing.interactive.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", + "post.sem.spacing.interactive.padding.horizontal.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571" } }, { From d20c1450518e4f2cfbb280c30069d3b6e31cd445 Mon Sep 17 00:00:00 2001 From: Swiss Post Bot <103635272+swisspost-bot@users.noreply.github.com> Date: Thu, 11 Jul 2024 09:10:27 +0200 Subject: [PATCH 04/17] feat(token): added Fillertokens to empty groups for testing reasons --- .../tokens/tokensstudio-generated/tokens.json | 510 +++++++++++++++++- 1 file changed, 506 insertions(+), 4 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index b5ba1a11de..8d897fbdbc 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -1063,7 +1063,464 @@ } } }, - "Mode/Dark": {}, + "Mode/Dark": { + "post": { + "sem": { + "color": { + "signal": { + "success-dark": { + "value": "{post.core.color.notification.green}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "success-light": { + "value": "{post.core.color.notification.green-light}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "error-dark": { + "value": "{post.core.color.notification.red}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "error-light": { + "value": "{post.core.color.notification.red-light}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "warning-dark": { + "value": "{post.core.color.notification.orange}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "warning-light": { + "value": "{post.core.color.notification.orange-light}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "information-dark": { + "value": "{post.core.color.notification.blue}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "information-light": { + "value": "{post.core.color.notification.blue-light}", + "type": "color" + } + }, + "interactive": { + "button": { + "primary": { + "unselected": { + "enabled": { + "fg": { + "value": "{post.core.color.brand.white}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "bg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "stroke": { + "value": "{post.sem.color.interactive.button.primary.unselected.enabled.bg}", + "type": "color" + } + }, + "hover": { + "fg": { + "value": "{post.core.color.brand.white}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "bg": { + "value": "{post.core.color.sandgrey.070}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.primary.unselected.hover.bg}", + "type": "color" + } + }, + "disabled": { + "fg": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.primary.unselected.disabled.fg}", + "type": "color" + } + } + } + }, + "secondary": { + "unselected": { + "enabled": { + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "stroke": { + "value": "{post.sem.color.interactive.button.secondary.unselected.enabled.fg}", + "type": "color" + } + }, + "hover": { + "fg": { + "value": "{post.core.color.sandgrey.070}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.secondary.unselected.hover.fg}", + "type": "color" + } + }, + "disabled": { + "fg": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.secondary.unselected.disabled.fg}", + "type": "color" + } + } + } + }, + "tertiary": { + "unselected": { + "enabled": { + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "bg": { + "value": "{post.core.color.colorless}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "stroke": { + "value": "{post.sem.color.interactive.button.tertiary.unselected.enabled.bg}", + "type": "color" + } + }, + "hover": { + "fg": { + "value": "{post.core.color.sandgrey.070}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "bg": { + "value": "{post.core.color.colorless}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.tertiary.unselected.hover.bg}", + "type": "color" + } + }, + "disabled": { + "fg": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "bg": { + "value": "{post.core.color.colorless}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.tertiary.unselected.disabled.bg}", + "type": "color" + } + } + } + } + }, + "focus": { + "stroke": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + } + }, + "text_input": { + "enabled": { + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + }, + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.text_input.enabled.fg}", + "type": "color" + } + }, + "hover": { + "fg-label": { + "value": "{post.core.color.sandgrey.070}", + "type": "color" + }, + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "fg-value": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.sandgrey.070}", + "type": "color" + } + } + }, + "primary": { + "enabled": { + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "fg1": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + }, + "fg2": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + }, + "fg-handle": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "bg-handle": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + } + }, + "hover": { + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "fg1": { + "value": "{post.core.color.sandgrey.070}", + "type": "color" + }, + "fg2": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.sandgrey.070}", + "type": "color" + }, + "fg-handle": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "bg-handle": { + "value": "{post.core.color.sandgrey.070}", + "type": "color" + } + }, + "disabled": { + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "fg1": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "fg2": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "bg2": { + "value": "{post.core.color.sandgrey.012}", + "type": "color" + }, + "fg-handle": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "bg-handle": { + "value": "{post.core.color.sandgrey.012}", + "type": "color" + }, + "stroke-handle": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + } + }, + "selected": { + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "fg1": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + }, + "fg2": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + }, + "fg-handle": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "bg-handle": { + "value": "{post.comp.interactive.color.signal.success}", + "type": "color" + } + } + } + }, + "surface": { + "default": { + "bg": { + "value": "{post.core.color.sandgrey.002}", + "type": "color" + }, + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + } + }, + "accent1": { + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + } + }, + "accent2": { + "bg": { + "value": "{post.core.color.sandgrey.006}", + "type": "color" + }, + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + } + }, + "accent3": { + "bg": { + "value": "{post.core.color.brand.postyellow}", + "type": "color" + }, + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + } + }, + "accent4": { + "bg": { + "value": "{post.core.color.sandgrey.080}", + "type": "color" + }, + "fg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "fg-accent": { + "value": "{post.core.color.brand.postyellow}", + "type": "color" + } + } + }, + "notification": { + "badge": { + "bg": { + "value": "{post.core.color.notification.red}", + "type": "color" + }, + "fg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.brand.white}", + "type": "color" + } + } + } + } + } + } + }, "Device/Desktop": { "post": { "sem": { @@ -2411,9 +2868,54 @@ } } }, - "Channel/EDK": {}, - "Channel/IDK": {}, - "Theme/Post": {}, + "Channel/EDK": { + "post": { + "sem": { + "sizing": { + "interactive": { + "height": { + "filler": { + "value": "{post.core.dimension.24}", + "type": "sizing" + } + } + } + } + } + } + }, + "Channel/IDK": { + "post": { + "sem": { + "sizing": { + "interactive": { + "height": { + "filler": { + "value": "{post.core.dimension.24}", + "type": "sizing" + } + } + } + } + } + } + }, + "Theme/Post": { + "post": { + "sem": { + "sizing": { + "interactive": { + "height": { + "filler": { + "value": "{post.core.dimension.24}", + "type": "sizing" + } + } + } + } + } + } + }, "Components/Interactives": { "post": { "comp": { From c83ab57b8b8a010f88cff278d3b9f3d557d1fd44 Mon Sep 17 00:00:00 2001 From: Swiss Post Bot <103635272+swisspost-bot@users.noreply.github.com> Date: Thu, 11 Jul 2024 15:40:58 +0200 Subject: [PATCH 05/17] fix(tokens): Safetycopy before Namechanges --- .../tokens/tokensstudio-generated/tokens.json | 28 +++++++++++++++---- 1 file changed, 22 insertions(+), 6 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 8d897fbdbc..fc35435637 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -1856,6 +1856,10 @@ "1": { "value": "{post.core.dimension.16}", "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.16}", + "type": "spacing" } }, "horizontal": { @@ -2305,6 +2309,10 @@ "1": { "value": "{post.core.dimension.16}", "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.16}", + "type": "spacing" } }, "horizontal": { @@ -2754,6 +2762,10 @@ "1": { "value": "{post.core.dimension.8}", "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.16}", + "type": "spacing" } }, "horizontal": { @@ -3032,13 +3044,17 @@ }, "spacing": { "gap": { - "vertical": { + "block": { "1": { "value": "{post.sem.spacing.interactive.gap.vertical.1}", "type": "spacing" + }, + "2": { + "value": "{post.sem.spacing.interactive.gap.vertical.2}", + "type": "spacing" } }, - "horizontal": { + "inline": { "1": { "value": "{post.sem.spacing.interactive.gap.horizontal.1}", "type": "spacing" @@ -3578,8 +3594,6 @@ "post.comp.interactive.color.signal.success": "5c04dce4a9941ad7dcf42ad328d26fa8d51e0e79", "post.comp.interactive.color.primary.bg-selected": "d916f2328a05ef8a93d86ad07a6440488cff9812", "post.comp.interactive.color.primary.fg-selected": "681301c55a8eeaa656755418e3312dccddcfc2f2", - "post.comp.interactive.spacing.gap.vertical.1": "7d24880779fb0e77c805ef50038aaac83dc00307", - "post.comp.interactive.spacing.gap.horizontal.1": "d58f45ee26ce492af321ba23a164e0a52bfd789d", "post.comp.interactive.color.primary.fg-help": "15052099d70c5827d1d8250a530c73ea5043b133", "post.comp.interactive.textfields.spacing.padding.horizontal.text-start": "40e718e76a922016e2304d9a9a0fd00ec47c6200", "post.comp.interactive.textfields.spacing.padding.horizontal.text-end": "cb2d95f2ca7312d3544ec217c5f43aa42e3b8062", @@ -3603,14 +3617,16 @@ "post.comp.interactive.sizing.icon.height-inner": "140df926724ea57f9b4e15a2ab4c5885470381b3", "post.comp.interactive.spacing.padding.vertical.icon-inner": "46309617f83b8e954a54ca5148da2ee8826f61e7", "post.comp.interactive.spacing.padding.horizontal.icon-inner": "370304bfb50299904e8eba382718b092585be7ac", - "post.comp.interactive.spacing.gap.horizontal.switch": "65615216e7f2aed127708f9a8cdb0213f5f19eac", "post.comp.interactive.textfields.spacing.padding.vertical.text1": "874aca46e66f4a773aa974d1d8510c32408c25cc", "post.comp.interactive.textfields.spacing.padding.vertical.text2": "937c337f806b527684bea617ae154d05655b4109", "post.comp.interactive.textfields.spacing.gap.horizontal.2": "02026faa83e68f0051e1d2f88867afe96f5f855c", "post.comp.interactive.textfields.spacing.padding.vertical.text3": "d7091b64ca0707caccd0ab3496558a12cb00bd92", "post.comp.interactive.textfields.spacing.padding.vertical.text-assist": "6178ad922d076ec9badd4784832d2e4d39733760", "post.comp.interactive.clickable.spacing.padding.horizontal.text-start": "ea996c9c92020f993d35446b37b1b757c30a8961", - "post.comp.interactive.clickable.spacing.padding.vertical.text": "9e34515456023d4197c2f078973ca14e35f77cc8" + "post.comp.interactive.clickable.spacing.padding.vertical.text": "9e34515456023d4197c2f078973ca14e35f77cc8", + "post.comp.interactive.spacing.gap.block.1": "7d24880779fb0e77c805ef50038aaac83dc00307", + "post.comp.interactive.spacing.gap.inline.1": "d58f45ee26ce492af321ba23a164e0a52bfd789d", + "post.comp.interactive.spacing.gap.inline.switch": "65615216e7f2aed127708f9a8cdb0213f5f19eac" } } ], From 17f7a26bd7a18917c9275ad6bc822244f9e5ca57 Mon Sep 17 00:00:00 2001 From: Swiss Post Bot <103635272+swisspost-bot@users.noreply.github.com> Date: Fri, 12 Jul 2024 07:10:55 +0200 Subject: [PATCH 06/17] refactor(tokens): Namechange from horizontal/vertical to inline/block --- .../tokens/tokensstudio-generated/tokens.json | 182 +++++++++--------- 1 file changed, 91 insertions(+), 91 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index fc35435637..1d473d7da5 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -1852,7 +1852,7 @@ "spacing": { "interactive": { "gap": { - "vertical": { + "block": { "1": { "value": "{post.core.dimension.16}", "type": "spacing" @@ -1862,7 +1862,7 @@ "type": "spacing" } }, - "horizontal": { + "inline": { "1": { "value": "{post.core.dimension.8}", "type": "spacing" @@ -1894,7 +1894,7 @@ "value": "{post.core.dimension.10}", "type": "spacing" }, - "horizontal": { + "inline": { "1": { "value": "{post.core.dimension.14}", "type": "spacing" @@ -1904,7 +1904,7 @@ "type": "spacing" } }, - "vertical": { + "block": { "1": { "value": "{post.core.dimension.11}", "type": "spacing" @@ -2305,7 +2305,7 @@ "spacing": { "interactive": { "gap": { - "vertical": { + "block": { "1": { "value": "{post.core.dimension.16}", "type": "spacing" @@ -2315,7 +2315,7 @@ "type": "spacing" } }, - "horizontal": { + "inline": { "1": { "value": "{post.core.dimension.8}", "type": "spacing" @@ -2347,7 +2347,7 @@ "value": "{post.core.dimension.10}", "type": "spacing" }, - "horizontal": { + "inline": { "1": { "value": "{post.core.dimension.14}", "type": "spacing" @@ -2357,7 +2357,7 @@ "type": "spacing" } }, - "vertical": { + "block": { "1": { "value": "{post.core.dimension.10}", "type": "spacing" @@ -2758,7 +2758,7 @@ "spacing": { "interactive": { "gap": { - "vertical": { + "block": { "1": { "value": "{post.core.dimension.8}", "type": "spacing" @@ -2768,7 +2768,7 @@ "type": "spacing" } }, - "horizontal": { + "inline": { "1": { "value": "{post.core.dimension.6}", "type": "spacing" @@ -2800,7 +2800,7 @@ "value": "{post.core.dimension.10}", "type": "spacing" }, - "horizontal": { + "inline": { "1": { "value": "{post.core.dimension.14}", "type": "spacing" @@ -2810,7 +2810,7 @@ "type": "spacing" } }, - "vertical": { + "block": { "1": { "value": "{post.core.dimension.10}", "type": "spacing" @@ -3046,33 +3046,33 @@ "gap": { "block": { "1": { - "value": "{post.sem.spacing.interactive.gap.vertical.1}", + "value": "{post.sem.spacing.interactive.gap.block.1}", "type": "spacing" }, "2": { - "value": "{post.sem.spacing.interactive.gap.vertical.2}", + "value": "{post.sem.spacing.interactive.gap.block.2}", "type": "spacing" } }, "inline": { "1": { - "value": "{post.sem.spacing.interactive.gap.horizontal.1}", + "value": "{post.sem.spacing.interactive.gap.inline.1}", "type": "spacing" }, "switch": { - "value": "{post.sem.spacing.interactive.gap.horizontal.3}", + "value": "{post.sem.spacing.interactive.gap.inline.3}", "type": "spacing" } } }, "padding": { - "vertical": { + "block": { "icon-inner": { "value": "{post.sem.spacing.interactive.padding.1}", "type": "spacing" } }, - "horizontal": { + "inline": { "icon-inner": { "value": "{post.sem.spacing.interactive.padding.1}", "type": "spacing" @@ -3083,9 +3083,9 @@ "textfields": { "spacing": { "padding": { - "horizontal": { + "inline": { "text-start": { - "value": "{post.sem.spacing.interactive.padding.horizontal.1}", + "value": "{post.sem.spacing.interactive.padding.inline.1}", "type": "spacing" }, "text-end": { @@ -3097,21 +3097,21 @@ "type": "spacing" } }, - "vertical": { + "block": { "text1": { - "value": "{post.sem.spacing.interactive.padding.vertical.1}", + "value": "{post.sem.spacing.interactive.padding.block.1}", "type": "spacing" }, "text2": { - "value": "{post.sem.spacing.interactive.padding.vertical.3}", + "value": "{post.sem.spacing.interactive.padding.block.3}", "type": "spacing" }, "text3": { - "value": "{post.sem.spacing.interactive.padding.vertical.4}", + "value": "{post.sem.spacing.interactive.padding.block.4}", "type": "spacing" }, "text-assist": { - "value": "{post.sem.spacing.interactive.padding.vertical.5}", + "value": "{post.sem.spacing.interactive.padding.block.5}", "type": "spacing" }, "text4": { @@ -3119,19 +3119,19 @@ "type": "spacing" }, "textarea-top": { - "value": "{post.sem.spacing.interactive.padding.vertical.9}", + "value": "{post.sem.spacing.interactive.padding.block.9}", "type": "spacing" } } }, "gap": { - "horizontal": { + "inline": { "1": { - "value": "{post.sem.spacing.interactive.gap.horizontal.2}", + "value": "{post.sem.spacing.interactive.gap.inline.2}", "type": "spacing" }, "2": { - "value": "{post.sem.spacing.interactive.gap.horizontal.4}", + "value": "{post.sem.spacing.interactive.gap.inline.4}", "type": "spacing" } } @@ -3153,15 +3153,15 @@ "clickable": { "spacing": { "padding": { - "horizontal": { + "inline": { "text-start": { - "value": "{post.sem.spacing.interactive.padding.horizontal.2}", + "value": "{post.sem.spacing.interactive.padding.inline.2}", "type": "spacing" } }, - "vertical": { + "block": { "text": { - "value": "{post.sem.spacing.interactive.padding.vertical.6}", + "value": "{post.sem.spacing.interactive.padding.block.6}", "type": "spacing" } } @@ -3171,13 +3171,13 @@ "switch": { "spacing": { "padding": { - "vertical": { + "block": { "text": { - "value": "{post.sem.spacing.interactive.padding.vertical.7}", + "value": "{post.sem.spacing.interactive.padding.block.7}", "type": "spacing" }, "group-bottom": { - "value": "{post.sem.spacing.interactive.padding.vertical.8}", + "value": "{post.sem.spacing.interactive.padding.block.8}", "type": "spacing" } } @@ -3219,9 +3219,9 @@ "interactives": { "spacing": { "gap": { - "horizontal": { + "inline": { "icon-end": { - "value": "{post.sem.spacing.interactive.gap.horizontal.4}", + "value": "{post.sem.spacing.interactive.gap.inline.4}", "type": "spacing" } } @@ -3444,24 +3444,24 @@ "$figmaCollectionId": "VariableCollectionId:718:1733", "$figmaModeId": "718:3", "$figmaVariableReferences": { - "post.sem.spacing.interactive.gap.vertical.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", - "post.sem.spacing.interactive.gap.horizontal.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", - "post.sem.spacing.interactive.padding.horizontal.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", "post.sem.spacing.interactive.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", - "post.sem.spacing.interactive.gap.horizontal.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.sem.sizing.interactive.icon.height": "df47417297192b0825187b1bca747c06c77acb66", "post.sem.sizing.interactive.icon.width": "2281cdbed36a13117423afd580f450c203aca4ef", "post.sem.spacing.interactive.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", - "post.sem.spacing.interactive.gap.horizontal.3": "40c3d42c65eb3af924f8596ab867169f494461c4", - "post.sem.spacing.interactive.padding.vertical.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", - "post.sem.spacing.interactive.padding.vertical.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", - "post.sem.spacing.interactive.padding.vertical.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", - "post.sem.spacing.interactive.gap.horizontal.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", - "post.sem.spacing.interactive.padding.vertical.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", - "post.sem.spacing.interactive.padding.vertical.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", - "post.sem.spacing.interactive.padding.vertical.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", "post.sem.spacing.interactive.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", - "post.sem.spacing.interactive.padding.horizontal.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571" + "post.sem.spacing.interactive.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", + "post.sem.spacing.interactive.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", + "post.sem.spacing.interactive.gap.inline.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", + "post.sem.spacing.interactive.gap.inline.3": "40c3d42c65eb3af924f8596ab867169f494461c4", + "post.sem.spacing.interactive.gap.inline.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", + "post.sem.spacing.interactive.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", + "post.sem.spacing.interactive.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", + "post.sem.spacing.interactive.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", + "post.sem.spacing.interactive.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", + "post.sem.spacing.interactive.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", + "post.sem.spacing.interactive.padding.block.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", + "post.sem.spacing.interactive.padding.block.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", + "post.sem.spacing.interactive.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae" } }, { @@ -3476,24 +3476,24 @@ "$figmaCollectionId": "VariableCollectionId:718:1733", "$figmaModeId": "718:4", "$figmaVariableReferences": { - "post.sem.spacing.interactive.gap.vertical.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", - "post.sem.spacing.interactive.gap.horizontal.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", - "post.sem.spacing.interactive.padding.horizontal.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", "post.sem.spacing.interactive.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", - "post.sem.spacing.interactive.gap.horizontal.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.sem.sizing.interactive.icon.height": "df47417297192b0825187b1bca747c06c77acb66", "post.sem.sizing.interactive.icon.width": "2281cdbed36a13117423afd580f450c203aca4ef", "post.sem.spacing.interactive.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", - "post.sem.spacing.interactive.gap.horizontal.3": "40c3d42c65eb3af924f8596ab867169f494461c4", - "post.sem.spacing.interactive.padding.vertical.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", - "post.sem.spacing.interactive.padding.vertical.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", - "post.sem.spacing.interactive.padding.vertical.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", - "post.sem.spacing.interactive.gap.horizontal.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", - "post.sem.spacing.interactive.padding.vertical.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", - "post.sem.spacing.interactive.padding.vertical.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", - "post.sem.spacing.interactive.padding.vertical.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", "post.sem.spacing.interactive.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", - "post.sem.spacing.interactive.padding.horizontal.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571" + "post.sem.spacing.interactive.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", + "post.sem.spacing.interactive.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", + "post.sem.spacing.interactive.gap.inline.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", + "post.sem.spacing.interactive.gap.inline.3": "40c3d42c65eb3af924f8596ab867169f494461c4", + "post.sem.spacing.interactive.gap.inline.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", + "post.sem.spacing.interactive.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", + "post.sem.spacing.interactive.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", + "post.sem.spacing.interactive.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", + "post.sem.spacing.interactive.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", + "post.sem.spacing.interactive.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", + "post.sem.spacing.interactive.padding.block.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", + "post.sem.spacing.interactive.padding.block.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", + "post.sem.spacing.interactive.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae" } }, { @@ -3508,24 +3508,24 @@ "$figmaCollectionId": "VariableCollectionId:718:1733", "$figmaModeId": "718:5", "$figmaVariableReferences": { - "post.sem.spacing.interactive.gap.vertical.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", - "post.sem.spacing.interactive.gap.horizontal.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", - "post.sem.spacing.interactive.padding.horizontal.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", "post.sem.spacing.interactive.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", - "post.sem.spacing.interactive.gap.horizontal.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", "post.sem.sizing.interactive.icon.height": "df47417297192b0825187b1bca747c06c77acb66", "post.sem.sizing.interactive.icon.width": "2281cdbed36a13117423afd580f450c203aca4ef", "post.sem.spacing.interactive.padding.1": "c4635d29cc336f857c6c8e52ab3e7cb19b1812c2", - "post.sem.spacing.interactive.gap.horizontal.3": "40c3d42c65eb3af924f8596ab867169f494461c4", - "post.sem.spacing.interactive.padding.vertical.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", - "post.sem.spacing.interactive.padding.vertical.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", - "post.sem.spacing.interactive.padding.vertical.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", - "post.sem.spacing.interactive.gap.horizontal.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", - "post.sem.spacing.interactive.padding.vertical.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", - "post.sem.spacing.interactive.padding.vertical.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", - "post.sem.spacing.interactive.padding.vertical.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae", "post.sem.spacing.interactive.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", - "post.sem.spacing.interactive.padding.horizontal.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571" + "post.sem.spacing.interactive.gap.block.1": "b81e680c344c30ca1c1bb06455a368e407bc7880", + "post.sem.spacing.interactive.gap.inline.1": "bf4a1f1af93f454818f24e35b2241ae450bf79f1", + "post.sem.spacing.interactive.gap.inline.2": "303b065d5f8bf9049661db8845f2d1e59a4c08b0", + "post.sem.spacing.interactive.gap.inline.3": "40c3d42c65eb3af924f8596ab867169f494461c4", + "post.sem.spacing.interactive.gap.inline.4": "8a82feb33514d9f4fbd7299d2d951cea84d5f9ad", + "post.sem.spacing.interactive.padding.inline.1": "6dd0e239a4087795199f786e69f14b6a93ff485c", + "post.sem.spacing.interactive.padding.inline.2": "08cc3d16fcc5545ccd3b3ec7f8247381e57fd571", + "post.sem.spacing.interactive.padding.block.1": "df1d5f20317d135e92c2f76c6de8670f83d52045", + "post.sem.spacing.interactive.padding.block.2": "8390d8c42f51d4e5f785577cfe0cdb3c535ba080", + "post.sem.spacing.interactive.padding.block.3": "931df8e83a599b6ed42ac07836bb9f628df95a11", + "post.sem.spacing.interactive.padding.block.4": "6695b2c106326fe98be09521ee134a81ed26f2d2", + "post.sem.spacing.interactive.padding.block.5": "12aa516946fda5276cad33a82917f9a28cc78bf1", + "post.sem.spacing.interactive.padding.block.6": "fb123d11d6498d112c4d36a4fdef5bacafae88ae" } }, { @@ -3595,10 +3595,6 @@ "post.comp.interactive.color.primary.bg-selected": "d916f2328a05ef8a93d86ad07a6440488cff9812", "post.comp.interactive.color.primary.fg-selected": "681301c55a8eeaa656755418e3312dccddcfc2f2", "post.comp.interactive.color.primary.fg-help": "15052099d70c5827d1d8250a530c73ea5043b133", - "post.comp.interactive.textfields.spacing.padding.horizontal.text-start": "40e718e76a922016e2304d9a9a0fd00ec47c6200", - "post.comp.interactive.textfields.spacing.padding.horizontal.text-end": "cb2d95f2ca7312d3544ec217c5f43aa42e3b8062", - "post.comp.interactive.textfields.spacing.padding.horizontal.text-assist": "8eadafecd837af7d9381780a8b9d7eb9afe91b4c", - "post.comp.interactive.textfields.spacing.gap.horizontal.1": "71499e7e8fd4924d00f829da229caeb9986bc997", "post.comp.interactive.color.primary.stroke-enabled": "e37c51acbd81e12e2c2572382dbfa39952c8b984", "post.comp.interactive.color.primary.stroke-hover": "78c129f79a6954a49cf302a18176e49d40cc676a", "post.comp.interactive.color.primary.stroke-disabled": "74bb6137c9df703292a1385af7b9b70965bcfdac", @@ -3615,18 +3611,22 @@ "post.comp.interactive.color.focus.stroke": "aaa54903f8f37f76744dc29c760422873802946f", "post.comp.interactive.sizing.icon.width-inner": "764b287f61f739fc5a9b0bc48ee83ca6f0ca4917", "post.comp.interactive.sizing.icon.height-inner": "140df926724ea57f9b4e15a2ab4c5885470381b3", - "post.comp.interactive.spacing.padding.vertical.icon-inner": "46309617f83b8e954a54ca5148da2ee8826f61e7", - "post.comp.interactive.spacing.padding.horizontal.icon-inner": "370304bfb50299904e8eba382718b092585be7ac", - "post.comp.interactive.textfields.spacing.padding.vertical.text1": "874aca46e66f4a773aa974d1d8510c32408c25cc", - "post.comp.interactive.textfields.spacing.padding.vertical.text2": "937c337f806b527684bea617ae154d05655b4109", - "post.comp.interactive.textfields.spacing.gap.horizontal.2": "02026faa83e68f0051e1d2f88867afe96f5f855c", - "post.comp.interactive.textfields.spacing.padding.vertical.text3": "d7091b64ca0707caccd0ab3496558a12cb00bd92", - "post.comp.interactive.textfields.spacing.padding.vertical.text-assist": "6178ad922d076ec9badd4784832d2e4d39733760", - "post.comp.interactive.clickable.spacing.padding.horizontal.text-start": "ea996c9c92020f993d35446b37b1b757c30a8961", - "post.comp.interactive.clickable.spacing.padding.vertical.text": "9e34515456023d4197c2f078973ca14e35f77cc8", "post.comp.interactive.spacing.gap.block.1": "7d24880779fb0e77c805ef50038aaac83dc00307", "post.comp.interactive.spacing.gap.inline.1": "d58f45ee26ce492af321ba23a164e0a52bfd789d", - "post.comp.interactive.spacing.gap.inline.switch": "65615216e7f2aed127708f9a8cdb0213f5f19eac" + "post.comp.interactive.spacing.gap.inline.switch": "65615216e7f2aed127708f9a8cdb0213f5f19eac", + "post.comp.interactive.spacing.padding.inline.icon-inner": "370304bfb50299904e8eba382718b092585be7ac", + "post.comp.interactive.spacing.padding.block.icon-inner": "46309617f83b8e954a54ca5148da2ee8826f61e7", + "post.comp.interactive.textfields.spacing.padding.inline.text-start": "40e718e76a922016e2304d9a9a0fd00ec47c6200", + "post.comp.interactive.textfields.spacing.padding.inline.text-end": "cb2d95f2ca7312d3544ec217c5f43aa42e3b8062", + "post.comp.interactive.textfields.spacing.padding.inline.text-assist": "8eadafecd837af7d9381780a8b9d7eb9afe91b4c", + "post.comp.interactive.textfields.spacing.padding.block.text1": "874aca46e66f4a773aa974d1d8510c32408c25cc", + "post.comp.interactive.textfields.spacing.padding.block.text2": "937c337f806b527684bea617ae154d05655b4109", + "post.comp.interactive.textfields.spacing.padding.block.text3": "d7091b64ca0707caccd0ab3496558a12cb00bd92", + "post.comp.interactive.textfields.spacing.padding.block.text-assist": "6178ad922d076ec9badd4784832d2e4d39733760", + "post.comp.interactive.textfields.spacing.gap.inline.1": "71499e7e8fd4924d00f829da229caeb9986bc997", + "post.comp.interactive.textfields.spacing.gap.inline.2": "02026faa83e68f0051e1d2f88867afe96f5f855c", + "post.comp.interactive.clickable.spacing.padding.inline.text-start": "ea996c9c92020f993d35446b37b1b757c30a8961", + "post.comp.interactive.clickable.spacing.padding.block.text": "9e34515456023d4197c2f078973ca14e35f77cc8" } } ], From e0dd28089f4a889034ab875e3fbc6bf438a896a9 Mon Sep 17 00:00:00 2001 From: Swiss Post Bot <103635272+swisspost-bot@users.noreply.github.com> Date: Fri, 12 Jul 2024 08:45:56 +0200 Subject: [PATCH 07/17] refactor (tokens): Renaming and where needed remapping of values with half pixels so there are no semicolons in the names --- .../tokens/tokensstudio-generated/tokens.json | 70 +++++++++++++------ 1 file changed, 50 insertions(+), 20 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 1d473d7da5..6b4719028c 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -347,25 +347,40 @@ "value": "112", "type": "dimension" }, - "5,5": { + "5-5": { "value": "5.5", - "type": "dimension" + "type": "dimension", + "$extensions": { + "studio.tokens": {} + } }, - "6,5": { + "6-5": { "value": "6.5", - "type": "dimension" + "type": "dimension", + "$extensions": { + "studio.tokens": {} + } }, - "4,5": { + "4-5": { "value": "4.5", - "type": "dimension" + "type": "dimension", + "$extensions": { + "studio.tokens": {} + } }, - "7,5": { + "7-5": { "value": "7.5", - "type": "dimension" + "type": "dimension", + "$extensions": { + "studio.tokens": {} + } }, - "1,5": { + "1-5": { "value": "1.5px", - "type": "dimension" + "type": "dimension", + "$extensions": { + "studio.tokens": {} + } } }, "font-weight": { @@ -1914,12 +1929,18 @@ "type": "spacing" }, "3": { - "value": "{post.core.dimension.4,5}", - "type": "spacing" + "value": "{post.core.dimension.4-5}", + "type": "spacing", + "$extensions": { + "studio.tokens": {} + } }, "4": { - "value": "{post.core.dimension.7,5}", - "type": "spacing" + "value": "{post.core.dimension.7-5}", + "type": "spacing", + "$extensions": { + "studio.tokens": {} + } }, "5": { "value": "{post.core.dimension.6}", @@ -2816,12 +2837,18 @@ "type": "spacing" }, "2": { - "value": "{post.core.dimension.5,5}", - "type": "spacing" + "value": "{post.core.dimension.5-5}", + "type": "spacing", + "$extensions": { + "studio.tokens": {} + } }, "3": { - "value": "{post.core.dimension.6,5}", - "type": "spacing" + "value": "{post.core.dimension.6-5}", + "type": "spacing", + "$extensions": { + "studio.tokens": {} + } }, "4": { "value": "{post.core.dimension.5}", @@ -2832,8 +2859,11 @@ "type": "spacing" }, "6": { - "value": "{post.core.dimension.1,5}", - "type": "spacing" + "value": "{post.core.dimension.1-5}", + "type": "spacing", + "$extensions": { + "studio.tokens": {} + } }, "7": { "value": "{post.core.dimension.0}", From c9ba9238e91e4a2ea79325c76fdd80cb8be27600 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Oliver=20Sch=C3=BCrch?= Date: Fri, 12 Jul 2024 10:21:50 +0200 Subject: [PATCH 08/17] chore: add changesets --- .changeset/empty-planets-ring.md | 6 ++++++ .changeset/shiny-days-attack.md | 5 +++++ .changeset/thirty-ladybugs-repeat.md | 6 ++++++ 3 files changed, 17 insertions(+) create mode 100644 .changeset/empty-planets-ring.md create mode 100644 .changeset/shiny-days-attack.md create mode 100644 .changeset/thirty-ladybugs-repeat.md diff --git a/.changeset/empty-planets-ring.md b/.changeset/empty-planets-ring.md new file mode 100644 index 0000000000..3204a2e82f --- /dev/null +++ b/.changeset/empty-planets-ring.md @@ -0,0 +1,6 @@ +--- +'@swisspost/design-system-tokens': minor +--- + +Added `Components/Notifications` tokens. +Added semantic tokens (`mode/light`, `mode/dark`, `device/desktop`, `device/tablet`, `device/mobile`, `channel/idk`, `channel/edk` and `theme/post`), to link `core` tokens to the `Components/Notifications` tokens. diff --git a/.changeset/shiny-days-attack.md b/.changeset/shiny-days-attack.md new file mode 100644 index 0000000000..a9a0b87927 --- /dev/null +++ b/.changeset/shiny-days-attack.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-tokens': minor +--- + +Added core tokens for `color`, `dimensions`, `font-weight`, `font-size`, `line-height`, `letter-spacing`, `font-family`, `elevation` and `border`. diff --git a/.changeset/thirty-ladybugs-repeat.md b/.changeset/thirty-ladybugs-repeat.md new file mode 100644 index 0000000000..79e3a70024 --- /dev/null +++ b/.changeset/thirty-ladybugs-repeat.md @@ -0,0 +1,6 @@ +--- +'@swisspost/design-system-tokens': minor +--- + +Added `Components/Interactives` tokens. +Added semantic tokens (`mode/light`, `mode/dark`, `device/desktop`, `device/tablet`, `device/mobile`, `channel/idk`, `channel/edk` and `theme/post`), to link `core` tokens to the `Components/Interactives` tokens. From 533e21bc2f2bad18b10e0a0a02231d937bca5d18 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Fri, 12 Jul 2024 10:49:25 +0200 Subject: [PATCH 09/17] Feat(tokens): added inverted colors --- .../tokens/tokensstudio-generated/tokens.json | 20 +++++++++++++++++++ 1 file changed, 20 insertions(+) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 6b4719028c..394ce62991 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -381,6 +381,10 @@ "$extensions": { "studio.tokens": {} } + }, + "8-5": { + "value": "8.5", + "type": "dimension" } }, "font-weight": { @@ -851,6 +855,10 @@ "stroke": { "value": "{post.core.color.sandgrey.100}", "type": "color" + }, + "stroke-inverted": { + "value": "{post.core.color.brand.white}", + "type": "color" } }, "text_input": { @@ -3257,6 +3265,18 @@ } } } + }, + "popover": { + "color": { + "bg": { + "value": "{post.sem.color.surface.accent4.bg}", + "type": "color" + }, + "fg": { + "value": "{post.sem.color.surface.accent4.fg}", + "type": "color" + } + } } } } From 5ea7c49d2b4a21a601f21cc90d78fbb84c07eb7b Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Mon, 15 Jul 2024 07:28:58 +0200 Subject: [PATCH 10/17] Update for Device Transfair --- .../tokens/tokensstudio-generated/tokens.json | 22 +------------------ 1 file changed, 1 insertion(+), 21 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 394ce62991..c581c436ad 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -376,15 +376,11 @@ } }, "1-5": { - "value": "1.5px", + "value": "1.5", "type": "dimension", "$extensions": { "studio.tokens": {} } - }, - "8-5": { - "value": "8.5", - "type": "dimension" } }, "font-weight": { @@ -855,10 +851,6 @@ "stroke": { "value": "{post.core.color.sandgrey.100}", "type": "color" - }, - "stroke-inverted": { - "value": "{post.core.color.brand.white}", - "type": "color" } }, "text_input": { @@ -3265,18 +3257,6 @@ } } } - }, - "popover": { - "color": { - "bg": { - "value": "{post.sem.color.surface.accent4.bg}", - "type": "color" - }, - "fg": { - "value": "{post.sem.color.surface.accent4.fg}", - "type": "color" - } - } } } } From 09a46ad803c461b46270225e753dde5c4d4b261f Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Mon, 15 Jul 2024 11:10:48 +0200 Subject: [PATCH 11/17] Push for merg tryouts --- .../tokens/tokensstudio-generated/tokens.json | 668 ++++++++++-------- 1 file changed, 373 insertions(+), 295 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index c581c436ad..7b903b454a 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -682,167 +682,161 @@ "interactive": { "button": { "primary": { - "unselected": { - "enabled": { - "fg": { - "value": "{post.core.color.brand.white}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "bg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "stroke": { - "value": "{post.sem.color.interactive.button.primary.unselected.enabled.bg}", - "type": "color" + "enabled": { + "fg": { + "value": "{post.core.color.brand.white}", + "type": "color", + "$extensions": { + "studio.tokens": {} } }, - "hover": { - "fg": { - "value": "{post.core.color.brand.white}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "bg": { - "value": "{post.core.color.sandgrey.070}", - "type": "color" - }, - "stroke": { - "value": "{post.sem.color.interactive.button.primary.unselected.hover.bg}", - "type": "color" + "bg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color", + "$extensions": { + "studio.tokens": {} } }, - "disabled": { - "fg": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" - }, - "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" - }, - "stroke": { - "value": "{post.sem.color.interactive.button.primary.unselected.disabled.fg}", - "type": "color" + "stroke": { + "value": "{post.sem.color.interactive.button.primary.enabled.bg}", + "type": "color" + } + }, + "hover": { + "fg": { + "value": "{post.core.color.brand.white}", + "type": "color", + "$extensions": { + "studio.tokens": {} } + }, + "bg": { + "value": "{post.core.color.sandgrey.070}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.primary.hover.bg}", + "type": "color" + } + }, + "disabled": { + "fg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "bg": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.primary.disabled.bg}", + "type": "color" } } }, "secondary": { - "unselected": { - "enabled": { - "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "bg": { - "value": "{post.core.color.brand.white}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "stroke": { - "value": "{post.sem.color.interactive.button.secondary.unselected.enabled.fg}", - "type": "color" + "enabled": { + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color", + "$extensions": { + "studio.tokens": {} } }, - "hover": { - "fg": { - "value": "{post.core.color.sandgrey.070}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" - }, - "stroke": { - "value": "{post.sem.color.interactive.button.secondary.unselected.hover.fg}", - "type": "color" + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color", + "$extensions": { + "studio.tokens": {} } }, - "disabled": { - "fg": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" - }, - "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" - }, - "stroke": { - "value": "{post.sem.color.interactive.button.secondary.unselected.disabled.fg}", - "type": "color" + "stroke": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + } + }, + "hover": { + "fg": { + "value": "{post.core.color.sandgrey.070}", + "type": "color", + "$extensions": { + "studio.tokens": {} } + }, + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.sandgrey.070}", + "type": "color" + } + }, + "disabled": { + "fg": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" } } }, "tertiary": { - "unselected": { - "enabled": { - "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "bg": { - "value": "{post.core.color.colorless}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "stroke": { - "value": "{post.sem.color.interactive.button.tertiary.unselected.enabled.bg}", - "type": "color" + "enabled": { + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color", + "$extensions": { + "studio.tokens": {} } }, - "hover": { - "fg": { - "value": "{post.core.color.sandgrey.070}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "bg": { - "value": "{post.core.color.colorless}", - "type": "color" - }, - "stroke": { - "value": "{post.sem.color.interactive.button.tertiary.unselected.hover.bg}", - "type": "color" + "bg": { + "value": "{post.core.color.colorless}", + "type": "color", + "$extensions": { + "studio.tokens": {} } }, - "disabled": { - "fg": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" - }, - "bg": { - "value": "{post.core.color.colorless}", - "type": "color" - }, - "stroke": { - "value": "{post.sem.color.interactive.button.tertiary.unselected.disabled.bg}", - "type": "color" + "stroke": { + "value": "{post.sem.color.interactive.button.tertiary.enabled.bg}", + "type": "color" + } + }, + "hover": { + "fg": { + "value": "{post.core.color.sandgrey.070}", + "type": "color", + "$extensions": { + "studio.tokens": {} } + }, + "bg": { + "value": "{post.core.color.colorless}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.tertiary.hover.bg}", + "type": "color" + } + }, + "disabled": { + "fg": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "bg": { + "value": "{post.core.color.colorless}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.tertiary.disabled.bg}", + "type": "color" } } } @@ -851,6 +845,10 @@ "stroke": { "value": "{post.core.color.sandgrey.100}", "type": "color" + }, + "stroke-inverted": { + "value": "{post.core.color.brand.white}", + "type": "color" } }, "text_input": { @@ -1140,167 +1138,161 @@ "interactive": { "button": { "primary": { - "unselected": { - "enabled": { - "fg": { - "value": "{post.core.color.brand.white}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "bg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "stroke": { - "value": "{post.sem.color.interactive.button.primary.unselected.enabled.bg}", - "type": "color" + "enabled": { + "fg": { + "value": "{post.core.color.brand.white}", + "type": "color", + "$extensions": { + "studio.tokens": {} } }, - "hover": { - "fg": { - "value": "{post.core.color.brand.white}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "bg": { - "value": "{post.core.color.sandgrey.070}", - "type": "color" - }, - "stroke": { - "value": "{post.sem.color.interactive.button.primary.unselected.hover.bg}", - "type": "color" + "bg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color", + "$extensions": { + "studio.tokens": {} } }, - "disabled": { - "fg": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" - }, - "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" - }, - "stroke": { - "value": "{post.sem.color.interactive.button.primary.unselected.disabled.fg}", - "type": "color" + "stroke": { + "value": "{post.sem.color.interactive.button.primary.enabled.bg}", + "type": "color" + } + }, + "hover": { + "fg": { + "value": "{post.core.color.brand.white}", + "type": "color", + "$extensions": { + "studio.tokens": {} } + }, + "bg": { + "value": "{post.core.color.sandgrey.070}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.primary.hover.bg}", + "type": "color" + } + }, + "disabled": { + "fg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "bg": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.primary.disabled.bg}", + "type": "color" } } }, "secondary": { - "unselected": { - "enabled": { - "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "bg": { - "value": "{post.core.color.brand.white}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "stroke": { - "value": "{post.sem.color.interactive.button.secondary.unselected.enabled.fg}", - "type": "color" + "enabled": { + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color", + "$extensions": { + "studio.tokens": {} } }, - "hover": { - "fg": { - "value": "{post.core.color.sandgrey.070}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" - }, - "stroke": { - "value": "{post.sem.color.interactive.button.secondary.unselected.hover.fg}", - "type": "color" + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color", + "$extensions": { + "studio.tokens": {} } }, - "disabled": { - "fg": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" - }, - "bg": { - "value": "{post.core.color.brand.white}", - "type": "color" - }, - "stroke": { - "value": "{post.sem.color.interactive.button.secondary.unselected.disabled.fg}", - "type": "color" + "stroke": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + } + }, + "hover": { + "fg": { + "value": "{post.core.color.sandgrey.070}", + "type": "color", + "$extensions": { + "studio.tokens": {} } + }, + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.sandgrey.070}", + "type": "color" + } + }, + "disabled": { + "fg": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" } } }, "tertiary": { - "unselected": { - "enabled": { - "fg": { - "value": "{post.core.color.sandgrey.100}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "bg": { - "value": "{post.core.color.colorless}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "stroke": { - "value": "{post.sem.color.interactive.button.tertiary.unselected.enabled.bg}", - "type": "color" + "enabled": { + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color", + "$extensions": { + "studio.tokens": {} } }, - "hover": { - "fg": { - "value": "{post.core.color.sandgrey.070}", - "type": "color", - "$extensions": { - "studio.tokens": {} - } - }, - "bg": { - "value": "{post.core.color.colorless}", - "type": "color" - }, - "stroke": { - "value": "{post.sem.color.interactive.button.tertiary.unselected.hover.bg}", - "type": "color" + "bg": { + "value": "{post.core.color.colorless}", + "type": "color", + "$extensions": { + "studio.tokens": {} } }, - "disabled": { - "fg": { - "value": "{post.core.color.sandgrey.060}", - "type": "color" - }, - "bg": { - "value": "{post.core.color.colorless}", - "type": "color" - }, - "stroke": { - "value": "{post.sem.color.interactive.button.tertiary.unselected.disabled.bg}", - "type": "color" + "stroke": { + "value": "{post.sem.color.interactive.button.tertiary.enabled.bg}", + "type": "color" + } + }, + "hover": { + "fg": { + "value": "{post.core.color.sandgrey.070}", + "type": "color", + "$extensions": { + "studio.tokens": {} } + }, + "bg": { + "value": "{post.core.color.colorless}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.tertiary.hover.bg}", + "type": "color" + } + }, + "disabled": { + "fg": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "bg": { + "value": "{post.core.color.colorless}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.tertiary.disabled.bg}", + "type": "color" } } } @@ -1309,6 +1301,10 @@ "stroke": { "value": "{post.core.color.sandgrey.100}", "type": "color" + }, + "stroke-inverted": { + "value": "{post.core.color.brand.white}", + "type": "color" } }, "text_input": { @@ -3069,6 +3065,10 @@ "stroke": { "value": "{post.sem.color.interactive.focus.stroke}", "type": "color" + }, + "stroke-inverted": { + "value": "{post.sem.color.interactive.focus.stroke-inverted}", + "type": "color" } } }, @@ -3213,6 +3213,84 @@ } } } + }, + "button": { + "primary": { + "fg-enabled": { + "value": "{post.sem.color.interactive.button.primary.enabled.fg}", + "type": "color" + }, + "bg-enabled": { + "value": "{post.sem.color.interactive.button.primary.enabled.bg}", + "type": "color" + }, + "stroke-enabled": { + "value": "{post.sem.color.interactive.button.primary.enabled.stroke}", + "type": "color" + }, + "fg-hover": { + "value": "{post.sem.color.interactive.button.primary.hover.fg}", + "type": "color" + }, + "bg-hover": { + "value": "{post.sem.color.interactive.button.primary.hover.bg}", + "type": "color" + }, + "stroke-hover": { + "value": "{post.sem.color.interactive.button.primary.hover.stroke}", + "type": "color" + }, + "fg-disabled": { + "value": "{post.sem.color.interactive.button.primary.disabled.fg}", + "type": "color" + }, + "bg-disabled": { + "value": "{post.sem.color.interactive.button.primary.disabled.bg}", + "type": "color" + }, + "stroke-disabled": { + "value": "{post.sem.color.interactive.button.primary.disabled.stroke}", + "type": "color" + } + }, + "secondary": { + "fg-enabled": { + "value": "{post.sem.color.interactive.button.secondary.enabled.fg}", + "type": "color" + }, + "bg-enabled": { + "value": "{post.sem.color.interactive.button.secondary.enabled.bg}", + "type": "color" + }, + "stroke-enabled": { + "value": "{post.sem.color.interactive.button.secondary.enabled.stroke}", + "type": "color" + }, + "fg-hover": { + "value": "{post.sem.color.interactive.button.secondary.hover.fg}", + "type": "color" + }, + "bg-hover": { + "value": "{post.sem.color.interactive.button.secondary.hover.bg}", + "type": "color" + }, + "stroke-hover": { + "value": "{post.sem.color.interactive.button.secondary.hover.stroke}", + "type": "color" + }, + "fg-disabled": { + "value": "{post.sem.color.interactive.button.secondary.disabled.fg}", + "type": "color" + }, + "bg-disabled": { + "value": "{post.sem.color.interactive.button.secondary.disabled.bg}", + "type": "color" + }, + "stroke-disabled": { + "value": "{post.sem.color.interactive.button.secondary.disabled.stroke}", + "type": "color" + } + } } } } @@ -3372,15 +3450,6 @@ "post.sem.color.signal.warning-light": "89302ce07bdf3dda8857ae055241ba5e55af16c7", "post.sem.color.signal.information-dark": "04907dc5972eef19d828ea38aafba62220824b5c", "post.sem.color.signal.information-light": "92a36e527934b27f741ef1d21ccd77f46081bcea", - "post.sem.color.interactive.button.primary.unselected.enabled.fg": "2a55e0da7a6a77af2ab682cfee46da43264624cf", - "post.sem.color.interactive.button.primary.unselected.enabled.bg": "cb811102b963d3ff5f0cfd0cdadb6d1de116e562", - "post.sem.color.interactive.button.primary.unselected.enabled.stroke": "0a8ee2da5e2d582cb354ee8710efaef60c332a75", - "post.sem.color.interactive.button.primary.unselected.hover.fg": "370eec1871dbb57ed9fac1803a6ddc8592c35a67", - "post.sem.color.interactive.button.primary.unselected.hover.bg": "f7f7a0eeefdcecda78cfe4aeec2a08817852abf6", - "post.sem.color.interactive.button.primary.unselected.hover.stroke": "964a9601a9e2283290465b6deee733d485dd0e65", - "post.sem.color.interactive.button.primary.unselected.disabled.fg": "3d537ef822839dda40725503001c8d49356f254d", - "post.sem.color.interactive.button.primary.unselected.disabled.bg": "0c28afdd6efaf84fdfe73a7eaef9ffc6f2ff99fc", - "post.sem.color.interactive.button.primary.unselected.disabled.stroke": "7ebde564c0863190f4041f53b52058fbe752e4c9", "post.sem.color.interactive.focus.stroke": "45a49cfd83943b6198f45b94b88316247bafd65f", "post.sem.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", "post.sem.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", @@ -3402,15 +3471,6 @@ "post.sem.color.interactive.button.secondary.unselected.disabled.fg": "1eb5cc7caf7bc6733fb583a953d7a03928f2ec7a", "post.sem.color.interactive.button.secondary.unselected.disabled.bg": "6368eeee292807d9e0626e1eb4b60100450a14b5", "post.sem.color.interactive.button.secondary.unselected.disabled.stroke": "e239f9646dc8b1bf5e7c3b886fab7d561b54d328", - "post.sem.color.interactive.button.tertiary.unselected.enabled.fg": "34e8ea4b6e24a60e7827a235e67284a2911a834f", - "post.sem.color.interactive.button.tertiary.unselected.enabled.bg": "bf605ec9efcbc2713a9e8b212a44dc70f16c413a", - "post.sem.color.interactive.button.tertiary.unselected.enabled.stroke": "9d80b0f4732315ee7575df8d994b643a9e3f1986", - "post.sem.color.interactive.button.tertiary.unselected.hover.fg": "14f1c32ce015e8805d6b113f335e582b986d1d56", - "post.sem.color.interactive.button.tertiary.unselected.hover.bg": "a0de9da59cbc53e539fd44b899e0eb75eeb7e4aa", - "post.sem.color.interactive.button.tertiary.unselected.hover.stroke": "0ef91143b571c199f3ecb2461705938c0a514f3f", - "post.sem.color.interactive.button.tertiary.unselected.disabled.fg": "2d8ef1972033ee2689128a8bec1c6a5484459392", - "post.sem.color.interactive.button.tertiary.unselected.disabled.bg": "acc3ca5eec890d19d9090009c43d8afbbcb6ccfe", - "post.sem.color.interactive.button.tertiary.unselected.disabled.stroke": "5f17b9e585624fd15ed39fe58b503f90ee9b5f0e", "post.sem.color.interactive.text_input.enabled.fg": "458e2162717f22a744cca787687f3350066c9fd3", "post.sem.color.interactive.text_input.enabled.bg": "e635df5be1340f1dd2a3c27b1d4289f315210750", "post.sem.color.interactive.text_input.hover.fg-label": "11851c33cfb72dda519a1f2114a1e26466970a91", @@ -3446,7 +3506,25 @@ "post.sem.color.interactive.primary.selected.bg-handle": "7a0bd1da8b79f4a8df41671ea87ff9459da972b9", "post.sem.color.notification.badge.bg": "0de95de05ec88e26525f4211c81f0f8dbe321ebb", "post.sem.color.notification.badge.fg": "48ff724df33b9947e7e74a729c5dc4a7c930f58c", - "post.sem.color.notification.badge.stroke": "3b53b100fef4f7aa9a97b64e7d2fa8fc9c51aba2" + "post.sem.color.notification.badge.stroke": "3b53b100fef4f7aa9a97b64e7d2fa8fc9c51aba2", + "post.sem.color.interactive.button.primary.enabled.fg": "2a55e0da7a6a77af2ab682cfee46da43264624cf", + "post.sem.color.interactive.button.primary.enabled.bg": "cb811102b963d3ff5f0cfd0cdadb6d1de116e562", + "post.sem.color.interactive.button.primary.enabled.stroke": "0a8ee2da5e2d582cb354ee8710efaef60c332a75", + "post.sem.color.interactive.button.primary.hover.fg": "370eec1871dbb57ed9fac1803a6ddc8592c35a67", + "post.sem.color.interactive.button.primary.hover.bg": "f7f7a0eeefdcecda78cfe4aeec2a08817852abf6", + "post.sem.color.interactive.button.primary.hover.stroke": "964a9601a9e2283290465b6deee733d485dd0e65", + "post.sem.color.interactive.button.primary.disabled.fg": "3d537ef822839dda40725503001c8d49356f254d", + "post.sem.color.interactive.button.primary.disabled.bg": "0c28afdd6efaf84fdfe73a7eaef9ffc6f2ff99fc", + "post.sem.color.interactive.button.primary.disabled.stroke": "7ebde564c0863190f4041f53b52058fbe752e4c9", + "post.sem.color.interactive.button.tertiary.enabled.fg": "34e8ea4b6e24a60e7827a235e67284a2911a834f", + "post.sem.color.interactive.button.tertiary.enabled.bg": "bf605ec9efcbc2713a9e8b212a44dc70f16c413a", + "post.sem.color.interactive.button.tertiary.enabled.stroke": "9d80b0f4732315ee7575df8d994b643a9e3f1986", + "post.sem.color.interactive.button.tertiary.hover.fg": "14f1c32ce015e8805d6b113f335e582b986d1d56", + "post.sem.color.interactive.button.tertiary.hover.bg": "a0de9da59cbc53e539fd44b899e0eb75eeb7e4aa", + "post.sem.color.interactive.button.tertiary.hover.stroke": "0ef91143b571c199f3ecb2461705938c0a514f3f", + "post.sem.color.interactive.button.tertiary.disabled.fg": "2d8ef1972033ee2689128a8bec1c6a5484459392", + "post.sem.color.interactive.button.tertiary.disabled.bg": "acc3ca5eec890d19d9090009c43d8afbbcb6ccfe", + "post.sem.color.interactive.button.tertiary.disabled.stroke": "5f17b9e585624fd15ed39fe58b503f90ee9b5f0e" } }, { From b236a0649b5e84c27ce730dbf77f588c47029ed2 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Mon, 15 Jul 2024 13:28:25 +0200 Subject: [PATCH 12/17] refactor(tokens): removing % out of token names --- .../tokens/tokensstudio-generated/tokens.json | 282 +++++++++--------- 1 file changed, 143 insertions(+), 139 deletions(-) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 7b903b454a..487602748e 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -462,15 +462,15 @@ } }, "line-height": { - "120%": { + "120": { "value": "120%", "type": "lineHeights" }, - "140%": { + "140": { "value": "140%", "type": "lineHeights" }, - "150%": { + "150": { "value": "150%", "type": "lineHeights" } @@ -1632,7 +1632,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.40}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1642,7 +1642,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.36}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1652,7 +1652,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.32}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1662,7 +1662,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.28}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1672,7 +1672,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.24}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1682,7 +1682,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1694,7 +1694,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.40}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1704,7 +1704,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.36}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1714,7 +1714,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.32}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1724,7 +1724,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.28}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1734,7 +1734,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.24}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1744,7 +1744,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1756,7 +1756,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.24}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1766,7 +1766,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1776,7 +1776,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.32}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1786,7 +1786,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1796,7 +1796,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.18}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1806,7 +1806,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.16}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1816,7 +1816,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1826,7 +1826,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.12}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -1836,7 +1836,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}", "textDecoration": "underline" }, @@ -1847,7 +1847,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2091,7 +2091,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.40}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2101,7 +2101,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.36}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2111,7 +2111,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.32}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2121,7 +2121,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.28}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2131,7 +2131,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.24}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2141,7 +2141,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2153,7 +2153,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.40}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2163,7 +2163,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.36}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2173,7 +2173,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.32}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2183,7 +2183,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.28}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2193,7 +2193,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.24}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2203,7 +2203,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2215,7 +2215,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2225,7 +2225,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.16}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2235,7 +2235,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.16}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2245,7 +2245,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.16}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2255,7 +2255,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.18}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2265,7 +2265,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.16}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2275,7 +2275,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2285,7 +2285,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.12}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2294,7 +2294,7 @@ "value": { "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}", "textDecoration": "underline", "fontSize": "{post.core.font-size.16}" @@ -2306,7 +2306,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.16}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2544,7 +2544,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.40}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2554,7 +2554,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.36}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2564,7 +2564,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.32}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2574,7 +2574,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.28}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2584,7 +2584,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.24}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2594,7 +2594,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2606,7 +2606,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.40}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2616,7 +2616,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.36}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2626,7 +2626,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.32}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2636,7 +2636,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.28}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2646,7 +2646,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.24}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2656,7 +2656,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.20}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2668,7 +2668,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.18}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2678,7 +2678,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2688,7 +2688,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.24}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2698,7 +2698,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.700}", "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.120%}", + "lineHeight": "{post.core.line-height.120}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2708,7 +2708,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2718,7 +2718,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2728,7 +2728,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2738,7 +2738,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.12}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -2748,7 +2748,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}", "textDecoration": "underline" }, @@ -2759,7 +2759,7 @@ "fontFamily": "{post.sem.font-family.default}", "fontWeight": "{post.core.font-weight.400}", "fontSize": "{post.core.font-size.14}", - "lineHeight": "{post.core.line-height.150%}", + "lineHeight": "{post.core.line-height.150}", "letterSpacing": "{post.core.letter-spacing.default}" }, "type": "typography" @@ -3216,79 +3216,83 @@ }, "button": { "primary": { - "fg-enabled": { - "value": "{post.sem.color.interactive.button.primary.enabled.fg}", - "type": "color" - }, - "bg-enabled": { - "value": "{post.sem.color.interactive.button.primary.enabled.bg}", - "type": "color" - }, - "stroke-enabled": { - "value": "{post.sem.color.interactive.button.primary.enabled.stroke}", - "type": "color" - }, - "fg-hover": { - "value": "{post.sem.color.interactive.button.primary.hover.fg}", - "type": "color" - }, - "bg-hover": { - "value": "{post.sem.color.interactive.button.primary.hover.bg}", - "type": "color" - }, - "stroke-hover": { - "value": "{post.sem.color.interactive.button.primary.hover.stroke}", - "type": "color" - }, - "fg-disabled": { - "value": "{post.sem.color.interactive.button.primary.disabled.fg}", - "type": "color" - }, - "bg-disabled": { - "value": "{post.sem.color.interactive.button.primary.disabled.bg}", - "type": "color" - }, - "stroke-disabled": { - "value": "{post.sem.color.interactive.button.primary.disabled.stroke}", - "type": "color" + "color": { + "fg-enabled": { + "value": "{post.sem.color.interactive.button.primary.enabled.fg}", + "type": "color" + }, + "bg-enabled": { + "value": "{post.sem.color.interactive.button.primary.enabled.bg}", + "type": "color" + }, + "stroke-enabled": { + "value": "{post.sem.color.interactive.button.primary.enabled.stroke}", + "type": "color" + }, + "fg-hover": { + "value": "{post.sem.color.interactive.button.primary.hover.fg}", + "type": "color" + }, + "bg-hover": { + "value": "{post.sem.color.interactive.button.primary.hover.bg}", + "type": "color" + }, + "stroke-hover": { + "value": "{post.sem.color.interactive.button.primary.hover.stroke}", + "type": "color" + }, + "fg-disabled": { + "value": "{post.sem.color.interactive.button.primary.disabled.fg}", + "type": "color" + }, + "bg-disabled": { + "value": "{post.sem.color.interactive.button.primary.disabled.bg}", + "type": "color" + }, + "stroke-disabled": { + "value": "{post.sem.color.interactive.button.primary.disabled.stroke}", + "type": "color" + } } }, "secondary": { - "fg-enabled": { - "value": "{post.sem.color.interactive.button.secondary.enabled.fg}", - "type": "color" - }, - "bg-enabled": { - "value": "{post.sem.color.interactive.button.secondary.enabled.bg}", - "type": "color" - }, - "stroke-enabled": { - "value": "{post.sem.color.interactive.button.secondary.enabled.stroke}", - "type": "color" - }, - "fg-hover": { - "value": "{post.sem.color.interactive.button.secondary.hover.fg}", - "type": "color" - }, - "bg-hover": { - "value": "{post.sem.color.interactive.button.secondary.hover.bg}", - "type": "color" - }, - "stroke-hover": { - "value": "{post.sem.color.interactive.button.secondary.hover.stroke}", - "type": "color" - }, - "fg-disabled": { - "value": "{post.sem.color.interactive.button.secondary.disabled.fg}", - "type": "color" - }, - "bg-disabled": { - "value": "{post.sem.color.interactive.button.secondary.disabled.bg}", - "type": "color" - }, - "stroke-disabled": { - "value": "{post.sem.color.interactive.button.secondary.disabled.stroke}", - "type": "color" + "color": { + "fg-enabled": { + "value": "{post.sem.color.interactive.button.secondary.enabled.fg}", + "type": "color" + }, + "bg-enabled": { + "value": "{post.sem.color.interactive.button.secondary.enabled.bg}", + "type": "color" + }, + "stroke-enabled": { + "value": "{post.sem.color.interactive.button.secondary.enabled.stroke}", + "type": "color" + }, + "fg-hover": { + "value": "{post.sem.color.interactive.button.secondary.hover.fg}", + "type": "color" + }, + "bg-hover": { + "value": "{post.sem.color.interactive.button.secondary.hover.bg}", + "type": "color" + }, + "stroke-hover": { + "value": "{post.sem.color.interactive.button.secondary.hover.stroke}", + "type": "color" + }, + "fg-disabled": { + "value": "{post.sem.color.interactive.button.secondary.disabled.fg}", + "type": "color" + }, + "bg-disabled": { + "value": "{post.sem.color.interactive.button.secondary.disabled.bg}", + "type": "color" + }, + "stroke-disabled": { + "value": "{post.sem.color.interactive.button.secondary.disabled.stroke}", + "type": "color" + } } } } From 69d12259df134222434a3a185535bd0e8e11e432 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Oliver=20Sch=C3=BCrch?= Date: Mon, 15 Jul 2024 11:32:36 +0200 Subject: [PATCH 13/17] fix(workflows): build tokens --- packages/tokens/build.js | 47 ++++++++++++++++++++++++++++++++++++---- 1 file changed, 43 insertions(+), 4 deletions(-) diff --git a/packages/tokens/build.js b/packages/tokens/build.js index 6b70e0c02a..b6d126d193 100644 --- a/packages/tokens/build.js +++ b/packages/tokens/build.js @@ -51,6 +51,10 @@ StyleDictionary.registerFilter({ StyleDictionary.registerFormat({ name: 'swisspost/scss-format', format: ({ dictionary, file }) => { + const MULTIVALUE_SEPARATOR_RULES = [ + { previousKey: 'fontSize', currentKey: 'lineHeight', separator: '/' }, + ]; + const fileName = file.destination.replace(/\.scss$/, ''); const isCore = fileName === 'core'; @@ -76,10 +80,30 @@ StyleDictionary.registerFormat({ let tokenValue = token.value; if (usesReferences(token.original.value)) { - tokenValue = token.original.value.replace( - /{[^}]+}/g, - match => `var(--${match.replace(/[{}]/g, '').replace(/\./g, '-')})`, - ); + try { + if (typeof token.original.value === 'object') { + tokenValue = Object.entries(token.original.value).reduce( + (values, [key, value], i) => + `${values}${getSeparator( + Object.keys(token.original.value)[i - 1], + key, + )}${getReference(value)}`, + '', + ); + } else if (typeof token.original.value === 'string') { + tokenValue = getReference(token.original.value); + } else { + throw new Error( + `\x1b[31mError: Unsupported value type in token \x1b[33m"${tokenName}"\x1b[31m within tokenset \x1b[33m"${dataSetName}"!\x1b[0m`, + ); + } + } catch (error) { + console.error( + `\x1b[31mError: While processing the token \x1b[33m"${tokenName}"\x1b[31m within the tokenset \x1b[33m"${dataSetName}"\x1b[31m, the following error occurred:\n"${ + error.message + }".\nInput:\n\x1b[90m${JSON.stringify(token, null, 2)}\x1b[0m`, + ); + } } return isCore ? `--${tokenName}: ${tokenValue};` : `'${tokenName}': ${tokenValue},`; @@ -92,6 +116,21 @@ StyleDictionary.registerFormat({ }) .join('\n') ); + + function getReference(value = '') { + return value.replace( + /{[^}]+}/g, + match => `var(--${match.replace(/[{}]/g, '').replace(/\./g, '-')})`, + ); + } + + function getSeparator(pKey = '', cKey = '') { + return ( + MULTIVALUE_SEPARATOR_RULES.find( + rule => rule.previousKey === pKey && rule.currentKey === cKey, + )?.separator ?? ' ' + ); + } }, }); From 7cad4d97338b8f970806e5a5c30ff14ad05d33b9 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Mon, 15 Jul 2024 15:53:29 +0200 Subject: [PATCH 14/17] Devicetransfer push From 4dee50cee0516051afa60c5bcdab64eb24cbf0a6 Mon Sep 17 00:00:00 2001 From: Travaglini Alessio <158268546+Vandapanda@users.noreply.github.com> Date: Tue, 16 Jul 2024 14:50:23 +0200 Subject: [PATCH 15/17] feat (tokens): Added some Tokens for popover and breadcrumbs, added previous lost tokens for focusstates --- .../tokens/tokensstudio-generated/tokens.json | 56 +++++++++++++++++++ 1 file changed, 56 insertions(+) diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index 487602748e..ac1465de14 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -1889,6 +1889,10 @@ "4": { "value": "{post.core.dimension.4}", "type": "spacing" + }, + "5": { + "value": "{post.core.dimension.2}", + "type": "spacing" } } }, @@ -2348,6 +2352,10 @@ "4": { "value": "{post.core.dimension.4}", "type": "spacing" + }, + "5": { + "value": "{post.core.dimension.2}", + "type": "spacing" } } }, @@ -2801,6 +2809,10 @@ "4": { "value": "{post.core.dimension.4}", "type": "spacing" + }, + "5": { + "value": "{post.core.dimension.2}", + "type": "spacing" } } }, @@ -3295,6 +3307,30 @@ } } } + }, + "breadcrumb": { + "spacing": { + "padding": { + "block": { + "text": { + "value": "{post.sem.spacing.interactive.padding.block.7}", + "type": "spacing" + } + } + }, + "gap": { + "inline": { + "outer": { + "value": "{post.sem.spacing.interactive.gap.inline.4}", + "type": "spacing" + }, + "inner": { + "value": "{post.sem.spacing.interactive.gap.inline.5}", + "type": "spacing" + } + } + } + } } } } @@ -3318,6 +3354,26 @@ "type": "color" } }, + "popover": { + "color": { + "bg": { + "value": "{post.sem.color.surface.accent4.bg}", + "type": "color" + }, + "fg": { + "value": "{post.sem.color.surface.accent4.fg}", + "type": "color" + }, + "fg-icon": { + "value": "{post.sem.color.surface.accent1.fg}", + "type": "color" + }, + "bg-icon": { + "value": "{post.sem.color.surface.accent1.bg}", + "type": "color" + } + } + }, "clickable": { "spacing": { "padding": { From 3c73c4c7cfa278e8dc825255ffd87e550ae1e525 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Oliver=20Sch=C3=BCrch?= Date: Thu, 18 Jul 2024 08:12:45 +0200 Subject: [PATCH 16/17] test(workflows): build-tokens --- .github/workflows/build-tokens.yaml | 11 ++++++++--- packages/tokens/build.js | 10 ++++------ 2 files changed, 12 insertions(+), 9 deletions(-) diff --git a/.github/workflows/build-tokens.yaml b/.github/workflows/build-tokens.yaml index d463475e55..1dd0aebfc3 100644 --- a/.github/workflows/build-tokens.yaml +++ b/.github/workflows/build-tokens.yaml @@ -32,7 +32,7 @@ jobs: const inputFileNames = fs.readdirSync('packages/tokens/tokensstudio-generated') const inputFiles = inputFileNames.map(fileName => ({ - type: path.extname(fileName), + type: path.extname(fileName).replace(/^\./, ''), name: fileName, content: fs.readFileSync(`packages/tokens/tokensstudio-generated/${fileName}`, 'utf8') })) @@ -48,10 +48,15 @@ jobs: ] const outputFileNames = fs.readdirSync('packages/tokens/dist') const outputFiles = outputFileNames.map(fileName => ({ - type: path.extname(fileName), + type: path.extname(fileName).replace(/^\./, ''), name: fileName, content: fs.readFileSync(`packages/tokens/dist/${fileName}`, 'utf8') - })).sort((a, b) => (outputOrder.includes(a.name) ? outputOrder.indexOf(a.name) : 1000) - (outputOrder.includes(b.name) ? outputOrder.indexOf(b.name) : 1000)) + })) + .map(({ type, name, content }) => { + if (type === 'scss') content = content.replaceAll('\n\n', '\n \n').replaceAll('$', '$').replaceAll(' ', '  ') + return { type, name, content } + }) + .sort((a, b) => (outputOrder.includes(a.name) ? outputOrder.indexOf(a.name) : 1000) - (outputOrder.includes(b.name) ? outputOrder.indexOf(b.name) : 1000)) return `# Token Build ## Input diff --git a/packages/tokens/build.js b/packages/tokens/build.js index b6d126d193..c788960ace 100644 --- a/packages/tokens/build.js +++ b/packages/tokens/build.js @@ -81,7 +81,7 @@ StyleDictionary.registerFormat({ if (usesReferences(token.original.value)) { try { - if (typeof token.original.value === 'object') { + if (token.type === 'typography') { tokenValue = Object.entries(token.original.value).reduce( (values, [key, value], i) => `${values}${getSeparator( @@ -90,12 +90,8 @@ StyleDictionary.registerFormat({ )}${getReference(value)}`, '', ); - } else if (typeof token.original.value === 'string') { - tokenValue = getReference(token.original.value); } else { - throw new Error( - `\x1b[31mError: Unsupported value type in token \x1b[33m"${tokenName}"\x1b[31m within tokenset \x1b[33m"${dataSetName}"!\x1b[0m`, - ); + tokenValue = getReference(token.original.value); } } catch (error) { console.error( @@ -125,6 +121,8 @@ StyleDictionary.registerFormat({ } function getSeparator(pKey = '', cKey = '') { + if (pKey === '') return ''; + return ( MULTIVALUE_SEPARATOR_RULES.find( rule => rule.previousKey === pKey && rule.currentKey === cKey, From 9f7b083d1682f0221bedc9f77f3aa48b1cf2649d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Oliver=20Sch=C3=BCrch?= Date: Fri, 19 Jul 2024 08:36:11 +0200 Subject: [PATCH 17/17] chore: update pnpm-lock file --- pnpm-lock.yaml | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index d10126ab4c..f2cdd9583b 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -11462,7 +11462,7 @@ snapshots: '@vitejs/plugin-basic-ssl': 1.1.0(vite@5.1.5(@types/node@20.14.9)(less@4.2.0)(sass@1.71.1)(terser@5.29.1)) ansi-colors: 4.1.3 autoprefixer: 10.4.18(postcss@8.4.35) - babel-loader: 9.1.3(@babel/core@7.24.0)(webpack@5.90.3) + babel-loader: 9.1.3(@babel/core@7.24.0)(webpack@5.90.3(esbuild@0.20.1)) babel-plugin-istanbul: 6.1.1 browserslist: 4.23.0 copy-webpack-plugin: 11.0.0(webpack@5.90.3(esbuild@0.20.1)) @@ -11556,7 +11556,7 @@ snapshots: '@vitejs/plugin-basic-ssl': 1.1.0(vite@5.1.7(@types/node@20.12.7)(less@4.2.0)(sass@1.71.1)(terser@5.29.1)) ansi-colors: 4.1.3 autoprefixer: 10.4.18(postcss@8.4.35) - babel-loader: 9.1.3(@babel/core@7.24.0)(webpack@5.90.3) + babel-loader: 9.1.3(@babel/core@7.24.0)(webpack@5.90.3(esbuild@0.20.1)) babel-plugin-istanbul: 6.1.1 browserslist: 4.23.0 copy-webpack-plugin: 11.0.0(webpack@5.90.3(esbuild@0.20.1)) @@ -11650,7 +11650,7 @@ snapshots: '@vitejs/plugin-basic-ssl': 1.1.0(vite@5.1.7(@types/node@20.14.9)(less@4.2.0)(sass@1.71.1)(terser@5.29.1)) ansi-colors: 4.1.3 autoprefixer: 10.4.18(postcss@8.4.35) - babel-loader: 9.1.3(@babel/core@7.24.0)(webpack@5.90.3) + babel-loader: 9.1.3(@babel/core@7.24.0)(webpack@5.90.3(esbuild@0.20.1)) babel-plugin-istanbul: 6.1.1 browserslist: 4.23.0 copy-webpack-plugin: 11.0.0(webpack@5.90.3(esbuild@0.20.1)) @@ -17404,7 +17404,7 @@ snapshots: transitivePeerDependencies: - supports-color - babel-loader@9.1.3(@babel/core@7.24.0)(webpack@5.90.3): + babel-loader@9.1.3(@babel/core@7.24.0)(webpack@5.90.3(esbuild@0.20.1)): dependencies: '@babel/core': 7.24.0 find-cache-dir: 4.0.0 @@ -21732,7 +21732,7 @@ snapshots: make-dir@2.1.0: dependencies: pify: 4.0.1 - semver: 5.7.2 + semver: 7.6.0 make-dir@3.1.0: dependencies: