From c05be18248914557afdc81020f493f07c0e8abd5 Mon Sep 17 00:00:00 2001 From: sranso Date: Wed, 26 Jul 2023 20:04:43 +0000 Subject: [PATCH] Tokens updated --- build/css/_variables.css | 125 +----------------------------- build/json/styles.json | 125 +----------------------------- build/scss/_variables.scss | 127 ++----------------------------- tokens/design-tokens.tokens.json | 2 +- 4 files changed, 14 insertions(+), 365 deletions(-) diff --git a/build/css/_variables.css b/build/css/_variables.css index 2e5e17f39..122e298e5 100644 --- a/build/css/_variables.css +++ b/build/css/_variables.css @@ -1,123 +1,6 @@ :root { - --sizes-32: 32.72px; - --sizes-40: 40px; - --sizes-60: 60px; - --sizes-80: 80px; - --sizes-plain-token: 200px; - --sizes-token-in-frame: 200px; - --sizes-token-in-group: 200px; - --sizes-in-variant-60: 60px; - --sizes-in-variant-90: 90px; - --sizes-in-variant-120: 120px; - --sizes-frame: 32px; - --sizes-rect: 32px; - --sizes-shape-in-component: 32px; - --breakpoints-lg: 1280px; - --breakpoints-sm: 768px; - --breakpoints-md: 1024px; - --spacing-10: 10px; - --spacing-mixed: 10px 20px 30px 20px; - --spacing-top: 10px 0px 0px 0px; - --radius-5: 5px; - --radii-smoothing: 10px; - --radii-mixed: 5.5px 10px 20px 15px; - --gradient-gradient-single-with-multiple-color-stops: radial-gradient(rgb(255, 184, 0) 0%, rgb(255, 138, 0) 34%, rgb(255, 46, 0) 65%, rgb(255, 0, 0) 100%); - --gradient-gradient-multiplegrad-0: linear-gradient(180deg, rgb(255, 184, 0) 0%, rgba(255, 184, 0, 0) 100%); - --gradient-gradient-multiplegrad-1: radial-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); - --gradient-gradient-multiplegrad-2: undefined; - --gradient-gradient-multiplegrad-3: undefined; - --color-colors-semi-red: rgba(255, 95, 4, 0.5); - --color-colors-multiple-fills-0: rgb(64, 255, 186); - --color-colors-multiple-fills-1: rgba(0, 0, 0, 0.1); - --color-colors-single-blue: rgb(4, 74, 255); - --color-colors-ref-blue: rgb(4, 74, 255); - --color-colors-empty: rgba(0, 0, 0, 0); - --color-colors-special-characters: rgb(64, 223, 80); - --color-colors-special-characters-nderung: rgb(52, 86, 175); - --font-body-variable-font: italic 500 16/19.2 Roboto; - --font-body-h3: condensed 700 20/32 Akzidenz-Grotesk Pro; - --font-body-h4-strike-through: italic 500 16/19.2 Roboto; - --font-body-italic: italic 400 12/14 Roboto; - --font-body-extra-bold-condensed-italic: condensed italic 800 12/14.4 Akzidenz-Grotesk Pro; - --font-body-medium-extended-italic: expanded italic 500 20/24 Akzidenz-Grotesk Pro; - --font-body-super: 900 22/26.4 Akzidenz-Grotesk Pro; - --effect-drop-shadow-single: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - --effect-inner-shadow-multiple-0: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25); - --effect-inner-shadow-multiple-1: inset 10px 100px 1px 0.5px rgb(0, 0, 0); - --effect-inner-shadow-multiple-2: inset -4px 2px 3px 11px rgba(0, 0, 0, 0.25); - --typography-body-variable-font-font-size: 16px; - --typography-body-variable-font-text-decoration: line-through; - --typography-body-variable-font-font-family: Roboto; - --typography-body-variable-font-font-weight: 500; - --typography-body-variable-font-font-style: italic; - --typography-body-variable-font-font-stretch: normal; - --typography-body-variable-font-letter-spacing: 0; - --typography-body-variable-font-line-height: 19.2px; - --typography-body-variable-font-paragraph-indent: 0; - --typography-body-variable-font-paragraph-spacing: 0; - --typography-body-h3-font-size: 20px; - --typography-body-h3-text-decoration: none; - --typography-body-h3-font-family: Akzidenz-Grotesk Pro; - --typography-body-h3-font-weight: 700; - --typography-body-h3-font-style: normal; - --typography-body-h3-font-stretch: condensed; - --typography-body-h3-letter-spacing: 0.4px; - --typography-body-h3-line-height: 32px; - --typography-body-h3-paragraph-indent: 5px; - --typography-body-h3-paragraph-spacing: 8px; - --typography-body-h3-text-case: uppercase; - --typography-body-h4-strike-through-font-size: 16px; - --typography-body-h4-strike-through-text-decoration: line-through; - --typography-body-h4-strike-through-font-family: Roboto; - --typography-body-h4-strike-through-font-weight: 500; - --typography-body-h4-strike-through-font-style: italic; - --typography-body-h4-strike-through-font-stretch: normal; - --typography-body-h4-strike-through-letter-spacing: 0; - --typography-body-h4-strike-through-line-height: 19.2px; - --typography-body-h4-strike-through-paragraph-indent: 0; - --typography-body-h4-strike-through-paragraph-spacing: 0; - --typography-body-italic-font-size: 12px; - --typography-body-italic-text-decoration: none; - --typography-body-italic-font-family: Roboto; - --typography-body-italic-font-weight: 400; - --typography-body-italic-font-style: italic; - --typography-body-italic-font-stretch: normal; - --typography-body-italic-letter-spacing: 0; - --typography-body-italic-line-height: 14px; - --typography-body-italic-paragraph-indent: 0; - --typography-body-italic-paragraph-spacing: 0; - --typography-body-italic-text-case: none; - --typography-body-extra-bold-condensed-italic-font-size: 12px; - --typography-body-extra-bold-condensed-italic-text-decoration: none; - --typography-body-extra-bold-condensed-italic-font-family: Akzidenz-Grotesk Pro; - --typography-body-extra-bold-condensed-italic-font-weight: 800; - --typography-body-extra-bold-condensed-italic-font-style: italic; - --typography-body-extra-bold-condensed-italic-font-stretch: condensed; - --typography-body-extra-bold-condensed-italic-letter-spacing: 0; - --typography-body-extra-bold-condensed-italic-line-height: 14.4px; - --typography-body-extra-bold-condensed-italic-paragraph-indent: 0; - --typography-body-extra-bold-condensed-italic-paragraph-spacing: 0; - --typography-body-extra-bold-condensed-italic-text-case: none; - --typography-body-medium-extended-italic-font-size: 20px; - --typography-body-medium-extended-italic-text-decoration: none; - --typography-body-medium-extended-italic-font-family: Akzidenz-Grotesk Pro; - --typography-body-medium-extended-italic-font-weight: 500; - --typography-body-medium-extended-italic-font-style: italic; - --typography-body-medium-extended-italic-font-stretch: expanded; - --typography-body-medium-extended-italic-letter-spacing: 0; - --typography-body-medium-extended-italic-line-height: 24px; - --typography-body-medium-extended-italic-paragraph-indent: 0; - --typography-body-medium-extended-italic-paragraph-spacing: 0; - --typography-body-medium-extended-italic-text-case: none; - --typography-body-super-font-size: 22px; - --typography-body-super-text-decoration: none; - --typography-body-super-font-family: Akzidenz-Grotesk Pro; - --typography-body-super-font-weight: 900; - --typography-body-super-font-style: normal; - --typography-body-super-font-stretch: normal; - --typography-body-super-letter-spacing: 0; - --typography-body-super-line-height: 26.4px; - --typography-body-super-paragraph-indent: 0; - --typography-body-super-paragraph-spacing: 0; - --typography-body-super-text-case: none; + --radius-1: 4px; + --radius-2: 8px; + --radius-3: 10px; + --radius-4: 12px; } diff --git a/build/json/styles.json b/build/json/styles.json index 66b41455f..7e4c4b7bc 100644 --- a/build/json/styles.json +++ b/build/json/styles.json @@ -1,123 +1,6 @@ { - "Sizes32": 32.72, - "Sizes40": 40, - "Sizes60": 60, - "Sizes80": 80, - "SizesPlainToken": 200, - "SizesTokenInFrame": 200, - "SizesTokenInGroup": 200, - "SizesInVariant60": 60, - "SizesInVariant90": 90, - "SizesInVariant120": 120, - "SizesFrame": 32, - "SizesRect": 32, - "SizesShapeInComponent": 32, - "BreakpointsLg": 1280, - "BreakpointsSm": 768, - "BreakpointsMd": 1024, - "Spacing10": {"top":10,"bottom":10,"left":10,"right":10}, - "SpacingMixed": {"top":10,"bottom":30,"left":20,"right":20}, - "SpacingTop": {"top":10,"bottom":0,"left":0,"right":0}, - "Radius5": {"smoothing":0,"topLeft":5,"topRight":5,"bottomLeft":5,"bottomRight":5}, - "RadiiSmoothing": {"smoothing":0.75,"topLeft":10,"topRight":10,"bottomLeft":10,"bottomRight":10}, - "RadiiMixed": {"smoothing":0,"topLeft":5.5,"topRight":10,"bottomLeft":20,"bottomRight":15}, - "GradientGradientSingleWithMultipleColorStops": {"gradientType":"radial","rotation":180,"stops":[{"position":0,"color":"#ffb800ff"},{"position":0.34,"color":"#ff8a00ff"},{"position":0.65,"color":"#ff2e00ff"},{"position":1,"color":"#ff0000ff"}]}, - "GradientGradientMultiplegrad0": {"gradientType":"linear","rotation":180,"stops":[{"position":0,"color":"#ffb800ff"},{"position":1,"color":"#ffb80000"}]}, - "GradientGradientMultiplegrad1": {"gradientType":"radial","rotation":180,"stops":[{"position":0,"color":"#ffffffff"},{"position":1,"color":"#ffffff00"}]}, - "GradientGradientMultiplegrad2": {"gradientType":"angular","rotation":180,"stops":[{"position":0,"color":"#cf3030ff"},{"position":1,"color":"#ffffff00"}]}, - "GradientGradientMultiplegrad3": {"gradientType":"diamond","rotation":180,"stops":[{"position":0,"color":"#4a4fccff"},{"position":0.23,"color":"#ffffff00"}]}, - "ColorColorsSemiRed": "#ff5f04", - "ColorColorsMultipleFills0": "#40ffba", - "ColorColorsMultipleFills1": "#000000", - "ColorColorsSingleBlue": "#044aff", - "ColorColorsRefBlue": "#044aff", - "ColorColorsEmpty": "#000000", - "ColorColorsSpecialCharacters": "#40df50", - "ColorColorsSpecialCharactersNderung": "#3456af", - "FontBodyVariableFont": {"fontSize":16,"textDecoration":"line-through","fontFamily":"Roboto","fontWeight":500,"fontStyle":"italic","fontStretch":"normal","letterSpacing":0,"lineHeight":19.2,"paragraphIndent":0,"paragraphSpacing":0}, - "FontBodyH3": {"fontSize":20,"textDecoration":"none","fontFamily":"Akzidenz-Grotesk Pro","fontWeight":700,"fontStyle":"normal","fontStretch":"condensed","letterSpacing":0.4,"lineHeight":32,"paragraphIndent":5,"paragraphSpacing":8,"textCase":"uppercase"}, - "FontBodyH4StrikeThrough": {"fontSize":16,"textDecoration":"line-through","fontFamily":"Roboto","fontWeight":500,"fontStyle":"italic","fontStretch":"normal","letterSpacing":0,"lineHeight":19.2,"paragraphIndent":0,"paragraphSpacing":0}, - "FontBodyItalic": {"fontSize":12,"textDecoration":"none","fontFamily":"Roboto","fontWeight":400,"fontStyle":"italic","fontStretch":"normal","letterSpacing":0,"lineHeight":14,"paragraphIndent":0,"paragraphSpacing":0,"textCase":"none"}, - "FontBodyExtraBoldCondensedItalic": {"fontSize":12,"textDecoration":"none","fontFamily":"Akzidenz-Grotesk Pro","fontWeight":800,"fontStyle":"italic","fontStretch":"condensed","letterSpacing":0,"lineHeight":14.4,"paragraphIndent":0,"paragraphSpacing":0,"textCase":"none"}, - "FontBodyMediumExtendedItalic": {"fontSize":20,"textDecoration":"none","fontFamily":"Akzidenz-Grotesk Pro","fontWeight":500,"fontStyle":"italic","fontStretch":"expanded","letterSpacing":0,"lineHeight":24,"paragraphIndent":0,"paragraphSpacing":0,"textCase":"none"}, - "FontBodySuper": {"fontSize":22,"textDecoration":"none","fontFamily":"Akzidenz-Grotesk Pro","fontWeight":900,"fontStyle":"normal","fontStretch":"normal","letterSpacing":0,"lineHeight":26.4,"paragraphIndent":0,"paragraphSpacing":0,"textCase":"none"}, - "EffectDropShadowSingle": {"shadowType":"dropShadow","radius":4,"color":"#00000040","offsetX":0,"offsetY":4,"spread":0}, - "EffectInnerShadowMultiple0": {"shadowType":"innerShadow","radius":4,"color":"#00000040","offsetX":0,"offsetY":4,"spread":0}, - "EffectInnerShadowMultiple1": {"shadowType":"innerShadow","radius":1,"color":"#000000ff","offsetX":10,"offsetY":100,"spread":0.5}, - "EffectInnerShadowMultiple2": {"shadowType":"innerShadow","radius":3,"color":"#00000040","offsetX":-4,"offsetY":2,"spread":11}, - "TypographyBodyVariableFontFontSize": 16, - "TypographyBodyVariableFontTextDecoration": "line-through", - "TypographyBodyVariableFontFontFamily": "Roboto", - "TypographyBodyVariableFontFontWeight": 500, - "TypographyBodyVariableFontFontStyle": "italic", - "TypographyBodyVariableFontFontStretch": "normal", - "TypographyBodyVariableFontLetterSpacing": 0, - "TypographyBodyVariableFontLineHeight": 19.2, - "TypographyBodyVariableFontParagraphIndent": 0, - "TypographyBodyVariableFontParagraphSpacing": 0, - "TypographyBodyH3FontSize": 20, - "TypographyBodyH3TextDecoration": "none", - "TypographyBodyH3FontFamily": "Akzidenz-Grotesk Pro", - "TypographyBodyH3FontWeight": 700, - "TypographyBodyH3FontStyle": "normal", - "TypographyBodyH3FontStretch": "condensed", - "TypographyBodyH3LetterSpacing": 0.4, - "TypographyBodyH3LineHeight": 32, - "TypographyBodyH3ParagraphIndent": 5, - "TypographyBodyH3ParagraphSpacing": 8, - "TypographyBodyH3TextCase": "uppercase", - "TypographyBodyH4StrikeThroughFontSize": 16, - "TypographyBodyH4StrikeThroughTextDecoration": "line-through", - "TypographyBodyH4StrikeThroughFontFamily": "Roboto", - "TypographyBodyH4StrikeThroughFontWeight": 500, - "TypographyBodyH4StrikeThroughFontStyle": "italic", - "TypographyBodyH4StrikeThroughFontStretch": "normal", - "TypographyBodyH4StrikeThroughLetterSpacing": 0, - "TypographyBodyH4StrikeThroughLineHeight": 19.2, - "TypographyBodyH4StrikeThroughParagraphIndent": 0, - "TypographyBodyH4StrikeThroughParagraphSpacing": 0, - "TypographyBodyItalicFontSize": 12, - "TypographyBodyItalicTextDecoration": "none", - "TypographyBodyItalicFontFamily": "Roboto", - "TypographyBodyItalicFontWeight": 400, - "TypographyBodyItalicFontStyle": "italic", - "TypographyBodyItalicFontStretch": "normal", - "TypographyBodyItalicLetterSpacing": 0, - "TypographyBodyItalicLineHeight": 14, - "TypographyBodyItalicParagraphIndent": 0, - "TypographyBodyItalicParagraphSpacing": 0, - "TypographyBodyItalicTextCase": "none", - "TypographyBodyExtraBoldCondensedItalicFontSize": 12, - "TypographyBodyExtraBoldCondensedItalicTextDecoration": "none", - "TypographyBodyExtraBoldCondensedItalicFontFamily": "Akzidenz-Grotesk Pro", - "TypographyBodyExtraBoldCondensedItalicFontWeight": 800, - "TypographyBodyExtraBoldCondensedItalicFontStyle": "italic", - "TypographyBodyExtraBoldCondensedItalicFontStretch": "condensed", - "TypographyBodyExtraBoldCondensedItalicLetterSpacing": 0, - "TypographyBodyExtraBoldCondensedItalicLineHeight": 14.4, - "TypographyBodyExtraBoldCondensedItalicParagraphIndent": 0, - "TypographyBodyExtraBoldCondensedItalicParagraphSpacing": 0, - "TypographyBodyExtraBoldCondensedItalicTextCase": "none", - "TypographyBodyMediumExtendedItalicFontSize": 20, - "TypographyBodyMediumExtendedItalicTextDecoration": "none", - "TypographyBodyMediumExtendedItalicFontFamily": "Akzidenz-Grotesk Pro", - "TypographyBodyMediumExtendedItalicFontWeight": 500, - "TypographyBodyMediumExtendedItalicFontStyle": "italic", - "TypographyBodyMediumExtendedItalicFontStretch": "expanded", - "TypographyBodyMediumExtendedItalicLetterSpacing": 0, - "TypographyBodyMediumExtendedItalicLineHeight": 24, - "TypographyBodyMediumExtendedItalicParagraphIndent": 0, - "TypographyBodyMediumExtendedItalicParagraphSpacing": 0, - "TypographyBodyMediumExtendedItalicTextCase": "none", - "TypographyBodySuperFontSize": 22, - "TypographyBodySuperTextDecoration": "none", - "TypographyBodySuperFontFamily": "Akzidenz-Grotesk Pro", - "TypographyBodySuperFontWeight": 900, - "TypographyBodySuperFontStyle": "normal", - "TypographyBodySuperFontStretch": "normal", - "TypographyBodySuperLetterSpacing": 0, - "TypographyBodySuperLineHeight": 26.4, - "TypographyBodySuperParagraphIndent": 0, - "TypographyBodySuperParagraphSpacing": 0, - "TypographyBodySuperTextCase": "none" + "Radius1": {"smoothing":0,"topLeft":4,"topRight":4,"bottomLeft":4,"bottomRight":4}, + "Radius2": {"smoothing":0,"topLeft":8,"topRight":8,"bottomLeft":8,"bottomRight":8}, + "Radius3": {"smoothing":0,"topLeft":10,"topRight":10,"bottomLeft":10,"bottomRight":10}, + "Radius4": {"smoothing":0,"topLeft":12,"topRight":12,"bottomLeft":12,"bottomRight":12} } diff --git a/build/scss/_variables.scss b/build/scss/_variables.scss index d3eca99d9..9c0ac5140 100644 --- a/build/scss/_variables.scss +++ b/build/scss/_variables.scss @@ -1,125 +1,8 @@ // Do not edit directly -// Generated on Wed, 10 May 2023 21:22:43 GMT +// Generated on Wed, 26 Jul 2023 20:04:42 GMT -$sizes-32: 32.72px; -$sizes-40: 40px; -$sizes-60: 60px; -$sizes-80: 80px; -$sizes-plain-token: 200px; -$sizes-token-in-frame: 200px; -$sizes-token-in-group: 200px; -$sizes-in-variant-60: 60px; -$sizes-in-variant-90: 90px; -$sizes-in-variant-120: 120px; -$sizes-frame: 32px; -$sizes-rect: 32px; -$sizes-shape-in-component: 32px; -$breakpoints-lg: 1280px; -$breakpoints-sm: 768px; -$breakpoints-md: 1024px; -$spacing-10: 10px; -$spacing-mixed: 10px 20px 30px 20px; -$spacing-top: 10px 0px 0px 0px; -$radius-5: 5px; -$radii-smoothing: 10px; -$radii-mixed: 5.5px 10px 20px 15px; -$gradient-gradient-single-with-multiple-color-stops: radial-gradient(rgb(255, 184, 0) 0%, rgb(255, 138, 0) 34%, rgb(255, 46, 0) 65%, rgb(255, 0, 0) 100%); -$gradient-gradient-multiplegrad-0: linear-gradient(180deg, rgb(255, 184, 0) 0%, rgba(255, 184, 0, 0) 100%); -$gradient-gradient-multiplegrad-1: radial-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); -$gradient-gradient-multiplegrad-2: undefined; -$gradient-gradient-multiplegrad-3: undefined; -$color-colors-semi-red: rgba(255, 95, 4, 0.5); -$color-colors-multiple-fills-0: rgb(64, 255, 186); -$color-colors-multiple-fills-1: rgba(0, 0, 0, 0.1); -$color-colors-single-blue: rgb(4, 74, 255); -$color-colors-ref-blue: rgb(4, 74, 255); -$color-colors-empty: rgba(0, 0, 0, 0); -$color-colors-special-characters: rgb(64, 223, 80); -$color-colors-special-characters-nderung: rgb(52, 86, 175); -$font-body-variable-font: italic 500 16/19.2 Roboto; -$font-body-h3: condensed 700 20/32 Akzidenz-Grotesk Pro; -$font-body-h4-strike-through: italic 500 16/19.2 Roboto; -$font-body-italic: italic 400 12/14 Roboto; -$font-body-extra-bold-condensed-italic: condensed italic 800 12/14.4 Akzidenz-Grotesk Pro; -$font-body-medium-extended-italic: expanded italic 500 20/24 Akzidenz-Grotesk Pro; -$font-body-super: 900 22/26.4 Akzidenz-Grotesk Pro; -$effect-drop-shadow-single: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -$effect-inner-shadow-multiple-0: inset 0px 4px 4px 0px rgba(0, 0, 0, 0.25); -$effect-inner-shadow-multiple-1: inset 10px 100px 1px 0.5px rgb(0, 0, 0); -$effect-inner-shadow-multiple-2: inset -4px 2px 3px 11px rgba(0, 0, 0, 0.25); -$typography-body-variable-font-font-size: 16px; -$typography-body-variable-font-text-decoration: line-through; -$typography-body-variable-font-font-family: Roboto; -$typography-body-variable-font-font-weight: 500; -$typography-body-variable-font-font-style: italic; -$typography-body-variable-font-font-stretch: normal; -$typography-body-variable-font-letter-spacing: 0; -$typography-body-variable-font-line-height: 19.2px; -$typography-body-variable-font-paragraph-indent: 0; -$typography-body-variable-font-paragraph-spacing: 0; -$typography-body-h3-font-size: 20px; -$typography-body-h3-text-decoration: none; -$typography-body-h3-font-family: Akzidenz-Grotesk Pro; -$typography-body-h3-font-weight: 700; -$typography-body-h3-font-style: normal; -$typography-body-h3-font-stretch: condensed; -$typography-body-h3-letter-spacing: 0.4px; -$typography-body-h3-line-height: 32px; -$typography-body-h3-paragraph-indent: 5px; -$typography-body-h3-paragraph-spacing: 8px; -$typography-body-h3-text-case: uppercase; -$typography-body-h4-strike-through-font-size: 16px; -$typography-body-h4-strike-through-text-decoration: line-through; -$typography-body-h4-strike-through-font-family: Roboto; -$typography-body-h4-strike-through-font-weight: 500; -$typography-body-h4-strike-through-font-style: italic; -$typography-body-h4-strike-through-font-stretch: normal; -$typography-body-h4-strike-through-letter-spacing: 0; -$typography-body-h4-strike-through-line-height: 19.2px; -$typography-body-h4-strike-through-paragraph-indent: 0; -$typography-body-h4-strike-through-paragraph-spacing: 0; -$typography-body-italic-font-size: 12px; -$typography-body-italic-text-decoration: none; -$typography-body-italic-font-family: Roboto; -$typography-body-italic-font-weight: 400; -$typography-body-italic-font-style: italic; -$typography-body-italic-font-stretch: normal; -$typography-body-italic-letter-spacing: 0; -$typography-body-italic-line-height: 14px; -$typography-body-italic-paragraph-indent: 0; -$typography-body-italic-paragraph-spacing: 0; -$typography-body-italic-text-case: none; -$typography-body-extra-bold-condensed-italic-font-size: 12px; -$typography-body-extra-bold-condensed-italic-text-decoration: none; -$typography-body-extra-bold-condensed-italic-font-family: Akzidenz-Grotesk Pro; -$typography-body-extra-bold-condensed-italic-font-weight: 800; -$typography-body-extra-bold-condensed-italic-font-style: italic; -$typography-body-extra-bold-condensed-italic-font-stretch: condensed; -$typography-body-extra-bold-condensed-italic-letter-spacing: 0; -$typography-body-extra-bold-condensed-italic-line-height: 14.4px; -$typography-body-extra-bold-condensed-italic-paragraph-indent: 0; -$typography-body-extra-bold-condensed-italic-paragraph-spacing: 0; -$typography-body-extra-bold-condensed-italic-text-case: none; -$typography-body-medium-extended-italic-font-size: 20px; -$typography-body-medium-extended-italic-text-decoration: none; -$typography-body-medium-extended-italic-font-family: Akzidenz-Grotesk Pro; -$typography-body-medium-extended-italic-font-weight: 500; -$typography-body-medium-extended-italic-font-style: italic; -$typography-body-medium-extended-italic-font-stretch: expanded; -$typography-body-medium-extended-italic-letter-spacing: 0; -$typography-body-medium-extended-italic-line-height: 24px; -$typography-body-medium-extended-italic-paragraph-indent: 0; -$typography-body-medium-extended-italic-paragraph-spacing: 0; -$typography-body-medium-extended-italic-text-case: none; -$typography-body-super-font-size: 22px; -$typography-body-super-text-decoration: none; -$typography-body-super-font-family: Akzidenz-Grotesk Pro; -$typography-body-super-font-weight: 900; -$typography-body-super-font-style: normal; -$typography-body-super-font-stretch: normal; -$typography-body-super-letter-spacing: 0; -$typography-body-super-line-height: 26.4px; -$typography-body-super-paragraph-indent: 0; -$typography-body-super-paragraph-spacing: 0; -$typography-body-super-text-case: none; +$radius-1: 4px; +$radius-2: 8px; +$radius-3: 10px; +$radius-4: 12px; diff --git a/tokens/design-tokens.tokens.json b/tokens/design-tokens.tokens.json index e005feeec..02bed9d15 100644 --- a/tokens/design-tokens.tokens.json +++ b/tokens/design-tokens.tokens.json @@ -1 +1 @@ -{"sizes":{"32":{"description":"32.72px spacer component","value":32.72,"type":"dimension","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"size"}}},"40":{"description":null,"value":40,"type":"dimension","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"size"}}},"60":{"description":null,"value":60,"type":"dimension","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"size"}}},"80":{"description":null,"value":80,"type":"dimension","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"size"}}},"plain token":{"description":null,"value":200,"type":"dimension","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"size"}}},"token in frame":{"description":null,"value":200,"type":"dimension","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"size"}}},"token in group":{"description":null,"value":200,"type":"dimension","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"size"}}},"in variant 60":{"description":null,"value":60,"type":"dimension","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"size"}}},"in variant 90":{"description":null,"value":90,"type":"dimension","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"size"}}},"in variant 120":{"description":null,"value":120,"type":"dimension","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"size"}}},"frame":{"description":null,"value":32,"type":"dimension","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"size"}}},"rect":{"description":null,"value":32,"type":"dimension","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"size"}}},"shape in component":{"description":"Should use 32px not 20 from inside shape","value":32,"type":"dimension","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"size"}}}},"breakpoints":{"lg":{"description":null,"value":1280,"type":"dimension","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"breakpoint"}}},"sm":{"description":null,"value":768,"type":"dimension","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"breakpoint"}}},"md":{"description":null,"value":1024,"type":"dimension","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"breakpoint"}}}},"spacing":{"10":{"description":null,"type":"custom-spacing","value":{"top":10,"bottom":10,"left":10,"right":10},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"spacing"}}},"mixed":{"description":null,"type":"custom-spacing","value":{"top":10,"bottom":30,"left":20,"right":20},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"spacing"}}},"top":{"description":null,"type":"custom-spacing","value":{"top":10,"bottom":0,"left":0,"right":0},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"spacing"}}}},"borders":{"single":{"description":null,"type":"custom-stroke","value":{"align":"inside","dashPattern":[0,0],"lineCap":"none","lineJoin":"miter","miterLimit":4,"weight":5,"color":"#000000ff"},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"border"}}},"dashed outside":{"description":null,"type":"custom-stroke","value":{"align":"outside","dashPattern":[5,5,3,3],"lineCap":"none","lineJoin":"miter","miterLimit":4,"weight":5,"color":"#000000ff"},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"border"}}},"single (style)":{"description":null,"type":"custom-stroke","value":{"align":"inside","dashPattern":[0,0],"lineCap":"none","lineJoin":"miter","miterLimit":4,"weight":5,"color":"#044affff"},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"border"}}},"unsupported":{"multiple borders":{"description":null,"type":"custom-stroke","value":{"align":"inside","dashPattern":[5,10],"lineCap":"none","lineJoin":"miter","miterLimit":4,"weight":5,"color":"#ffe600ff"},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"border"}}}}},"radius":{"5":{"description":null,"type":"custom-radius","value":{"smoothing":0,"topLeft":5,"topRight":5,"bottomLeft":5,"bottomRight":5},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"radius"}}}},"radii":{"smoothing":{"description":null,"type":"custom-radius","value":{"smoothing":0.75,"topLeft":10,"topRight":10,"bottomLeft":10,"bottomRight":10},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"radius"}}},"mixed":{"description":null,"type":"custom-radius","value":{"smoothing":0,"topLeft":5.5,"topRight":10,"bottomLeft":20,"bottomRight":15},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"radius"}}}},"motion":{"slide":{"description":null,"type":"custom-transition","value":{"transitionType":"smart_animate","duration":0.3,"easingType":"cubicBezier","easingFunction":{"x1":0,"x2":1,"y1":0,"y2":1}},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"motion"}}},"move in":{"description":null,"type":"custom-transition","value":{"transitionType":"move_in","duration":0.5,"direction":"left","easingType":"cubicBezier","easingFunction":{"x1":0.41999998688697815,"x2":1,"y1":0,"y2":1}},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"motion"}}},"dissolve":{"description":null,"type":"custom-transition","value":{"transitionType":"dissolve","duration":0.45,"easingType":"cubicBezier","easingFunction":{"x1":0.6968395709991455,"x2":0.06683959811925888,"y1":0.052326660603284836,"y2":0.9323266744613647}},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"motion"}}},"smart":{"description":null,"type":"custom-transition","value":{"transitionType":"smart_animate","duration":0.5,"easingType":"cubicBezier","easingFunction":{"x1":0,"x2":1,"y1":0,"y2":1}},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"motion"}}},"push":{"description":null,"type":"custom-transition","value":{"transitionType":"push","duration":0.5,"direction":"left","easingType":"cubicBezier","easingFunction":{"x1":0.30000001192092896,"x2":0.699999988079071,"y1":-0.05000000074505806,"y2":-0.5}},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"motion"}}},"bouncy":{"description":null,"type":"custom-transition","value":{"transitionType":"push","duration":0.958,"direction":"left","easingType":"spring","easingFunction":{"mass":1,"stiffness":600,"damping":15}},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"motion"}}},"custom spring":{"description":null,"type":"custom-transition","value":{"transitionType":"push","duration":0.744,"direction":"left","easingType":"spring","easingFunction":{"mass":1,"stiffness":300,"damping":20}},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"motion"}}}},"opacities":{"0.25":{"description":null,"value":0.25,"type":"custom-opacity","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"opacity"}}}},"opacity":{"full":{"description":null,"value":1,"type":"custom-opacity","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"opacity"}}},"half":{"description":null,"value":0.5,"type":"custom-opacity","extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"opacity"}}}},"gradient":{"gradient":{"single with multiple color stops":{"description":"Four color stops from yellow to red","type":"custom-gradient","value":{"gradientType":"radial","rotation":180,"stops":[{"position":0,"color":"#ffb800ff"},{"position":0.34,"color":"#ff8a00ff"},{"position":0.65,"color":"#ff2e00ff"},{"position":1,"color":"#ff0000ff"}]},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:0717b063f220ad7314ecd55040eace1bbff62205,","exportKey":"gradient"}}},"multiplegrad":{"0":{"type":"custom-gradient","value":{"gradientType":"linear","rotation":180,"stops":[{"position":0,"color":"#ffb800ff"},{"position":1,"color":"#ffb80000"}]}},"1":{"type":"custom-gradient","value":{"gradientType":"radial","rotation":180,"stops":[{"position":0,"color":"#ffffffff"},{"position":1,"color":"#ffffff00"}]}},"2":{"type":"custom-gradient","value":{"gradientType":"angular","rotation":180,"stops":[{"position":0,"color":"#cf3030ff"},{"position":1,"color":"#ffffff00"}]}},"3":{"type":"custom-gradient","value":{"gradientType":"diamond","rotation":180,"stops":[{"position":0,"color":"#4a4fccff"},{"position":0.23,"color":"#ffffff00"}]}},"description":"","extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:a61dfc0bce1e2ad33ad899091843aa36554e1a3f,","exportKey":"gradient"}}}}},"color":{"colors":{"semi red":{"description":"A red with a 50% opacity","type":"color","value":"#ff5f0480","blendMode":"normal","extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:e0c203ec5e6bae4a3c286f89a84b5759a1606449,","exportKey":"color"}}},"multiple fills":{"0":{"type":"color","value":"#40ffbaff","blendMode":"normal"},"1":{"type":"color","value":"#0000001a","blendMode":"normal"},"description":"","extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:9028fedeb4c34432c5cbe2764036d26028c27e85,","exportKey":"color"}}},"single blue":{"description":"","type":"color","value":"#044affff","blendMode":"normal","extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:59eab2325e17d14ad1119310c564f44a2c0b0d78,","exportKey":"color"}}},"ref blue":{"description":"Some other description","type":"color","value":"{color.colors.single blue}","blendMode":"normal","extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:e87d43c95355d9d04e878b05c8b600096f8357d8,","exportKey":"color","alias":"color.colors.single blue"}}},"empty":{"description":"","type":"color","value":"#00000000","blendMode":"normal","extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:3e58527d65c086392dd39897afe49c49f6164d3a,","exportKey":"color"}}},"special characters":{"đŸ˜…":{"description":"Emoji","type":"color","value":"#40df50ff","blendMode":"normal","extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:8499cb1a9450d897626915c8c042151b47b03f16,","exportKey":"color"}}},"änderung":{"description":"","type":"color","value":"#3456afff","blendMode":"normal","extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:ac53cbace076a2cbfeb9e756e03ed2a40b015140,","exportKey":"color"}}}}}},"grid":{"multiple":{"0":{"type":"custom-grid","value":{"pattern":"columns","sectionSize":1,"gutterSize":20,"alignment":"max","count":7,"offset":3}},"1":{"type":"custom-grid","value":{"pattern":"columns","sectionSize":12,"gutterSize":20,"alignment":"center","count":6}},"2":{"type":"custom-grid","value":{"pattern":"columns","gutterSize":20,"alignment":"stretch","count":5,"offset":10}},"3":{"type":"custom-grid","value":{"pattern":"columns","sectionSize":34,"gutterSize":20,"alignment":"min","count":4,"offset":13}},"4":{"type":"custom-grid","value":{"pattern":"rows","sectionSize":8,"gutterSize":20,"alignment":"max","count":5,"offset":10}},"5":{"type":"custom-grid","value":{"pattern":"rows","sectionSize":8,"gutterSize":10,"alignment":"center","count":4}},"6":{"type":"custom-grid","value":{"pattern":"rows","sectionSize":8,"gutterSize":20,"alignment":"min","count":3,"offset":10}},"7":{"type":"custom-grid","value":{"pattern":"grid","sectionSize":8}},"description":"Grid / multiple description text","extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:e116165c531727dc01b134f4e8e1e568ee457dee,","exportKey":"grid"}}},"single":{"description":null,"type":"custom-grid","value":{"pattern":"columns","sectionSize":11,"gutterSize":20,"alignment":"center","count":5},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:ce0d39d78fdc79fce09ec72c2be791da629fd0e8,","exportKey":"grid"}}}},"font":{"body":{"variable font":{"type":"custom-fontStyle","value":{"fontSize":16,"textDecoration":"line-through","fontFamily":"Roboto","fontWeight":500,"fontStyle":"italic","fontStretch":"normal","letterSpacing":0,"lineHeight":19.2,"paragraphIndent":0,"paragraphSpacing":0},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:6517cd2791f4df05a28533e0b86d09b025388101,","exportKey":"font"}}},"h3":{"description":"Comment for text style","type":"custom-fontStyle","value":{"fontSize":20,"textDecoration":"none","fontFamily":"Akzidenz-Grotesk Pro","fontWeight":700,"fontStyle":"normal","fontStretch":"condensed","letterSpacing":0.4,"lineHeight":32,"paragraphIndent":5,"paragraphSpacing":8,"textCase":"uppercase"},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:2b5dbce89e1e64e6a39c6564ad4abd3c1afa82f5,","exportKey":"font"}}},"h4 strike through":{"description":"With stylisitc options","type":"custom-fontStyle","value":{"fontSize":16,"textDecoration":"line-through","fontFamily":"Roboto","fontWeight":500,"fontStyle":"italic","fontStretch":"normal","letterSpacing":0,"lineHeight":19.2,"paragraphIndent":0,"paragraphSpacing":0},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:df725d41fcd8e0b69329bf0215c432723580b8fd,","exportKey":"font"}}},"italic":{"type":"custom-fontStyle","value":{"fontSize":12,"textDecoration":"none","fontFamily":"Roboto","fontWeight":400,"fontStyle":"italic","fontStretch":"normal","letterSpacing":0,"lineHeight":14,"paragraphIndent":0,"paragraphSpacing":0,"textCase":"none"},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:bb9be2bc0054e5e89cfc1e2c43628730a38c1e6c,","exportKey":"font"}}},"extra bold condensed italic":{"type":"custom-fontStyle","value":{"fontSize":12,"textDecoration":"none","fontFamily":"Akzidenz-Grotesk Pro","fontWeight":800,"fontStyle":"italic","fontStretch":"condensed","letterSpacing":0,"lineHeight":14.4,"paragraphIndent":0,"paragraphSpacing":0,"textCase":"none"},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:02505d88dbe4ce8f00fd1d0bb096bcfeb163b58b,","exportKey":"font"}}},"medium extended italic":{"type":"custom-fontStyle","value":{"fontSize":20,"textDecoration":"none","fontFamily":"Akzidenz-Grotesk Pro","fontWeight":500,"fontStyle":"italic","fontStretch":"expanded","letterSpacing":0,"lineHeight":24,"paragraphIndent":0,"paragraphSpacing":0,"textCase":"none"},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:2292cad5657d178991cef67a315f46564a9f4ac6,","exportKey":"font"}}},"super":{"type":"custom-fontStyle","value":{"fontSize":22,"textDecoration":"none","fontFamily":"Akzidenz-Grotesk Pro","fontWeight":900,"fontStyle":"normal","fontStretch":"normal","letterSpacing":0,"lineHeight":26.4,"paragraphIndent":0,"paragraphSpacing":0,"textCase":"none"},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:2e37db29464d640ee0e651e932c137e35654f230,","exportKey":"font"}}}}},"effect":{"drop shadow (single)":{"description":"Drop shadow single description","type":"custom-shadow","value":{"shadowType":"dropShadow","radius":4,"color":"#00000040","offsetX":0,"offsetY":4,"spread":0},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:9f668d628e0e2a786e72133d7a033fe54c0abc6d,","exportKey":"effect"}}},"inner shadow (multiple)":{"0":{"type":"custom-shadow","value":{"shadowType":"innerShadow","radius":4,"color":"#00000040","offsetX":0,"offsetY":4,"spread":0}},"1":{"type":"custom-shadow","value":{"shadowType":"innerShadow","radius":1,"color":"#000000ff","offsetX":10,"offsetY":100,"spread":0.5}},"2":{"type":"custom-shadow","value":{"shadowType":"innerShadow","radius":3,"color":"#00000040","offsetX":-4,"offsetY":2,"spread":11}},"description":null,"extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:868faf92e616a5bb444b80a49f2cadbd916d2749,","exportKey":"effect"}}},"layer blur":{"description":null,"extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:e9426cf0dfaa019a55b80e1b8770fe4947e00b7b,","exportKey":"effect"}}},"background blur":{"description":null,"extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:aad34df87e5020557c80f2071de39985dfc55f73,","exportKey":"effect"}}}},"typography":{"body":{"variable font":{"fontSize":{"type":"dimension","value":16},"textDecoration":{"type":"string","value":"line-through"},"fontFamily":{"type":"string","value":"Roboto"},"fontWeight":{"type":"number","value":500},"fontStyle":{"type":"string","value":"italic"},"fontStretch":{"type":"string","value":"normal"},"letterSpacing":{"type":"dimension","value":0},"lineHeight":{"type":"dimension","value":19.2},"paragraphIndent":{"type":"dimension","value":0},"paragraphSpacing":{"type":"dimension","value":0},"textCase":{"type":"string"}},"h3":{"description":"Comment for text style","fontSize":{"type":"dimension","value":20},"textDecoration":{"type":"string","value":"none"},"fontFamily":{"type":"string","value":"Akzidenz-Grotesk Pro"},"fontWeight":{"type":"number","value":700},"fontStyle":{"type":"string","value":"normal"},"fontStretch":{"type":"string","value":"condensed"},"letterSpacing":{"type":"dimension","value":0.4},"lineHeight":{"type":"dimension","value":32},"paragraphIndent":{"type":"dimension","value":5},"paragraphSpacing":{"type":"dimension","value":8},"textCase":{"type":"string","value":"uppercase"}},"h4 strike through":{"description":"With stylisitc options","fontSize":{"type":"dimension","value":16},"textDecoration":{"type":"string","value":"line-through"},"fontFamily":{"type":"string","value":"Roboto"},"fontWeight":{"type":"number","value":500},"fontStyle":{"type":"string","value":"italic"},"fontStretch":{"type":"string","value":"normal"},"letterSpacing":{"type":"dimension","value":0},"lineHeight":{"type":"dimension","value":19.2},"paragraphIndent":{"type":"dimension","value":0},"paragraphSpacing":{"type":"dimension","value":0},"textCase":{"type":"string"}},"italic":{"fontSize":{"type":"dimension","value":12},"textDecoration":{"type":"string","value":"none"},"fontFamily":{"type":"string","value":"Roboto"},"fontWeight":{"type":"number","value":400},"fontStyle":{"type":"string","value":"italic"},"fontStretch":{"type":"string","value":"normal"},"letterSpacing":{"type":"dimension","value":0},"lineHeight":{"type":"dimension","value":14},"paragraphIndent":{"type":"dimension","value":0},"paragraphSpacing":{"type":"dimension","value":0},"textCase":{"type":"string","value":"none"}},"extra bold condensed italic":{"fontSize":{"type":"dimension","value":12},"textDecoration":{"type":"string","value":"none"},"fontFamily":{"type":"string","value":"Akzidenz-Grotesk Pro"},"fontWeight":{"type":"number","value":800},"fontStyle":{"type":"string","value":"italic"},"fontStretch":{"type":"string","value":"condensed"},"letterSpacing":{"type":"dimension","value":0},"lineHeight":{"type":"dimension","value":14.4},"paragraphIndent":{"type":"dimension","value":0},"paragraphSpacing":{"type":"dimension","value":0},"textCase":{"type":"string","value":"none"}},"medium extended italic":{"fontSize":{"type":"dimension","value":20},"textDecoration":{"type":"string","value":"none"},"fontFamily":{"type":"string","value":"Akzidenz-Grotesk Pro"},"fontWeight":{"type":"number","value":500},"fontStyle":{"type":"string","value":"italic"},"fontStretch":{"type":"string","value":"expanded"},"letterSpacing":{"type":"dimension","value":0},"lineHeight":{"type":"dimension","value":24},"paragraphIndent":{"type":"dimension","value":0},"paragraphSpacing":{"type":"dimension","value":0},"textCase":{"type":"string","value":"none"}},"super":{"fontSize":{"type":"dimension","value":22},"textDecoration":{"type":"string","value":"none"},"fontFamily":{"type":"string","value":"Akzidenz-Grotesk Pro"},"fontWeight":{"type":"number","value":900},"fontStyle":{"type":"string","value":"normal"},"fontStretch":{"type":"string","value":"normal"},"letterSpacing":{"type":"dimension","value":0},"lineHeight":{"type":"dimension","value":26.4},"paragraphIndent":{"type":"dimension","value":0},"paragraphSpacing":{"type":"dimension","value":0},"textCase":{"type":"string","value":"none"}}}}} \ No newline at end of file +{"borders":{"purple 2":{"description":null,"type":"custom-stroke","value":{"align":"inside","dashPattern":[0,0],"lineCap":"none","lineJoin":"miter","miterLimit":4,"weight":2,"color":"#4a00c3ff"},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"border"}}},"purple 1":{"description":null,"type":"custom-stroke","value":{"align":"inside","dashPattern":[0,0],"lineCap":"none","lineJoin":"miter","miterLimit":4,"weight":1,"color":"#4a00c3ff"},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"border"}}},"yellow":{"description":null,"type":"custom-stroke","value":{"align":"inside","dashPattern":[0,0],"lineCap":"none","lineJoin":"miter","miterLimit":4,"weight":1,"color":"#f9d65bff"},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"border"}}},"greyscale 3":{"description":null,"type":"custom-stroke","value":{"align":"inside","dashPattern":[0,0],"lineCap":"none","lineJoin":"miter","miterLimit":4,"weight":1,"color":"#9b9b9bff"},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"border"}}},"greyscale 2":{"description":null,"type":"custom-stroke","value":{"align":"inside","dashPattern":[0,0],"lineCap":"none","lineJoin":"miter","miterLimit":4,"weight":1,"color":"#e2e2e2ff"},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"border"}}}},"radius":{"1":{"description":null,"type":"custom-radius","value":{"smoothing":0,"topLeft":4,"topRight":4,"bottomLeft":4,"bottomRight":4},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"radius"}}},"2":{"description":null,"type":"custom-radius","value":{"smoothing":0,"topLeft":8,"topRight":8,"bottomLeft":8,"bottomRight":8},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"radius"}}},"3":{"description":null,"type":"custom-radius","value":{"smoothing":0,"topLeft":10,"topRight":10,"bottomLeft":10,"bottomRight":10},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"radius"}}},"4":{"description":null,"type":"custom-radius","value":{"smoothing":0,"topLeft":12,"topRight":12,"bottomLeft":12,"bottomRight":12},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"exportKey":"radius"}}}},"grid":{"12 column":{"description":null,"type":"custom-grid","value":{"pattern":"columns","gutterSize":16,"alignment":"stretch","count":12,"offset":24},"extensions":{"org.lukasoppermann.figmaDesignTokens":{"styleId":"S:b04423a66022afaf603e041b54aa552c904de320,","exportKey":"grid"}}}}} \ No newline at end of file