diff --git a/packages/styles/src/components/fonts.scss b/packages/styles/src/components/fonts.scss index eea1b2d4ce..766f0de973 100644 --- a/packages/styles/src/components/fonts.scss +++ b/packages/styles/src/components/fonts.scss @@ -4,7 +4,7 @@ @font-face { font-display: swap; - font-family: 'Swiss Post Sans v005'; + font-family: 'Swiss Post Sans'; font-weight: 900; src: url('#{options.$font-base-path}/FrutigerNeueforPostW05-XBlk.woff2') format('woff2'), @@ -13,7 +13,7 @@ @font-face { font-display: swap; - font-family: 'Swiss Post Sans v005'; + font-family: 'Swiss Post Sans'; font-weight: 900; font-style: italic; src: @@ -23,7 +23,7 @@ @font-face { font-display: swap; - font-family: 'Swiss Post Sans v005'; + font-family: 'Swiss Post Sans'; font-weight: 700; src: url('#{options.$font-base-path}/FrutigerNeueforPostW05-Bold.woff2') format('woff2'), @@ -32,7 +32,7 @@ @font-face { font-display: swap; - font-family: 'Swiss Post Sans v005'; + font-family: 'Swiss Post Sans'; font-weight: 700; font-style: italic; src: @@ -42,7 +42,7 @@ @font-face { font-display: swap; - font-family: 'Swiss Post Sans v005'; + font-family: 'Swiss Post Sans'; font-weight: 400; src: url('#{options.$font-base-path}/FrutigerNeueforPostW05-Rg.woff2') format('woff2'), @@ -51,7 +51,7 @@ @font-face { font-display: swap; - font-family: 'Swiss Post Sans v005'; + font-family: 'Swiss Post Sans'; font-weight: 400; font-style: italic; src: diff --git a/packages/tokens/tokensstudio-generated/tokens.json b/packages/tokens/tokensstudio-generated/tokens.json index fe27410856..bef8980c2d 100644 --- a/packages/tokens/tokensstudio-generated/tokens.json +++ b/packages/tokens/tokensstudio-generated/tokens.json @@ -383,6 +383,26 @@ "$type": "dimension", "$value": "112" }, + "164": { + "$type": "dimension", + "$value": "164px" + }, + "180": { + "$type": "dimension", + "$value": "180px" + }, + "188": { + "$type": "dimension", + "$value": "188px" + }, + "240": { + "$type": "dimension", + "$value": "240px" + }, + "312": { + "$type": "dimension", + "$value": "312px" + }, "1280": { "$type": "dimension", "$value": "1280" @@ -449,10 +469,6 @@ "$type": "fontWeights", "$value": "400" }, - "500": { - "$type": "fontWeights", - "$value": "500" - }, "700": { "$type": "fontWeights", "$value": "700" @@ -533,17 +549,9 @@ } }, "font-family": { - "frutiger": { - "$type": "fontFamilies", - "$value": "Frutiger Neue for Post" - }, "swiss-post": { "$type": "fontFamilies", - "$value": "Swiss Post Sans v005" - }, - "caveat": { - "$type": "fontFamilies", - "$value": "Caveat" + "$value": "Swiss Post Sans" } }, "elevation": { @@ -1028,6 +1036,10 @@ "bg3": { "$type": "color", "$value": "{post.core.color.brand.white}" + }, + "stroke4": { + "$type": "color", + "$value": "{post.core.color.sandgrey.030}" } }, "hover": { @@ -1058,6 +1070,10 @@ "bg3": { "$type": "color", "$value": "{post.core.color.brand.white}" + }, + "bg4": { + "$type": "color", + "$value": "{post.core.color.sandgrey.006}" } }, "disabled": { @@ -2361,6 +2377,10 @@ "$type": "spacing", "$value": "{post.core.dimension.16-5}" }, + "20": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + }, "inline": { "1": { "$type": "spacing", @@ -2653,6 +2673,18 @@ "$type": "sizing", "$value": "{post.core.dimension.72}" } + }, + "content": { + "height": { + "1": { + "$type": "sizing", + "$value": "{post.core.dimension.164}" + }, + "2": { + "$type": "sizing", + "$value": "{post.core.dimension.312}" + } + } } }, "border-radius": { @@ -2664,6 +2696,10 @@ "$type": "borderRadius", "$value": "{post.core.dimension.8}" }, + "3": { + "$type": "borderRadius", + "$value": "{post.core.dimension.16}" + }, "round": { "$type": "borderRadius", "$value": "{post.core.dimension.100}" @@ -2899,6 +2935,10 @@ "$type": "spacing", "$value": "{post.core.dimension.15}" }, + "20": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + }, "block": { "1": { "$type": "spacing", @@ -3069,10 +3109,6 @@ } }, "icon": { - "2": { - "$type": "sizing", - "$value": "{post.core.dimension.16}" - }, "3": { "$type": "sizing", "$value": "{post.core.dimension.20}" @@ -3139,6 +3175,18 @@ "$type": "sizing", "$value": "{post.core.dimension.64}" } + }, + "content": { + "height": { + "1": { + "$type": "sizing", + "$value": "{post.core.dimension.180}" + }, + "2": { + "$type": "sizing", + "$value": "{post.core.dimension.240}" + } + } } }, "font-weight": { @@ -3365,6 +3413,10 @@ "$type": "spacing", "$value": "{post.core.dimension.11}" }, + "20": { + "$type": "spacing", + "$value": "{post.core.dimension.16}" + }, "inline": { "5": { "$type": "spacing", @@ -3531,10 +3583,6 @@ } }, "icon": { - "2": { - "$type": "sizing", - "$value": "{post.core.dimension.12}" - }, "3": { "$type": "sizing", "$value": "{post.core.dimension.18}" @@ -3593,6 +3641,14 @@ "$type": "sizing", "$value": "{post.core.dimension.56}" } + }, + "content": { + "height": { + "2": { + "$type": "sizing", + "$value": "{post.core.dimension.188}" + } + } } }, "font-weight": { @@ -6217,7 +6273,7 @@ }, "end": { "$type": "spacing", - "$value": "{post.device.spacing.padding.6}" + "$value": "{post.core.dimension.4}" } } }, @@ -6557,35 +6613,35 @@ "color": { "enabled-bg": { "$type": "color", - "$value": "{post.scheme.color.interactive.primary.enabled.bg1}" + "$value": "{post.scheme.color.interactive.input.enabled.bg}" }, "enabled-fg": { "$type": "color", - "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" + "$value": "{post.scheme.color.interactive.input.enabled.fg}" }, "hover-bg": { "$type": "color", - "$value": "{post.scheme.color.interactive.primary.hover.bg}" + "$value": "{post.scheme.color.interactive.input.hover.bg}" }, "hover-fg": { "$type": "color", - "$value": "{post.scheme.color.interactive.primary.hover.fg1}" + "$value": "{post.scheme.color.interactive.input.hover.fg}" }, "disabled-bg": { "$type": "color", - "$value": "{post.scheme.color.interactive.primary.disabled.bg}" + "$value": "{post.scheme.color.interactive.input.disabled.bg}" }, "disabled-fg": { "$type": "color", - "$value": "{post.scheme.color.interactive.primary.disabled.fg1}" + "$value": "{post.scheme.color.interactive.input.disabled.fg}" }, "selected-bg": { "$type": "color", - "$value": "{post.scheme.color.interactive.primary.selected.bg1}" + "$value": "{post.scheme.color.interactive.input.enabled.bg}" }, "selected-fg": { "$type": "color", - "$value": "{post.scheme.color.interactive.primary.selected.fg1}" + "$value": "{post.scheme.color.interactive.input.enabled.fg}" }, "helptext-fg": { "$type": "color", @@ -6593,19 +6649,19 @@ }, "enabled-border": { "$type": "color", - "$value": "{post.scheme.color.interactive.primary.enabled.stroke}" + "$value": "{post.scheme.color.interactive.input.enabled.border}" }, "hover-border": { "$type": "color", - "$value": "{post.scheme.color.interactive.primary.hover.stroke}" + "$value": "{post.scheme.color.interactive.input.hover.border}" }, "disabled-border": { "$type": "color", - "$value": "{post.scheme.color.interactive.primary.disabled.stroke}" + "$value": "{post.scheme.color.interactive.input.disabled.border}" }, "selected-border": { "$type": "color", - "$value": "{post.scheme.color.interactive.primary.selected.stroke1}" + "$value": "{post.scheme.color.interactive.input.enabled.border}" }, "signal": { "error": { @@ -7745,6 +7801,124 @@ } } }, + "Components/Teaser": { + "post": { + "teaser": { + "card": { + "sm": { + "image": { + "height": { + "$type": "sizing", + "$value": "{post.device.sizing.content.height.1}" + } + }, + "section": { + "content": { + "padding": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.5}" + }, + "gap": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.7}" + } + } + }, + "heading": { + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.5}" + } + }, + "content": { + "gap": { + "$type": "spacing", + "$value": "{post.core.dimension.6}" + } + } + }, + "lg": { + "image": { + "height": { + "$type": "sizing", + "$value": "{post.device.sizing.content.height.2}" + } + }, + "section": { + "content": { + "padding": { + "$type": "spacing", + "$value": "{post.device.spacing.padding.20}" + }, + "gap": { + "$type": "spacing", + "$value": "{post.core.dimension.24}" + } + } + }, + "heading": { + "font-size": { + "$type": "fontSizes", + "$value": "{post.device.font-size.4}" + } + }, + "content": { + "gap": { + "$type": "spacing", + "$value": "{post.device.spacing.gap.block.3}" + } + } + }, + "enabled-bg": { + "$type": "color", + "$value": "{post.scheme.color.interactive.primary.enabled.bg1}" + }, + "content": { + "enabled-fg": { + "$type": "color", + "$value": "{post.scheme.color.interactive.primary.enabled.fg1}" + }, + "hover-fg": { + "$type": "color", + "$value": "{post.scheme.color.interactive.primary.hover.fg1}" + } + }, + "hover-bg": { + "$type": "color", + "$value": "{post.scheme.color.interactive.primary.hover.bg4}" + } + } + } + } + }, + "Components/Cards": { + "post": { + "card": { + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.3}" + }, + "nested": { + "border-radius": { + "$type": "borderRadius", + "$value": "{post.device.border-radius.2}" + } + }, + "interactive": { + "elevation": { + "$type": "boxShadow", + "$value": "{post.device.elevation.200}" + } + }, + "non-interactive": { + "stroke": { + "$type": "color", + "$value": "{post.scheme.color.interactive.primary.enabled.stroke4}" + } + } + } + } + }, "Components/Validation": { "post": { "validation": { @@ -8821,7 +8995,6 @@ "post.core.dimension.25-5": "52d70e1c63622fee6eeb2d8a176796da6bb60233", "post.core.dimension.24-5": "b4bfb43876d1f47a6b0c4e965437a2f29327ff8c", "post.core.font-weight.400": "2e0dea0ce52e09ecf1ea56fc61739b5dfd4c1335", - "post.core.font-weight.500": "b4f03965c86694b373279706e6a7abd0f85ef831", "post.core.font-weight.700": "a8572f4ab00764d5deee3d136c730ba552e3d649", "post.core.font-weight.900": "5f8959c4864dcf53df2f1fe072a0e49024d4f55c", "post.core.font-size.10": "9d28f418453b10ccb7dbfdbd4ebe9aac4ffe4e92", @@ -8836,9 +9009,7 @@ "post.core.font-size.36": "d915e690bf9ee5217752fd9d94f42d744e82aa92", "post.core.font-size.40": "79f8e733b8e993cbc3792ea4ed7a9e702b1a769c", "post.core.letter-spacing.none": "195c468fa2f255470e6e8077bfc5cb14da225064", - "post.core.font-family.frutiger": "7a8104756190e8b94f97c29243dd5d7d142a7065", "post.core.font-family.swiss-post": "5547f71fafbe8166ac0384fd4e8862796da43fea", - "post.core.font-family.caveat": "15b599e49f27297ab4aced39752df2cf43f2bb20", "post.core.bg-scheme.light": "680b1c2afef596d40c46720eec03880fce677f54", "post.core.bg-scheme.dark": "e8c0b33a001cad7d205a2164de934d28333fc7c4" } @@ -8971,6 +9142,9 @@ "post.scheme.color.interactive.notification.error.bg": "6165ecb63010c190df5bf65b59d442a4f802a05d", "post.scheme.color.interactive.notification.error.icon": "6a602959aae6c213148ff0f586280a123ebff780", "post.scheme.color.interactive.notification.error.stroke": "f6a25a2fe2b3146d1684d3906e635ef9505a4c23", + "post.scheme.color.interactive.input.disabled.bg": "751b8e0c0c47287585e354becf6a35bc76d3ef30", + "post.scheme.color.interactive.input.disabled.border": "03fcc579a4ae77e80ca5f0e8b4a33c17b07b9944", + "post.scheme.color.interactive.input.disabled.fg": "ab50ae4da2b62ef7e661bbd499b51e51b20b6289", "post.scheme.color.surface.default.bg": "76160b240c5dee3ecddf678e49fb08e554103e19", "post.scheme.color.surface.default.fg": "0497e52aa5f3173648ad5d0a10d8433eb3f229d4", "post.scheme.color.surface.default.stroke": "acff34c0c7e3f3b7360988406c18af0b164393ff", @@ -9002,9 +9176,6 @@ "post.cargo.scheme.color.surface.accent.bg": "2dc2983e13aad7ec4e60552838d56966fa9908d6", "post.cargo.scheme.color.surface.accent.fg": "e724294b65aca52dcb29118010534f0482bd0881", "post.cargo.scheme.color.surface.accent.fg-accent": "9d2202f6c4937b0a006f5bf8886480984ab8efb2", - "post.scheme.color.interactive.input.disabled.bg": "751b8e0c0c47287585e354becf6a35bc76d3ef30", - "post.scheme.color.interactive.input.disabled.border": "03fcc579a4ae77e80ca5f0e8b4a33c17b07b9944", - "post.scheme.color.interactive.input.disabled.fg": "ab50ae4da2b62ef7e661bbd499b51e51b20b6289", "post.scheme.color.signal.neutral-dark": "790da7ad43fa67de3b2da99582d332791fb09e9f", "post.scheme.color.signal.neutral": "daad7eeff08d93aeed6c1ad67af23e58bdffd198", "post.scheme.color.interactive.input.enabled.bg": "ee1559ba9c687a96a4f52b60241ad08d6af675ef", @@ -9412,7 +9583,6 @@ "post.device.sizing.interactive.button.height.4": "ebb3a560dc61a2887f7a174bed5dca950077cdf8", "post.device.sizing.interactive.button.appstore.width.google": "45676eca5b6cc6fe0e8aa6431e7ada19e0abd54c", "post.device.sizing.interactive.button.appstore.width.apple": "882d2d5cf93f32234520f8ff0d68f15081b8e2b8", - "post.device.sizing.interactive.button.icon.2": "020306b9df898e80b1ad2fce35370f84d74a35ab", "post.device.sizing.interactive.button.icon.3": "d21605dd30448c6478673e12f93eed8b5d062109", "post.device.sizing.interactive.button.icon.4": "b8a4bf8909540367fcf86b497a5733a2e6fb5649", "post.device.sizing.interactive.button.icon.5": "ae12b05c26a703db780c6ddbd006a08c9aae5f19", @@ -9631,7 +9801,6 @@ "post.device.position.1": "39f7571c71eb116a2c8eb1184ed6c76f98b2a288", "post.device.position.2": "ba05cc16eebec31bed449523188a621463b014cc", "post.device.position.3": "f3f49902f5430842db0237f43ae50d2be3d5297f", - "post.device.sizing.interactive.button.icon.2": "020306b9df898e80b1ad2fce35370f84d74a35ab", "post.device.spacing.gap.5": "cd8bc19de4a06c78cf89a9c2ee34309a0f517e9b" } }, @@ -9961,7 +10130,9 @@ "Components/Blockquote": "enabled", "Components/Search input": "enabled", "Components/ListCheck": "enabled", - "Components/Assist": "enabled" + "Components/Assist": "enabled", + "Components/Cards": "enabled", + "Components/Teaser": "enabled" }, "$figmaCollectionId": "VariableCollectionId:808:5504", "$figmaModeId": "808:0", @@ -10671,7 +10842,8 @@ "Utilities/Typo": "source", "Scheme/Light": "source", "Scheme/Dark": "source" - } + }, + "$figmaVariableReferences": {} }, { "id": "4848fa9cb5a9da01ed0e675e83324dea13d233e3", @@ -10852,6 +11024,8 @@ "Components/Text highlighted", "Components/Text input", "Components/Toast", + "Components/Teaser", + "Components/Cards", "Components/Validation", "FigmaOnly", "Utilities/Spacing",