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. diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index f1354e650c..ac1465de14 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" @@ -249,6 +260,10 @@ "studio.tokens": {} } }, + "11": { + "value": "11", + "type": "dimension" + }, "12": { "value": "12", "type": "dimension" @@ -266,17 +281,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 +295,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,16 +347,40 @@ "value": "112", "type": "dimension" }, - "0,5": { - "value": "0.5", + "5-5": { + "value": "5.5", + "type": "dimension", + "$extensions": { + "studio.tokens": {} + } + }, + "6-5": { + "value": "6.5", + "type": "dimension", + "$extensions": { + "studio.tokens": {} + } + }, + "4-5": { + "value": "4.5", "type": "dimension", "$extensions": { "studio.tokens": {} } }, - "1,5": { + "7-5": { + "value": "7.5", + "type": "dimension", + "$extensions": { + "studio.tokens": {} + } + }, + "1-5": { "value": "1.5", - "type": "dimension" + "type": "dimension", + "$extensions": { + "studio.tokens": {} + } } }, "font-weight": { @@ -437,15 +462,15 @@ } }, "line-height": { - "120%": { + "120": { "value": "120%", "type": "lineHeights" }, - "140%": { + "140": { "value": "140%", "type": "lineHeights" }, - "150%": { + "150": { "value": "150%", "type": "lineHeights" } @@ -571,570 +596,2737 @@ ], "type": "boxShadow" } + }, + "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/Desktop": { + "Mode/Light": { "post": { "sem": { - "device": { - "sizing": { - "interactive": { - "height": { - "small": { - "1": { - "value": "{post.core.dimension.32}", - "type": "dimension", - "parent": "Device/Desktop", - "description": "", - "oldValue": "{post.core.dimension.32}" + "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": { + "enabled": { + "fg": { + "value": "{post.core.color.brand.white}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } }, - "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}" + "bg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "stroke": { + "value": "{post.sem.color.interactive.button.primary.enabled.bg}", + "type": "color" } }, - "large": { - "1": { - "value": "{post.core.dimension.48}", - "type": "dimension", - "parent": "Device/Desktop", - "description": "", - "oldValue": "{post.core.dimension.48}" + "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" } }, - "extralarge": { - "1": { - "value": "{post.core.dimension.56}", - "type": "dimension", - "parent": "Device/Desktop", - "description": "", - "oldValue": "{post.core.dimension.56}" + "disabled": { + "fg": { + "value": "{post.core.color.brand.white}", + "type": "color" }, - "2": { - "value": "{post.core.dimension.56}", - "type": "dimension", - "parent": "Device/Desktop", - "description": "", - "oldValue": "{post.core.dimension.56}" + "bg": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.primary.disabled.bg}", + "type": "color" } } - } - } - } - } - } - } - }, - "Device/Tablet": { - "post": { - "sem": { - "device": { - "sizing": { - "interactive": { - "height": { - "small": { - "1": { - "value": "{post.core.dimension.28}", - "type": "dimension", - "parent": "Device/Tablet", - "description": "", - "oldValue": "{post.core.dimension.28}" + }, + "secondary": { + "enabled": { + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } }, - "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}" + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "stroke": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" } }, - "large": { - "1": { - "value": "{post.core.dimension.44}", - "type": "dimension", - "parent": "Device/Tablet", - "description": "", - "oldValue": "{post.core.dimension.44}" + "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" } }, - "extralarge": { - "1": { - "value": "{post.core.dimension.52}", - "type": "dimension", - "parent": "Device/Tablet", - "description": "", - "oldValue": "{post.core.dimension.52}" + "disabled": { + "fg": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" }, - "2": { - "value": "{post.core.dimension.52}", - "type": "dimension", - "parent": "Device/Tablet", - "description": "", - "oldValue": "{post.core.dimension.52}" + "bg": { + "value": "{post.core.color.brand.white}", + "type": "color" + }, + "stroke": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" } } - } - } - } - } - } - } - }, - "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}" + }, + "tertiary": { + "enabled": { + "fg": { + "value": "{post.core.color.sandgrey.100}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } }, - "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}" + "bg": { + "value": "{post.core.color.colorless}", + "type": "color", + "$extensions": { + "studio.tokens": {} + } + }, + "stroke": { + "value": "{post.sem.color.interactive.button.tertiary.enabled.bg}", + "type": "color" } }, - "large": { - "1": { - "value": "{post.core.dimension.40}", - "type": "dimension", - "parent": "Device/Mobile", - "description": "", - "oldValue": "{post.core.dimension.40}" + "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" } }, - "extralarge": { - "1": { - "value": "{post.core.dimension.48}", - "type": "dimension", - "parent": "Device/Mobile", - "description": "", - "oldValue": "{post.core.dimension.48}" + "disabled": { + "fg": { + "value": "{post.core.color.sandgrey.060}", + "type": "color" }, - "2": { - "value": "{post.core.dimension.56}", - "type": "dimension", - "parent": "Device/Mobile", - "description": "", - "oldValue": "{post.core.dimension.56}" + "bg": { + "value": "{post.core.color.colorless}", + "type": "color" + }, + "stroke": { + "value": "{post.sem.color.interactive.button.tertiary.disabled.bg}", + "type": "color" } } } - } - } - } - } - } - }, - "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}" - } - } - } - } + }, + "focus": { + "stroke": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + }, + "stroke-inverted": { + "value": "{post.core.color.brand.white}", + "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" - } - } - } + }, + "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": { "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}" - } + "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": { + "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.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": { + "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.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": { + "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.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" } } } - } - }, - "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" - } - } - } + }, + "focus": { + "stroke": { + "value": "{post.core.color.sandgrey.100}", + "type": "color" + }, + "stroke-inverted": { + "value": "{post.core.color.brand.white}", + "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": { + "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": { + "block": { + "1": { + "value": "{post.core.dimension.16}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.16}", + "type": "spacing" + } + }, + "inline": { + "1": { + "value": "{post.core.dimension.8}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.8}", + "type": "spacing" + }, + "3": { + "value": "{post.core.dimension.12}", + "type": "spacing" + }, + "4": { + "value": "{post.core.dimension.4}", + "type": "spacing" + }, + "5": { + "value": "{post.core.dimension.2}", + "type": "spacing" + } + } + }, + "padding": { + "1": { + "value": "{post.core.dimension.0}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.2}", + "type": "spacing" + }, + "3": { + "value": "{post.core.dimension.10}", + "type": "spacing" + }, + "inline": { + "1": { + "value": "{post.core.dimension.14}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.32}", + "type": "spacing" + } + }, + "block": { + "1": { + "value": "{post.core.dimension.11}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.4}", + "type": "spacing" + }, + "3": { + "value": "{post.core.dimension.4-5}", + "type": "spacing", + "$extensions": { + "studio.tokens": {} + } + }, + "4": { + "value": "{post.core.dimension.7-5}", + "type": "spacing", + "$extensions": { + "studio.tokens": {} + } + }, + "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" + }, + "9": { + "value": "{post.core.dimension.5}", + "type": "spacing" + } + } + } + } + }, + "sizing": { + "interactive": { + "icon": { + "height": { + "value": "{post.core.dimension.24}", + "type": "sizing" + }, + "width": { + "value": "{post.core.dimension.24}", + "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": { + "block": { + "1": { + "value": "{post.core.dimension.16}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.16}", + "type": "spacing" + } + }, + "inline": { + "1": { + "value": "{post.core.dimension.8}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.8}", + "type": "spacing" + }, + "3": { + "value": "{post.core.dimension.12}", + "type": "spacing" + }, + "4": { + "value": "{post.core.dimension.4}", + "type": "spacing" + }, + "5": { + "value": "{post.core.dimension.2}", + "type": "spacing" + } + } + }, + "padding": { + "1": { + "value": "{post.core.dimension.1}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.2}", + "type": "spacing" + }, + "3": { + "value": "{post.core.dimension.10}", + "type": "spacing" + }, + "inline": { + "1": { + "value": "{post.core.dimension.14}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.30}", + "type": "spacing" + } + }, + "block": { + "1": { + "value": "{post.core.dimension.10}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.4}", + "type": "spacing" + }, + "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" + }, + "9": { + "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" + } + }, + "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.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" + } + } + }, + "font-family": { + "default": { + "value": "{post.core.font-family.frutiger}", + "type": "fontFamilies" + } + }, + "spacing": { + "interactive": { + "gap": { + "block": { + "1": { + "value": "{post.core.dimension.8}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.16}", + "type": "spacing" + } + }, + "inline": { + "1": { + "value": "{post.core.dimension.6}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.8}", + "type": "spacing" + }, + "3": { + "value": "{post.core.dimension.12}", + "type": "spacing" + }, + "4": { + "value": "{post.core.dimension.4}", + "type": "spacing" + }, + "5": { + "value": "{post.core.dimension.2}", + "type": "spacing" + } + } + }, + "padding": { + "1": { + "value": "{post.core.dimension.2}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.2}", + "type": "spacing" + }, + "3": { + "value": "{post.core.dimension.10}", + "type": "spacing" + }, + "inline": { + "1": { + "value": "{post.core.dimension.14}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.28}", + "type": "spacing" + } + }, + "block": { + "1": { + "value": "{post.core.dimension.10}", + "type": "spacing" + }, + "2": { + "value": "{post.core.dimension.5-5}", + "type": "spacing", + "$extensions": { + "studio.tokens": {} + } + }, + "3": { + "value": "{post.core.dimension.6-5}", + "type": "spacing", + "$extensions": { + "studio.tokens": {} + } + }, + "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", + "$extensions": { + "studio.tokens": {} + } + }, + "7": { + "value": "{post.core.dimension.0}", + "type": "spacing" + }, + "8": { + "value": "{post.core.dimension.24}", + "type": "spacing" + }, + "9": { + "value": "{post.core.dimension.5}", + "type": "spacing" + } + } + } + } + }, + "sizing": { + "interactive": { + "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" + } + } + } + } + }, + "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": { + "interactive": { + "color": { + "primary": { + "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" + }, + "stroke-inverted": { + "value": "{post.sem.color.interactive.focus.stroke-inverted}", + "type": "color" + } + } + }, + "spacing": { + "gap": { + "block": { + "1": { + "value": "{post.sem.spacing.interactive.gap.block.1}", + "type": "spacing" + }, + "2": { + "value": "{post.sem.spacing.interactive.gap.block.2}", + "type": "spacing" + } + }, + "inline": { + "1": { + "value": "{post.sem.spacing.interactive.gap.inline.1}", + "type": "spacing" + }, + "switch": { + "value": "{post.sem.spacing.interactive.gap.inline.3}", + "type": "spacing" + } + } + }, + "padding": { + "block": { + "icon-inner": { + "value": "{post.sem.spacing.interactive.padding.1}", + "type": "spacing" + } + }, + "inline": { + "icon-inner": { + "value": "{post.sem.spacing.interactive.padding.1}", + "type": "spacing" } } } - } - } - } - } - }, - "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}" + }, + "textfields": { + "spacing": { + "padding": { + "inline": { + "text-start": { + "value": "{post.sem.spacing.interactive.padding.inline.1}", + "type": "spacing" }, - "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}" + "text-end": { + "value": "{post.sem.spacing.interactive.padding.3}", + "type": "spacing" + }, + "text-assist": { + "value": "{post.sem.spacing.interactive.padding.2}", + "type": "spacing" } }, - "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}" + "block": { + "text1": { + "value": "{post.sem.spacing.interactive.padding.block.1}", + "type": "spacing" + }, + "text2": { + "value": "{post.sem.spacing.interactive.padding.block.3}", + "type": "spacing" + }, + "text3": { + "value": "{post.sem.spacing.interactive.padding.block.4}", + "type": "spacing" + }, + "text-assist": { + "value": "{post.sem.spacing.interactive.padding.block.5}", + "type": "spacing" + }, + "text4": { + "value": "{post.sem.spacing.interactive.padding.3}", + "type": "spacing" + }, + "textarea-top": { + "value": "{post.sem.spacing.interactive.padding.block.9}", + "type": "spacing" } - }, - "extralarge": { + } + }, + "gap": { + "inline": { "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}" + "value": "{post.sem.spacing.interactive.gap.inline.2}", + "type": "spacing" }, "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}" + "value": "{post.sem.spacing.interactive.gap.inline.4}", + "type": "spacing" } } } } }, - "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}" - } - } - } - } + "sizing": { + "icon": { + "width-inner": { + "value": "{post.sem.sizing.interactive.icon.width}", + "type": "sizing" + }, + "height-inner": { + "value": "{post.sem.sizing.interactive.icon.height}", + "type": "sizing" } } }, - "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" - } - } + "clickable": { + "spacing": { + "padding": { + "inline": { + "text-start": { + "value": "{post.sem.spacing.interactive.padding.inline.2}", + "type": "spacing" + } + }, + "block": { + "text": { + "value": "{post.sem.spacing.interactive.padding.block.6}", + "type": "spacing" } } } } - } - } - } - } - }, - "Channel/IDK": { - "post": { - "sem": { - "channel": { - "sizing": { - "interactive": { - "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}" + }, + "switch": { + "spacing": { + "padding": { + "block": { + "text": { + "value": "{post.sem.spacing.interactive.padding.block.7}", + "type": "spacing" }, - "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}" + "group-bottom": { + "value": "{post.sem.spacing.interactive.padding.block.8}", + "type": "spacing" } + } + } + } + }, + "button": { + "primary": { + "color": { + "fg-enabled": { + "value": "{post.sem.color.interactive.button.primary.enabled.fg}", + "type": "color" }, - "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}" - } + "bg-enabled": { + "value": "{post.sem.color.interactive.button.primary.enabled.bg}", + "type": "color" }, - "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}" - } + "stroke-enabled": { + "value": "{post.sem.color.interactive.button.primary.enabled.stroke}", + "type": "color" }, - "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}" - } + "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" } } - } - }, - "default": { - "color": { - "interactive": { - "primary": { - "unselected": { - "enabled": { - "bg": { - "value": "{post.sem.mode.theming.color.interactive.primary.unselected.enabled.bg1}", - "type": "color", - "parent": "Channel/IDK", - "description": "" - } - } - } + }, + "secondary": { + "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" } } } }, - "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": "" - } - } + "breadcrumb": { + "spacing": { + "padding": { + "block": { + "text": { + "value": "{post.sem.spacing.interactive.padding.block.7}", + "type": "spacing" } } - } - } - } - } - } - } - }, - "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}" - } - } - } - }, - "color": { - "interactive": { - "primary": { - "unselected": { - "enabled": { - "bg": { - "value": "{post.sem.channel.default.color.interactive.primary.unselected.enabled.bg}", - "type": "color", - "parent": "Theme/Default", - "description": "" + }, + "gap": { + "inline": { + "outer": { + "value": "{post.sem.spacing.interactive.gap.inline.4}", + "type": "spacing" + }, + "inner": { + "value": "{post.sem.spacing.interactive.gap.inline.5}", + "type": "spacing" } } } @@ -1144,104 +3336,64 @@ } } }, - "Theme/Cargo": { + "Components/Notifications": { "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}" + "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" + } + }, + "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" } } - } - }, - "color": { - "interactive": { - "primary": { - "unselected": { - "enabled": { - "bg": { - "value": "{post.sem.channel.theming.color.interactive.primary.unselected.enabled.bg2}", - "type": "color", - "parent": "Theme/Cargo", - "description": "" - } + }, + "clickable": { + "spacing": { + "padding": { + "icon": { + "value": "{post.sem.spacing.interactive.padding.2}", + "type": "spacing" } } } - } - } - } - } - }, - "Components/All": { - "post": { - "comp": { - "interactive": { - "button": { - "primary": { - "unselected": { - "enabled": { - "bg": { - "value": "{post.sem.color.interactive.primary.unselected.enabled.bg}", - "type": "color", - "parent": "Components/All", - "description": "" + }, + "interactives": { + "spacing": { + "gap": { + "inline": { + "icon-end": { + "value": "{post.sem.spacing.interactive.gap.inline.4}", + "type": "spacing" } } } - }, - "height": { - "s": { - "value": "{post.sem.seizing.interactive.height.s}", - "type": "dimension", - "parent": "Components/All", - "description": "" - }, - "m": { - "value": "{post.sem.seizing.interactive.height.m}", - "type": "dimension", - "parent": "Components/All", - "description": "" - }, - "l": { - "value": "{post.sem.seizing.interactive.height.l}", - "type": "dimension", - "parent": "Components/All", - "description": "" - }, - "xl": { - "value": "{post.sem.seizing.interactive.height.xl}", - "type": "dimension", - "parent": "Components/All", - "description": "" - } } } } @@ -1250,134 +3402,415 @@ }, "$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", + "post.core.dimension.11": "fe1d0200f9d05d422783818e1f146391f03f3b8b", + "post.core.dimension.4,5": "26658e7076f9d24759c1d2e48e15322932f60d12", + "post.core.dimension.7,5": "d500a053959622657c396264f945a5c22b0b84d4", + "post.core.dimension.1,5": "7b8152921b37d457d1246510a4f1efe8f2a0f260" + } }, { - "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.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.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", + "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" + } }, { - "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.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", + "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.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", + "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" + } }, { - "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.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", + "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.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", + "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" + } }, { - "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.padding.2": "35cc62aec747cc6c19b837ef05cdaa9168b4053e", + "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.padding.3": "107ee3038fbc2dba4f2c15fed206d943ba413c60", + "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" + } }, { - "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", + "Components/Notifications": "enabled" }, - "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.color.primary.fg-help": "15052099d70c5827d1d8250a530c73ea5043b133", + "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.gap.block.1": "7d24880779fb0e77c805ef50038aaac83dc00307", + "post.comp.interactive.spacing.gap.inline.1": "d58f45ee26ce492af321ba23a164e0a52bfd789d", + "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" + } } ], "$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