Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@ebot7/edem-tokens
Advanced tools
@ebot7/edem-tokens - npm Package Compare versions
Comparing version 0.3.0 to 0.4.0
@@ -69,9 +69,53 @@ [ | ||
| { | ||
| "value": "#046B99", | ||
| "value": "4px", | ||
| "original": { | ||
| "value": "{border-radius.medium.value}" | ||
| }, | ||
| "name": "token-border-radius-base", | ||
| "attributes": { | ||
| "category": "border-radius", | ||
| "type": "base" | ||
| }, | ||
| "path": [ | ||
| "border-radius", | ||
| "base" | ||
| ], | ||
| "title": "Base", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_BORDER_RADIUS_BASE", | ||
| "scss": "$token-border-radius-base", | ||
| "css": "var(--token-border-radius-base)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "0px 8px 20px rgba(0, 0, 0, 0.05)", | ||
| "original": { | ||
| "value": "0px 8px 20px rgba(0, 0, 0, 0.05)" | ||
| }, | ||
| "name": "token-box-shadow-panel", | ||
| "attributes": { | ||
| "category": "box-shadow", | ||
| "type": "panel" | ||
| }, | ||
| "path": [ | ||
| "box-shadow", | ||
| "panel" | ||
| ], | ||
| "title": "Panel", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_BOX_SHADOW_PANEL", | ||
| "scss": "$token-box-shadow-panel", | ||
| "css": "var(--token-box-shadow-panel)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#046b99", | ||
| "original": { | ||
| "value": "#046B99" | ||
| }, | ||
| "name": "token-colors-palette-blue", | ||
| "name": "token-color-palette-blue", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "palette", | ||
@@ -81,3 +125,3 @@ "item": "blue" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "palette", | ||
@@ -92,15 +136,15 @@ "blue" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_PALETTE_BLUE", | ||
| "scss": "$token-colors-palette-blue", | ||
| "css": "var(--token-colors-palette-blue)" | ||
| "js": "TOKEN_COLOR_PALETTE_BLUE", | ||
| "scss": "$token-color-palette-blue", | ||
| "css": "var(--token-color-palette-blue)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#03567A", | ||
| "value": "#03567a", | ||
| "original": { | ||
| "value": "#03567A" | ||
| }, | ||
| "name": "token-colors-palette-blue-darken-20", | ||
| "name": "token-color-palette-blue-darken-20", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "palette", | ||
@@ -110,3 +154,3 @@ "item": "blue-darken-20" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "palette", | ||
@@ -121,15 +165,15 @@ "blue-darken-20" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_PALETTE_BLUE_DARKEN_20", | ||
| "scss": "$token-colors-palette-blue-darken-20", | ||
| "css": "var(--token-colors-palette-blue-darken-20)" | ||
| "js": "TOKEN_COLOR_PALETTE_BLUE_DARKEN_20", | ||
| "scss": "$token-color-palette-blue-darken-20", | ||
| "css": "var(--token-color-palette-blue-darken-20)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#3689AD", | ||
| "value": "#3689ad", | ||
| "original": { | ||
| "value": "#3689AD" | ||
| }, | ||
| "name": "token-colors-palette-blue-lighten-20", | ||
| "name": "token-color-palette-blue-lighten-20", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "palette", | ||
@@ -139,3 +183,3 @@ "item": "blue-lighten-20" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "palette", | ||
@@ -150,15 +194,15 @@ "blue-lighten-20" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_PALETTE_BLUE_LIGHTEN_20", | ||
| "scss": "$token-colors-palette-blue-lighten-20", | ||
| "css": "var(--token-colors-palette-blue-lighten-20)" | ||
| "js": "TOKEN_COLOR_PALETTE_BLUE_LIGHTEN_20", | ||
| "scss": "$token-color-palette-blue-lighten-20", | ||
| "css": "var(--token-color-palette-blue-lighten-20)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#E6F0F5", | ||
| "value": "#e6f0f5", | ||
| "original": { | ||
| "value": "#E6F0F5" | ||
| }, | ||
| "name": "token-colors-palette-blue-lighten-90", | ||
| "name": "token-color-palette-blue-lighten-90", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "palette", | ||
@@ -168,3 +212,3 @@ "item": "blue-lighten-90" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "palette", | ||
@@ -179,5 +223,5 @@ "blue-lighten-90" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_PALETTE_BLUE_LIGHTEN_90", | ||
| "scss": "$token-colors-palette-blue-lighten-90", | ||
| "css": "var(--token-colors-palette-blue-lighten-90)" | ||
| "js": "TOKEN_COLOR_PALETTE_BLUE_LIGHTEN_90", | ||
| "scss": "$token-color-palette-blue-lighten-90", | ||
| "css": "var(--token-color-palette-blue-lighten-90)" | ||
| } | ||
@@ -190,5 +234,5 @@ }, | ||
| }, | ||
| "name": "token-colors-palette-grey", | ||
| "name": "token-color-palette-grey", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "palette", | ||
@@ -198,3 +242,3 @@ "item": "grey" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "palette", | ||
@@ -209,5 +253,5 @@ "grey" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_PALETTE_GREY", | ||
| "scss": "$token-colors-palette-grey", | ||
| "css": "var(--token-colors-palette-grey)" | ||
| "js": "TOKEN_COLOR_PALETTE_GREY", | ||
| "scss": "$token-color-palette-grey", | ||
| "css": "var(--token-color-palette-grey)" | ||
| } | ||
@@ -220,5 +264,5 @@ }, | ||
| }, | ||
| "name": "token-colors-palette-grey-lighten-15", | ||
| "name": "token-color-palette-grey-lighten-15", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "palette", | ||
@@ -228,3 +272,3 @@ "item": "grey-lighten-15" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "palette", | ||
@@ -239,15 +283,15 @@ "grey-lighten-15" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_PALETTE_GREY_LIGHTEN_15", | ||
| "scss": "$token-colors-palette-grey-lighten-15", | ||
| "css": "var(--token-colors-palette-grey-lighten-15)" | ||
| "js": "TOKEN_COLOR_PALETTE_GREY_LIGHTEN_15", | ||
| "scss": "$token-color-palette-grey-lighten-15", | ||
| "css": "var(--token-color-palette-grey-lighten-15)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#6F7A86", | ||
| "value": "#6f7a86", | ||
| "original": { | ||
| "value": "#6F7A86" | ||
| }, | ||
| "name": "token-colors-palette-grey-lighten-35", | ||
| "name": "token-color-palette-grey-lighten-35", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "palette", | ||
@@ -257,3 +301,3 @@ "item": "grey-lighten-35" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "palette", | ||
@@ -268,15 +312,15 @@ "grey-lighten-35" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_PALETTE_GREY_LIGHTEN_35", | ||
| "scss": "$token-colors-palette-grey-lighten-35", | ||
| "css": "var(--token-colors-palette-grey-lighten-35)" | ||
| "js": "TOKEN_COLOR_PALETTE_GREY_LIGHTEN_35", | ||
| "scss": "$token-color-palette-grey-lighten-35", | ||
| "css": "var(--token-color-palette-grey-lighten-35)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#FFFFFF", | ||
| "value": "#ffffff", | ||
| "original": { | ||
| "value": "#FFFFFF" | ||
| }, | ||
| "name": "token-colors-palette-white", | ||
| "name": "token-color-palette-white", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "palette", | ||
@@ -286,3 +330,3 @@ "item": "white" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "palette", | ||
@@ -297,15 +341,15 @@ "white" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_PALETTE_WHITE", | ||
| "scss": "$token-colors-palette-white", | ||
| "css": "var(--token-colors-palette-white)" | ||
| "js": "TOKEN_COLOR_PALETTE_WHITE", | ||
| "scss": "$token-color-palette-white", | ||
| "css": "var(--token-color-palette-white)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#F4F5F6", | ||
| "value": "#f4f5f6", | ||
| "original": { | ||
| "value": "#F4F5F6" | ||
| }, | ||
| "name": "token-colors-palette-white-darken-05", | ||
| "name": "token-color-palette-white-darken-05", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "palette", | ||
@@ -315,3 +359,3 @@ "item": "white-darken-05" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "palette", | ||
@@ -326,15 +370,15 @@ "white-darken-05" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_PALETTE_WHITE_DARKEN_05", | ||
| "scss": "$token-colors-palette-white-darken-05", | ||
| "css": "var(--token-colors-palette-white-darken-05)" | ||
| "js": "TOKEN_COLOR_PALETTE_WHITE_DARKEN_05", | ||
| "scss": "$token-color-palette-white-darken-05", | ||
| "css": "var(--token-color-palette-white-darken-05)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#DEE0E3", | ||
| "value": "#dee0e3", | ||
| "original": { | ||
| "value": "#DEE0E3" | ||
| }, | ||
| "name": "token-colors-palette-white-darken-15", | ||
| "name": "token-color-palette-white-darken-15", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "palette", | ||
@@ -344,3 +388,3 @@ "item": "white-darken-15" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "palette", | ||
@@ -355,15 +399,15 @@ "white-darken-15" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_PALETTE_WHITE_DARKEN_15", | ||
| "scss": "$token-colors-palette-white-darken-15", | ||
| "css": "var(--token-colors-palette-white-darken-15)" | ||
| "js": "TOKEN_COLOR_PALETTE_WHITE_DARKEN_15", | ||
| "scss": "$token-color-palette-white-darken-15", | ||
| "css": "var(--token-color-palette-white-darken-15)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#C7CCD1", | ||
| "value": "#c7ccd1", | ||
| "original": { | ||
| "value": "#C7CCD1" | ||
| }, | ||
| "name": "token-colors-palette-white-darken-25", | ||
| "name": "token-color-palette-white-darken-25", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "palette", | ||
@@ -373,3 +417,3 @@ "item": "white-darken-25" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "palette", | ||
@@ -384,15 +428,15 @@ "white-darken-25" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_PALETTE_WHITE_DARKEN_25", | ||
| "scss": "$token-colors-palette-white-darken-25", | ||
| "css": "var(--token-colors-palette-white-darken-25)" | ||
| "js": "TOKEN_COLOR_PALETTE_WHITE_DARKEN_25", | ||
| "scss": "$token-color-palette-white-darken-25", | ||
| "css": "var(--token-color-palette-white-darken-25)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#74AC41", | ||
| "value": "#74ac41", | ||
| "original": { | ||
| "value": "#74AC41" | ||
| }, | ||
| "name": "token-colors-palette-green", | ||
| "name": "token-color-palette-green", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "palette", | ||
@@ -402,3 +446,3 @@ "item": "green" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "palette", | ||
@@ -413,15 +457,15 @@ "green" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_PALETTE_GREEN", | ||
| "scss": "$token-colors-palette-green", | ||
| "css": "var(--token-colors-palette-green)" | ||
| "js": "TOKEN_COLOR_PALETTE_GREEN", | ||
| "scss": "$token-color-palette-green", | ||
| "css": "var(--token-color-palette-green)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#F6C24E", | ||
| "value": "#f6c24e", | ||
| "original": { | ||
| "value": "#F6C24E" | ||
| }, | ||
| "name": "token-colors-palette-orange", | ||
| "name": "token-color-palette-orange", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "palette", | ||
@@ -431,3 +475,3 @@ "item": "orange" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "palette", | ||
@@ -442,15 +486,15 @@ "orange" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_PALETTE_ORANGE", | ||
| "scss": "$token-colors-palette-orange", | ||
| "css": "var(--token-colors-palette-orange)" | ||
| "js": "TOKEN_COLOR_PALETTE_ORANGE", | ||
| "scss": "$token-color-palette-orange", | ||
| "css": "var(--token-color-palette-orange)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#EB3343", | ||
| "value": "#eb3343", | ||
| "original": { | ||
| "value": "#EB3343" | ||
| }, | ||
| "name": "token-colors-palette-red", | ||
| "name": "token-color-palette-red", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "palette", | ||
@@ -460,3 +504,3 @@ "item": "red" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "palette", | ||
@@ -471,5 +515,5 @@ "red" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_PALETTE_RED", | ||
| "scss": "$token-colors-palette-red", | ||
| "css": "var(--token-colors-palette-red)" | ||
| "js": "TOKEN_COLOR_PALETTE_RED", | ||
| "scss": "$token-color-palette-red", | ||
| "css": "var(--token-color-palette-red)" | ||
| } | ||
@@ -480,7 +524,7 @@ }, | ||
| "original": { | ||
| "value": "{colors.palette.grey.value}" | ||
| "value": "{color.palette.grey.value}" | ||
| }, | ||
| "name": "token-colors-font-base", | ||
| "name": "token-color-font-base", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "font", | ||
@@ -490,3 +534,3 @@ "item": "base" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "font", | ||
@@ -501,15 +545,15 @@ "base" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_FONT_BASE", | ||
| "scss": "$token-colors-font-base", | ||
| "css": "var(--token-colors-font-base)" | ||
| "js": "TOKEN_COLOR_FONT_BASE", | ||
| "scss": "$token-color-font-base", | ||
| "css": "var(--token-color-font-base)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#FFFFFF", | ||
| "value": "#ffffff", | ||
| "original": { | ||
| "value": "{colors.palette.white.value}" | ||
| "value": "{color.palette.white.value}" | ||
| }, | ||
| "name": "token-colors-font-invert", | ||
| "name": "token-color-font-invert", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "font", | ||
@@ -519,3 +563,3 @@ "item": "invert" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "font", | ||
@@ -530,5 +574,5 @@ "invert" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_FONT_INVERT", | ||
| "scss": "$token-colors-font-invert", | ||
| "css": "var(--token-colors-font-invert)" | ||
| "js": "TOKEN_COLOR_FONT_INVERT", | ||
| "scss": "$token-color-font-invert", | ||
| "css": "var(--token-color-font-invert)" | ||
| } | ||
@@ -539,16 +583,16 @@ }, | ||
| "original": { | ||
| "value": "{colors.palette.grey-lighten-15.value}" | ||
| "value": "{color.palette.grey-lighten-15.value}" | ||
| }, | ||
| "name": "token-colors-font-header", | ||
| "name": "token-color-font-headline", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "font", | ||
| "item": "header" | ||
| "item": "headline" | ||
| }, | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "font", | ||
| "header" | ||
| "headline" | ||
| ], | ||
| "title": "Header", | ||
| "title": "Headline", | ||
| "contrast": { | ||
@@ -559,15 +603,15 @@ "ratio": 8.135639021872413, | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_FONT_HEADER", | ||
| "scss": "$token-colors-font-header", | ||
| "css": "var(--token-colors-font-header)" | ||
| "js": "TOKEN_COLOR_FONT_HEADLINE", | ||
| "scss": "$token-color-font-headline", | ||
| "css": "var(--token-color-font-headline)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#046B99", | ||
| "value": "#046b99", | ||
| "original": { | ||
| "value": "{colors.palette.blue.value}" | ||
| "value": "{color.palette.blue.value}" | ||
| }, | ||
| "name": "token-colors-font-brand", | ||
| "name": "token-color-font-brand", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "font", | ||
@@ -577,3 +621,3 @@ "item": "brand" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "font", | ||
@@ -588,15 +632,15 @@ "brand" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_FONT_BRAND", | ||
| "scss": "$token-colors-font-brand", | ||
| "css": "var(--token-colors-font-brand)" | ||
| "js": "TOKEN_COLOR_FONT_BRAND", | ||
| "scss": "$token-color-font-brand", | ||
| "css": "var(--token-color-font-brand)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#6F7A86", | ||
| "value": "#6f7a86", | ||
| "original": { | ||
| "value": "{colors.palette.grey-lighten-35.value}" | ||
| "value": "{color.palette.grey-lighten-35.value}" | ||
| }, | ||
| "name": "token-colors-border-base", | ||
| "name": "token-color-border-base", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "border", | ||
@@ -606,3 +650,3 @@ "item": "base" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "border", | ||
@@ -617,15 +661,15 @@ "base" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_BORDER_BASE", | ||
| "scss": "$token-colors-border-base", | ||
| "css": "var(--token-colors-border-base)" | ||
| "js": "TOKEN_COLOR_BORDER_BASE", | ||
| "scss": "$token-color-border-base", | ||
| "css": "var(--token-color-border-base)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#DEE0E3", | ||
| "value": "#dee0e3", | ||
| "original": { | ||
| "value": "{colors.palette.white-darken-15.value}" | ||
| "value": "{color.palette.white-darken-15.value}" | ||
| }, | ||
| "name": "token-colors-border-divider", | ||
| "name": "token-color-border-divider", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "border", | ||
@@ -635,3 +679,3 @@ "item": "divider" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "border", | ||
@@ -646,15 +690,15 @@ "divider" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_BORDER_DIVIDER", | ||
| "scss": "$token-colors-border-divider", | ||
| "css": "var(--token-colors-border-divider)" | ||
| "js": "TOKEN_COLOR_BORDER_DIVIDER", | ||
| "scss": "$token-color-border-divider", | ||
| "css": "var(--token-color-border-divider)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#FFFFFF", | ||
| "value": "#ffffff", | ||
| "original": { | ||
| "value": "{colors.palette.white.value}" | ||
| "value": "{color.palette.white.value}" | ||
| }, | ||
| "name": "token-colors-background-base", | ||
| "name": "token-color-background-base", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "background", | ||
@@ -664,3 +708,3 @@ "item": "base" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "background", | ||
@@ -675,15 +719,15 @@ "base" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_BACKGROUND_BASE", | ||
| "scss": "$token-colors-background-base", | ||
| "css": "var(--token-colors-background-base)" | ||
| "js": "TOKEN_COLOR_BACKGROUND_BASE", | ||
| "scss": "$token-color-background-base", | ||
| "css": "var(--token-color-background-base)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#F4F5F6", | ||
| "value": "#f4f5f6", | ||
| "original": { | ||
| "value": "{colors.palette.white-darken-05.value}" | ||
| "value": "{color.palette.white-darken-05.value}" | ||
| }, | ||
| "name": "token-colors-background-panel", | ||
| "name": "token-color-background-panel", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "background", | ||
@@ -693,3 +737,3 @@ "item": "panel" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "background", | ||
@@ -704,15 +748,15 @@ "panel" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_BACKGROUND_PANEL", | ||
| "scss": "$token-colors-background-panel", | ||
| "css": "var(--token-colors-background-panel)" | ||
| "js": "TOKEN_COLOR_BACKGROUND_PANEL", | ||
| "scss": "$token-color-background-panel", | ||
| "css": "var(--token-color-background-panel)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#DEE0E3", | ||
| "value": "#dee0e3", | ||
| "original": { | ||
| "value": "{colors.palette.white-darken-15.value}" | ||
| "value": "{color.palette.white-darken-15.value}" | ||
| }, | ||
| "name": "token-colors-background-active", | ||
| "name": "token-color-background-active", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "background", | ||
@@ -722,3 +766,3 @@ "item": "active" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "background", | ||
@@ -733,15 +777,15 @@ "active" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_BACKGROUND_ACTIVE", | ||
| "scss": "$token-colors-background-active", | ||
| "css": "var(--token-colors-background-active)" | ||
| "js": "TOKEN_COLOR_BACKGROUND_ACTIVE", | ||
| "scss": "$token-color-background-active", | ||
| "css": "var(--token-color-background-active)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#E6F0F5", | ||
| "value": "#e6f0f5", | ||
| "original": { | ||
| "value": "{colors.palette.blue-lighten-90.value}" | ||
| "value": "{color.palette.blue-lighten-90.value}" | ||
| }, | ||
| "name": "token-colors-background-hover", | ||
| "name": "token-color-background-hover", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "background", | ||
@@ -751,3 +795,3 @@ "item": "hover" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "background", | ||
@@ -762,15 +806,15 @@ "hover" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_BACKGROUND_HOVER", | ||
| "scss": "$token-colors-background-hover", | ||
| "css": "var(--token-colors-background-hover)" | ||
| "js": "TOKEN_COLOR_BACKGROUND_HOVER", | ||
| "scss": "$token-color-background-hover", | ||
| "css": "var(--token-color-background-hover)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#EB3343", | ||
| "value": "#eb3343", | ||
| "original": { | ||
| "value": "{colors.palette.red.value}" | ||
| "value": "{color.palette.red.value}" | ||
| }, | ||
| "name": "token-colors-status-error", | ||
| "name": "token-color-status-error", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "status", | ||
@@ -780,3 +824,3 @@ "item": "error" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "status", | ||
@@ -791,15 +835,15 @@ "error" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_STATUS_ERROR", | ||
| "scss": "$token-colors-status-error", | ||
| "css": "var(--token-colors-status-error)" | ||
| "js": "TOKEN_COLOR_STATUS_ERROR", | ||
| "scss": "$token-color-status-error", | ||
| "css": "var(--token-color-status-error)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#74AC41", | ||
| "value": "#74ac41", | ||
| "original": { | ||
| "value": "{colors.palette.green.value}" | ||
| "value": "{color.palette.green.value}" | ||
| }, | ||
| "name": "token-colors-status-success", | ||
| "name": "token-color-status-success", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "status", | ||
@@ -809,3 +853,3 @@ "item": "success" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "status", | ||
@@ -820,15 +864,15 @@ "success" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_STATUS_SUCCESS", | ||
| "scss": "$token-colors-status-success", | ||
| "css": "var(--token-colors-status-success)" | ||
| "js": "TOKEN_COLOR_STATUS_SUCCESS", | ||
| "scss": "$token-color-status-success", | ||
| "css": "var(--token-color-status-success)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#3689AD", | ||
| "value": "#3689ad", | ||
| "original": { | ||
| "value": "{colors.palette.blue-lighten-20.value}" | ||
| "value": "{color.palette.blue-lighten-20.value}" | ||
| }, | ||
| "name": "token-colors-status-info", | ||
| "name": "token-color-status-info", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "status", | ||
@@ -838,3 +882,3 @@ "item": "info" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "status", | ||
@@ -849,15 +893,15 @@ "info" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_STATUS_INFO", | ||
| "scss": "$token-colors-status-info", | ||
| "css": "var(--token-colors-status-info)" | ||
| "js": "TOKEN_COLOR_STATUS_INFO", | ||
| "scss": "$token-color-status-info", | ||
| "css": "var(--token-color-status-info)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#F6C24E", | ||
| "value": "#f6c24e", | ||
| "original": { | ||
| "value": "{colors.palette.orange.value}" | ||
| "value": "{color.palette.orange.value}" | ||
| }, | ||
| "name": "token-colors-status-warning", | ||
| "name": "token-color-status-warning", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "status", | ||
@@ -867,3 +911,3 @@ "item": "warning" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "status", | ||
@@ -878,15 +922,15 @@ "warning" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_STATUS_WARNING", | ||
| "scss": "$token-colors-status-warning", | ||
| "css": "var(--token-colors-status-warning)" | ||
| "js": "TOKEN_COLOR_STATUS_WARNING", | ||
| "scss": "$token-color-status-warning", | ||
| "css": "var(--token-color-status-warning)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "#046B99", | ||
| "value": "#046b99", | ||
| "original": { | ||
| "value": "{colors.palette.blue.value}" | ||
| "value": "{color.palette.blue.value}" | ||
| }, | ||
| "name": "token-colors-brand-primary", | ||
| "name": "token-color-brand-primary", | ||
| "attributes": { | ||
| "category": "colors", | ||
| "category": "color", | ||
| "type": "brand", | ||
@@ -896,3 +940,3 @@ "item": "primary" | ||
| "path": [ | ||
| "colors", | ||
| "color", | ||
| "brand", | ||
@@ -907,5 +951,5 @@ "primary" | ||
| "variables": { | ||
| "js": "TOKEN_COLORS_BRAND_PRIMARY", | ||
| "scss": "$token-colors-brand-primary", | ||
| "css": "var(--token-colors-brand-primary)" | ||
| "js": "TOKEN_COLOR_BRAND_PRIMARY", | ||
| "scss": "$token-color-brand-primary", | ||
| "css": "var(--token-color-brand-primary)" | ||
| } | ||
@@ -940,17 +984,17 @@ }, | ||
| }, | ||
| "name": "token-font-header", | ||
| "name": "token-font-headline", | ||
| "attributes": { | ||
| "category": "font", | ||
| "type": "header" | ||
| "type": "headline" | ||
| }, | ||
| "path": [ | ||
| "font", | ||
| "header" | ||
| "headline" | ||
| ], | ||
| "title": "Header", | ||
| "title": "Headline", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_FONT_HEADER", | ||
| "scss": "$token-font-header", | ||
| "css": "var(--token-font-header)" | ||
| "js": "TOKEN_FONT_HEADLINE", | ||
| "scss": "$token-font-headline", | ||
| "css": "var(--token-font-headline)" | ||
| } | ||
@@ -1055,11 +1099,11 @@ }, | ||
| { | ||
| "value": "10px", | ||
| "value": "12px", | ||
| "original": { | ||
| "value": "10px" | ||
| "value": "12px" | ||
| }, | ||
| "name": "token-font-size-x-small", | ||
| "name": "token-font-size-ui-small", | ||
| "attributes": { | ||
| "category": "font", | ||
| "type": "size", | ||
| "item": "x-small" | ||
| "item": "ui-small" | ||
| }, | ||
@@ -1069,22 +1113,22 @@ "path": [ | ||
| "size", | ||
| "x-small" | ||
| "ui-small" | ||
| ], | ||
| "title": "X Small", | ||
| "title": "Ui Small", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_FONT_SIZE_X_SMALL", | ||
| "scss": "$token-font-size-x-small", | ||
| "css": "var(--token-font-size-x-small)" | ||
| "js": "TOKEN_FONT_SIZE_UI_SMALL", | ||
| "scss": "$token-font-size-ui-small", | ||
| "css": "var(--token-font-size-ui-small)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "11px", | ||
| "value": "16px", | ||
| "original": { | ||
| "value": "11px" | ||
| "value": "16px" | ||
| }, | ||
| "name": "token-font-size-small", | ||
| "name": "token-font-size-ui-text", | ||
| "attributes": { | ||
| "category": "font", | ||
| "type": "size", | ||
| "item": "small" | ||
| "item": "ui-text" | ||
| }, | ||
@@ -1094,22 +1138,22 @@ "path": [ | ||
| "size", | ||
| "small" | ||
| "ui-text" | ||
| ], | ||
| "title": "Small", | ||
| "title": "Ui Text", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_FONT_SIZE_SMALL", | ||
| "scss": "$token-font-size-small", | ||
| "css": "var(--token-font-size-small)" | ||
| "js": "TOKEN_FONT_SIZE_UI_TEXT", | ||
| "scss": "$token-font-size-ui-text", | ||
| "css": "var(--token-font-size-ui-text)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "13px", | ||
| "value": "20px", | ||
| "original": { | ||
| "value": "13px" | ||
| "value": "20px" | ||
| }, | ||
| "name": "token-font-size-medium", | ||
| "name": "token-font-size-headline-4", | ||
| "attributes": { | ||
| "category": "font", | ||
| "type": "size", | ||
| "item": "medium" | ||
| "item": "headline-4" | ||
| }, | ||
@@ -1119,22 +1163,22 @@ "path": [ | ||
| "size", | ||
| "medium" | ||
| "headline-4" | ||
| ], | ||
| "title": "Medium", | ||
| "title": "Headline 4", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_FONT_SIZE_MEDIUM", | ||
| "scss": "$token-font-size-medium", | ||
| "css": "var(--token-font-size-medium)" | ||
| "js": "TOKEN_FONT_SIZE_HEADLINE_4", | ||
| "scss": "$token-font-size-headline-4", | ||
| "css": "var(--token-font-size-headline-4)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "15px", | ||
| "value": "24px", | ||
| "original": { | ||
| "value": "15px" | ||
| "value": "24px" | ||
| }, | ||
| "name": "token-font-size-large", | ||
| "name": "token-font-size-headline-3", | ||
| "attributes": { | ||
| "category": "font", | ||
| "type": "size", | ||
| "item": "large" | ||
| "item": "headline-3" | ||
| }, | ||
@@ -1144,22 +1188,22 @@ "path": [ | ||
| "size", | ||
| "large" | ||
| "headline-3" | ||
| ], | ||
| "title": "Large", | ||
| "title": "Headline 3", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_FONT_SIZE_LARGE", | ||
| "scss": "$token-font-size-large", | ||
| "css": "var(--token-font-size-large)" | ||
| "js": "TOKEN_FONT_SIZE_HEADLINE_3", | ||
| "scss": "$token-font-size-headline-3", | ||
| "css": "var(--token-font-size-headline-3)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "18px", | ||
| "value": "36px", | ||
| "original": { | ||
| "value": "18px" | ||
| "value": "36px" | ||
| }, | ||
| "name": "token-font-size-x-large", | ||
| "name": "token-font-size-headline-2", | ||
| "attributes": { | ||
| "category": "font", | ||
| "type": "size", | ||
| "item": "x-large" | ||
| "item": "headline-2" | ||
| }, | ||
@@ -1169,22 +1213,22 @@ "path": [ | ||
| "size", | ||
| "x-large" | ||
| "headline-2" | ||
| ], | ||
| "title": "X Large", | ||
| "title": "Headline 2", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_FONT_SIZE_X_LARGE", | ||
| "scss": "$token-font-size-x-large", | ||
| "css": "var(--token-font-size-x-large)" | ||
| "js": "TOKEN_FONT_SIZE_HEADLINE_2", | ||
| "scss": "$token-font-size-headline-2", | ||
| "css": "var(--token-font-size-headline-2)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "20px", | ||
| "value": "48px", | ||
| "original": { | ||
| "value": "20px" | ||
| "value": "48px" | ||
| }, | ||
| "name": "token-font-size-xx-large", | ||
| "name": "token-font-size-headline-1", | ||
| "attributes": { | ||
| "category": "font", | ||
| "type": "size", | ||
| "item": "xx-large" | ||
| "item": "headline-1" | ||
| }, | ||
@@ -1194,22 +1238,22 @@ "path": [ | ||
| "size", | ||
| "xx-large" | ||
| "headline-1" | ||
| ], | ||
| "title": "Xx Large", | ||
| "title": "Headline 1", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_FONT_SIZE_XX_LARGE", | ||
| "scss": "$token-font-size-xx-large", | ||
| "css": "var(--token-font-size-xx-large)" | ||
| "js": "TOKEN_FONT_SIZE_HEADLINE_1", | ||
| "scss": "$token-font-size-headline-1", | ||
| "css": "var(--token-font-size-headline-1)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "56px", | ||
| "value": "72px", | ||
| "original": { | ||
| "value": "56px" | ||
| "value": "72px" | ||
| }, | ||
| "name": "token-font-size-xxx-large", | ||
| "name": "token-font-size-headline-large", | ||
| "attributes": { | ||
| "category": "font", | ||
| "type": "size", | ||
| "item": "xxx-large" | ||
| "item": "headline-large" | ||
| }, | ||
@@ -1219,22 +1263,22 @@ "path": [ | ||
| "size", | ||
| "xxx-large" | ||
| "headline-large" | ||
| ], | ||
| "title": "Xxx Large", | ||
| "title": "Headline Large", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_FONT_SIZE_XXX_LARGE", | ||
| "scss": "$token-font-size-xxx-large", | ||
| "css": "var(--token-font-size-xxx-large)" | ||
| "js": "TOKEN_FONT_SIZE_HEADLINE_LARGE", | ||
| "scss": "$token-font-size-headline-large", | ||
| "css": "var(--token-font-size-headline-large)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "16px", | ||
| "value": "1.5em", | ||
| "original": { | ||
| "value": "16px" | ||
| "value": "1.5em" | ||
| }, | ||
| "name": "token-line-height-x-small", | ||
| "name": "token-line-height-ui-small", | ||
| "attributes": { | ||
| "category": "line", | ||
| "type": "height", | ||
| "item": "x-small" | ||
| "item": "ui-small" | ||
| }, | ||
@@ -1244,22 +1288,22 @@ "path": [ | ||
| "height", | ||
| "x-small" | ||
| "ui-small" | ||
| ], | ||
| "title": "X Small", | ||
| "title": "Ui Small", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_LINE_HEIGHT_X_SMALL", | ||
| "scss": "$token-line-height-x-small", | ||
| "css": "var(--token-line-height-x-small)" | ||
| "js": "TOKEN_LINE_HEIGHT_UI_SMALL", | ||
| "scss": "$token-line-height-ui-small", | ||
| "css": "var(--token-line-height-ui-small)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "16px", | ||
| "value": "1.5em", | ||
| "original": { | ||
| "value": "16px" | ||
| "value": "1.5em" | ||
| }, | ||
| "name": "token-line-height-small", | ||
| "name": "token-line-height-ui-text", | ||
| "attributes": { | ||
| "category": "line", | ||
| "type": "height", | ||
| "item": "small" | ||
| "item": "ui-text" | ||
| }, | ||
@@ -1269,22 +1313,22 @@ "path": [ | ||
| "height", | ||
| "small" | ||
| "ui-text" | ||
| ], | ||
| "title": "Small", | ||
| "title": "Ui Text", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_LINE_HEIGHT_SMALL", | ||
| "scss": "$token-line-height-small", | ||
| "css": "var(--token-line-height-small)" | ||
| "js": "TOKEN_LINE_HEIGHT_UI_TEXT", | ||
| "scss": "$token-line-height-ui-text", | ||
| "css": "var(--token-line-height-ui-text)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "20px", | ||
| "value": "1.5em", | ||
| "original": { | ||
| "value": "20px" | ||
| "value": "1.5em" | ||
| }, | ||
| "name": "token-line-height-medium", | ||
| "name": "token-line-height-headline-4", | ||
| "attributes": { | ||
| "category": "line", | ||
| "type": "height", | ||
| "item": "medium" | ||
| "item": "headline-4" | ||
| }, | ||
@@ -1294,22 +1338,22 @@ "path": [ | ||
| "height", | ||
| "medium" | ||
| "headline-4" | ||
| ], | ||
| "title": "Medium", | ||
| "title": "Headline 4", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_LINE_HEIGHT_MEDIUM", | ||
| "scss": "$token-line-height-medium", | ||
| "css": "var(--token-line-height-medium)" | ||
| "js": "TOKEN_LINE_HEIGHT_HEADLINE_4", | ||
| "scss": "$token-line-height-headline-4", | ||
| "css": "var(--token-line-height-headline-4)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "23px", | ||
| "value": "1.4em", | ||
| "original": { | ||
| "value": "23px" | ||
| "value": "1.4em" | ||
| }, | ||
| "name": "token-line-height-large", | ||
| "name": "token-line-height-headline-3", | ||
| "attributes": { | ||
| "category": "line", | ||
| "type": "height", | ||
| "item": "large" | ||
| "item": "headline-3" | ||
| }, | ||
@@ -1319,22 +1363,22 @@ "path": [ | ||
| "height", | ||
| "large" | ||
| "headline-3" | ||
| ], | ||
| "title": "Large", | ||
| "title": "Headline 3", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_LINE_HEIGHT_LARGE", | ||
| "scss": "$token-line-height-large", | ||
| "css": "var(--token-line-height-large)" | ||
| "js": "TOKEN_LINE_HEIGHT_HEADLINE_3", | ||
| "scss": "$token-line-height-headline-3", | ||
| "css": "var(--token-line-height-headline-3)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "28px", | ||
| "value": "1.3em", | ||
| "original": { | ||
| "value": "28px" | ||
| "value": "1.3em" | ||
| }, | ||
| "name": "token-line-height-x-large", | ||
| "name": "token-line-height-headline-2", | ||
| "attributes": { | ||
| "category": "line", | ||
| "type": "height", | ||
| "item": "x-large" | ||
| "item": "headline-2" | ||
| }, | ||
@@ -1344,22 +1388,22 @@ "path": [ | ||
| "height", | ||
| "x-large" | ||
| "headline-2" | ||
| ], | ||
| "title": "X Large", | ||
| "title": "Headline 2", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_LINE_HEIGHT_X_LARGE", | ||
| "scss": "$token-line-height-x-large", | ||
| "css": "var(--token-line-height-x-large)" | ||
| "js": "TOKEN_LINE_HEIGHT_HEADLINE_2", | ||
| "scss": "$token-line-height-headline-2", | ||
| "css": "var(--token-line-height-headline-2)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "30px", | ||
| "value": "1.2em", | ||
| "original": { | ||
| "value": "30px" | ||
| "value": "1.2em" | ||
| }, | ||
| "name": "token-line-height-xx-large", | ||
| "name": "token-line-height-headline-1", | ||
| "attributes": { | ||
| "category": "line", | ||
| "type": "height", | ||
| "item": "xx-large" | ||
| "item": "headline-1" | ||
| }, | ||
@@ -1369,22 +1413,22 @@ "path": [ | ||
| "height", | ||
| "xx-large" | ||
| "headline-1" | ||
| ], | ||
| "title": "Xx Large", | ||
| "title": "Headline 1", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_LINE_HEIGHT_XX_LARGE", | ||
| "scss": "$token-line-height-xx-large", | ||
| "css": "var(--token-line-height-xx-large)" | ||
| "js": "TOKEN_LINE_HEIGHT_HEADLINE_1", | ||
| "scss": "$token-line-height-headline-1", | ||
| "css": "var(--token-line-height-headline-1)" | ||
| } | ||
| }, | ||
| { | ||
| "value": "84px", | ||
| "value": "1.2em", | ||
| "original": { | ||
| "value": "84px" | ||
| "value": "1.2em" | ||
| }, | ||
| "name": "token-line-height-xxx-large", | ||
| "name": "token-line-height-headline-large", | ||
| "attributes": { | ||
| "category": "line", | ||
| "type": "height", | ||
| "item": "xxx-large" | ||
| "item": "headline-large" | ||
| }, | ||
@@ -1394,10 +1438,10 @@ "path": [ | ||
| "height", | ||
| "xxx-large" | ||
| "headline-large" | ||
| ], | ||
| "title": "Xxx Large", | ||
| "title": "Headline Large", | ||
| "contrast": {}, | ||
| "variables": { | ||
| "js": "TOKEN_LINE_HEIGHT_XXX_LARGE", | ||
| "scss": "$token-line-height-xxx-large", | ||
| "css": "var(--token-line-height-xxx-large)" | ||
| "js": "TOKEN_LINE_HEIGHT_HEADLINE_LARGE", | ||
| "scss": "$token-line-height-headline-large", | ||
| "css": "var(--token-line-height-headline-large)" | ||
| } | ||
@@ -1428,5 +1472,5 @@ }, | ||
| { | ||
| "value": "calc(8px / 4)", | ||
| "value": "2px", | ||
| "original": { | ||
| "value": "calc({space.unit.value} / 4)" | ||
| "value": "2px" | ||
| }, | ||
@@ -1451,5 +1495,5 @@ "name": "token-space-xxx-small", | ||
| { | ||
| "value": "calc(8px / 2)", | ||
| "value": "4px", | ||
| "original": { | ||
| "value": "calc({space.unit.value} / 2)" | ||
| "value": "4px" | ||
| }, | ||
@@ -1476,3 +1520,3 @@ "name": "token-space-xx-small", | ||
| "original": { | ||
| "value": "{space.unit.value}" | ||
| "value": "8px" | ||
| }, | ||
@@ -1497,5 +1541,5 @@ "name": "token-space-x-small", | ||
| { | ||
| "value": "calc(8px * 1.5)", | ||
| "value": "12px", | ||
| "original": { | ||
| "value": "calc({space.unit.value} * 1.5)" | ||
| "value": "12px" | ||
| }, | ||
@@ -1520,5 +1564,5 @@ "name": "token-space-small", | ||
| { | ||
| "value": "calc(8px * 2)", | ||
| "value": "16px", | ||
| "original": { | ||
| "value": "calc({space.unit.value} * 2)" | ||
| "value": "16px" | ||
| }, | ||
@@ -1543,5 +1587,5 @@ "name": "token-space-medium", | ||
| { | ||
| "value": "calc(8px * 2.5)", | ||
| "value": "20px", | ||
| "original": { | ||
| "value": "calc({space.unit.value} * 2.5)" | ||
| "value": "20px" | ||
| }, | ||
@@ -1566,5 +1610,5 @@ "name": "token-space-large", | ||
| { | ||
| "value": "calc(8px * 3.5)", | ||
| "value": "28px", | ||
| "original": { | ||
| "value": "calc({space.unit.value} * 3.5)" | ||
| "value": "28px" | ||
| }, | ||
@@ -1589,5 +1633,5 @@ "name": "token-space-x-large", | ||
| { | ||
| "value": "calc(8px * 4.5)", | ||
| "value": "36px", | ||
| "original": { | ||
| "value": "calc({space.unit.value} * 4.5)" | ||
| "value": "36px" | ||
| }, | ||
@@ -1612,5 +1656,5 @@ "name": "token-space-xx-large", | ||
| { | ||
| "value": "calc(8px * 6)", | ||
| "value": "48px", | ||
| "original": { | ||
| "value": "calc({space.unit.value} * 6)" | ||
| "value": "48px" | ||
| }, | ||
@@ -1617,0 +1661,0 @@ "name": "token-space-xxx-large", |
| /** | ||
| * Do not edit directly | ||
| * Generated on Wed, 21 Oct 2020 13:55:33 GMT | ||
| * Generated on Thu, 29 Oct 2020 11:38:52 GMT | ||
| */ | ||
@@ -9,33 +9,35 @@ | ||
| export const TOKEN_BORDER_RADIUS_LARGE = "8px"; | ||
| export const TOKEN_COLORS_PALETTE_BLUE = "#046B99"; | ||
| export const TOKEN_COLORS_PALETTE_BLUE_DARKEN_20 = "#03567A"; | ||
| export const TOKEN_COLORS_PALETTE_BLUE_LIGHTEN_20 = "#3689AD"; | ||
| export const TOKEN_COLORS_PALETTE_BLUE_LIGHTEN_90 = "#E6F0F5"; | ||
| export const TOKEN_COLORS_PALETTE_GREY = "#213245"; | ||
| export const TOKEN_COLORS_PALETTE_GREY_LIGHTEN_15 = "#425161"; | ||
| export const TOKEN_COLORS_PALETTE_GREY_LIGHTEN_35 = "#6F7A86"; | ||
| export const TOKEN_COLORS_PALETTE_WHITE = "#FFFFFF"; | ||
| export const TOKEN_COLORS_PALETTE_WHITE_DARKEN_05 = "#F4F5F6"; | ||
| export const TOKEN_COLORS_PALETTE_WHITE_DARKEN_15 = "#DEE0E3"; | ||
| export const TOKEN_COLORS_PALETTE_WHITE_DARKEN_25 = "#C7CCD1"; | ||
| export const TOKEN_COLORS_PALETTE_GREEN = "#74AC41"; | ||
| export const TOKEN_COLORS_PALETTE_ORANGE = "#F6C24E"; | ||
| export const TOKEN_COLORS_PALETTE_RED = "#EB3343"; | ||
| export const TOKEN_COLORS_FONT_BASE = "#213245"; | ||
| export const TOKEN_COLORS_FONT_INVERT = "#FFFFFF"; | ||
| export const TOKEN_COLORS_FONT_HEADER = "#425161"; | ||
| export const TOKEN_COLORS_FONT_BRAND = "#046B99"; | ||
| export const TOKEN_COLORS_BORDER_BASE = "#6F7A86"; | ||
| export const TOKEN_COLORS_BORDER_DIVIDER = "#DEE0E3"; | ||
| export const TOKEN_COLORS_BACKGROUND_BASE = "#FFFFFF"; | ||
| export const TOKEN_COLORS_BACKGROUND_PANEL = "#F4F5F6"; | ||
| export const TOKEN_COLORS_BACKGROUND_ACTIVE = "#DEE0E3"; | ||
| export const TOKEN_COLORS_BACKGROUND_HOVER = "#E6F0F5"; | ||
| export const TOKEN_COLORS_STATUS_ERROR = "#EB3343"; | ||
| export const TOKEN_COLORS_STATUS_SUCCESS = "#74AC41"; | ||
| export const TOKEN_COLORS_STATUS_INFO = "#3689AD"; | ||
| export const TOKEN_COLORS_STATUS_WARNING = "#F6C24E"; | ||
| export const TOKEN_COLORS_BRAND_PRIMARY = "#046B99"; | ||
| export const TOKEN_BORDER_RADIUS_BASE = "4px"; | ||
| export const TOKEN_BOX_SHADOW_PANEL = "0px 8px 20px rgba(0, 0, 0, 0.05)"; | ||
| export const TOKEN_COLOR_PALETTE_BLUE = "#046B99"; | ||
| export const TOKEN_COLOR_PALETTE_BLUE_DARKEN_20 = "#03567A"; | ||
| export const TOKEN_COLOR_PALETTE_BLUE_LIGHTEN_20 = "#3689AD"; | ||
| export const TOKEN_COLOR_PALETTE_BLUE_LIGHTEN_90 = "#E6F0F5"; | ||
| export const TOKEN_COLOR_PALETTE_GREY = "#213245"; | ||
| export const TOKEN_COLOR_PALETTE_GREY_LIGHTEN_15 = "#425161"; | ||
| export const TOKEN_COLOR_PALETTE_GREY_LIGHTEN_35 = "#6F7A86"; | ||
| export const TOKEN_COLOR_PALETTE_WHITE = "#FFFFFF"; | ||
| export const TOKEN_COLOR_PALETTE_WHITE_DARKEN_05 = "#F4F5F6"; | ||
| export const TOKEN_COLOR_PALETTE_WHITE_DARKEN_15 = "#DEE0E3"; | ||
| export const TOKEN_COLOR_PALETTE_WHITE_DARKEN_25 = "#C7CCD1"; | ||
| export const TOKEN_COLOR_PALETTE_GREEN = "#74AC41"; | ||
| export const TOKEN_COLOR_PALETTE_ORANGE = "#F6C24E"; | ||
| export const TOKEN_COLOR_PALETTE_RED = "#EB3343"; | ||
| export const TOKEN_COLOR_FONT_BASE = "#213245"; | ||
| export const TOKEN_COLOR_FONT_INVERT = "#FFFFFF"; | ||
| export const TOKEN_COLOR_FONT_HEADLINE = "#425161"; | ||
| export const TOKEN_COLOR_FONT_BRAND = "#046B99"; | ||
| export const TOKEN_COLOR_BORDER_BASE = "#6F7A86"; | ||
| export const TOKEN_COLOR_BORDER_DIVIDER = "#DEE0E3"; | ||
| export const TOKEN_COLOR_BACKGROUND_BASE = "#FFFFFF"; | ||
| export const TOKEN_COLOR_BACKGROUND_PANEL = "#F4F5F6"; | ||
| export const TOKEN_COLOR_BACKGROUND_ACTIVE = "#DEE0E3"; | ||
| export const TOKEN_COLOR_BACKGROUND_HOVER = "#E6F0F5"; | ||
| export const TOKEN_COLOR_STATUS_ERROR = "#EB3343"; | ||
| export const TOKEN_COLOR_STATUS_SUCCESS = "#74AC41"; | ||
| export const TOKEN_COLOR_STATUS_INFO = "#3689AD"; | ||
| export const TOKEN_COLOR_STATUS_WARNING = "#F6C24E"; | ||
| export const TOKEN_COLOR_BRAND_PRIMARY = "#046B99"; | ||
| export const TOKEN_FONT_TEXT = "-apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"; | ||
| export const TOKEN_FONT_HEADER = "'Poppins', -apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"; | ||
| export const TOKEN_FONT_HEADLINE = "'Poppins', -apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'"; | ||
| export const TOKEN_FONT_WEIGHT_REGULAR = 400; | ||
@@ -45,26 +47,26 @@ export const TOKEN_FONT_WEIGHT_MEDIUM = 500; | ||
| export const TOKEN_FONT_WEIGHT_BOLD = 800; | ||
| export const TOKEN_FONT_SIZE_X_SMALL = "10px"; | ||
| export const TOKEN_FONT_SIZE_SMALL = "11px"; | ||
| export const TOKEN_FONT_SIZE_MEDIUM = "13px"; | ||
| export const TOKEN_FONT_SIZE_LARGE = "15px"; | ||
| export const TOKEN_FONT_SIZE_X_LARGE = "18px"; | ||
| export const TOKEN_FONT_SIZE_XX_LARGE = "20px"; | ||
| export const TOKEN_FONT_SIZE_XXX_LARGE = "56px"; | ||
| export const TOKEN_LINE_HEIGHT_X_SMALL = "16px"; | ||
| export const TOKEN_LINE_HEIGHT_SMALL = "16px"; | ||
| export const TOKEN_LINE_HEIGHT_MEDIUM = "20px"; | ||
| export const TOKEN_LINE_HEIGHT_LARGE = "23px"; | ||
| export const TOKEN_LINE_HEIGHT_X_LARGE = "28px"; | ||
| export const TOKEN_LINE_HEIGHT_XX_LARGE = "30px"; | ||
| export const TOKEN_LINE_HEIGHT_XXX_LARGE = "84px"; | ||
| export const TOKEN_FONT_SIZE_UI_SMALL = "12px"; | ||
| export const TOKEN_FONT_SIZE_UI_TEXT = "16px"; | ||
| export const TOKEN_FONT_SIZE_HEADLINE_4 = "20px"; | ||
| export const TOKEN_FONT_SIZE_HEADLINE_3 = "24px"; | ||
| export const TOKEN_FONT_SIZE_HEADLINE_2 = "36px"; | ||
| export const TOKEN_FONT_SIZE_HEADLINE_1 = "48px"; | ||
| export const TOKEN_FONT_SIZE_HEADLINE_LARGE = "72px"; | ||
| export const TOKEN_LINE_HEIGHT_UI_SMALL = "1.5em"; | ||
| export const TOKEN_LINE_HEIGHT_UI_TEXT = "1.5em"; | ||
| export const TOKEN_LINE_HEIGHT_HEADLINE_4 = "1.5em"; | ||
| export const TOKEN_LINE_HEIGHT_HEADLINE_3 = "1.4em"; | ||
| export const TOKEN_LINE_HEIGHT_HEADLINE_2 = "1.3em"; | ||
| export const TOKEN_LINE_HEIGHT_HEADLINE_1 = "1.2em"; | ||
| export const TOKEN_LINE_HEIGHT_HEADLINE_LARGE = "1.2em"; | ||
| export const TOKEN_SPACE_UNIT = "8px"; | ||
| export const TOKEN_SPACE_XXX_SMALL = "calc(8px / 4)"; | ||
| export const TOKEN_SPACE_XX_SMALL = "calc(8px / 2)"; | ||
| export const TOKEN_SPACE_XXX_SMALL = "2px"; | ||
| export const TOKEN_SPACE_XX_SMALL = "4px"; | ||
| export const TOKEN_SPACE_X_SMALL = "8px"; | ||
| export const TOKEN_SPACE_SMALL = "calc(8px * 1.5)"; | ||
| export const TOKEN_SPACE_MEDIUM = "calc(8px * 2)"; | ||
| export const TOKEN_SPACE_LARGE = "calc(8px * 2.5)"; | ||
| export const TOKEN_SPACE_X_LARGE = "calc(8px * 3.5)"; | ||
| export const TOKEN_SPACE_XX_LARGE = "calc(8px * 4.5)"; | ||
| export const TOKEN_SPACE_XXX_LARGE = "calc(8px * 6)"; | ||
| export const TOKEN_SPACE_SMALL = "12px"; | ||
| export const TOKEN_SPACE_MEDIUM = "16px"; | ||
| export const TOKEN_SPACE_LARGE = "20px"; | ||
| export const TOKEN_SPACE_X_LARGE = "28px"; | ||
| export const TOKEN_SPACE_XX_LARGE = "36px"; | ||
| export const TOKEN_SPACE_XXX_LARGE = "48px"; | ||
| export const TOKEN_TRANSITION_EASE_FUNC = "cubic-bezier(0.4, 0, 0.2, 1)"; | ||
@@ -71,0 +73,0 @@ export const TOKEN_TRANSITION_INSTANT = "0ms ease"; |
@@ -5,33 +5,35 @@ { | ||
| "token-border-radius-large": "8px", | ||
| "token-colors-palette-blue": "#046B99", | ||
| "token-colors-palette-blue-darken-20": "#03567A", | ||
| "token-colors-palette-blue-lighten-20": "#3689AD", | ||
| "token-colors-palette-blue-lighten-90": "#E6F0F5", | ||
| "token-colors-palette-grey": "#213245", | ||
| "token-colors-palette-grey-lighten-15": "#425161", | ||
| "token-colors-palette-grey-lighten-35": "#6F7A86", | ||
| "token-colors-palette-white": "#FFFFFF", | ||
| "token-colors-palette-white-darken-05": "#F4F5F6", | ||
| "token-colors-palette-white-darken-15": "#DEE0E3", | ||
| "token-colors-palette-white-darken-25": "#C7CCD1", | ||
| "token-colors-palette-green": "#74AC41", | ||
| "token-colors-palette-orange": "#F6C24E", | ||
| "token-colors-palette-red": "#EB3343", | ||
| "token-colors-font-base": "#213245", | ||
| "token-colors-font-invert": "#FFFFFF", | ||
| "token-colors-font-header": "#425161", | ||
| "token-colors-font-brand": "#046B99", | ||
| "token-colors-border-base": "#6F7A86", | ||
| "token-colors-border-divider": "#DEE0E3", | ||
| "token-colors-background-base": "#FFFFFF", | ||
| "token-colors-background-panel": "#F4F5F6", | ||
| "token-colors-background-active": "#DEE0E3", | ||
| "token-colors-background-hover": "#E6F0F5", | ||
| "token-colors-status-error": "#EB3343", | ||
| "token-colors-status-success": "#74AC41", | ||
| "token-colors-status-info": "#3689AD", | ||
| "token-colors-status-warning": "#F6C24E", | ||
| "token-colors-brand-primary": "#046B99", | ||
| "token-border-radius-base": "4px", | ||
| "token-box-shadow-panel": "0px 8px 20px rgba(0, 0, 0, 0.05)", | ||
| "token-color-palette-blue": "#046b99", | ||
| "token-color-palette-blue-darken-20": "#03567a", | ||
| "token-color-palette-blue-lighten-20": "#3689ad", | ||
| "token-color-palette-blue-lighten-90": "#e6f0f5", | ||
| "token-color-palette-grey": "#213245", | ||
| "token-color-palette-grey-lighten-15": "#425161", | ||
| "token-color-palette-grey-lighten-35": "#6f7a86", | ||
| "token-color-palette-white": "#ffffff", | ||
| "token-color-palette-white-darken-05": "#f4f5f6", | ||
| "token-color-palette-white-darken-15": "#dee0e3", | ||
| "token-color-palette-white-darken-25": "#c7ccd1", | ||
| "token-color-palette-green": "#74ac41", | ||
| "token-color-palette-orange": "#f6c24e", | ||
| "token-color-palette-red": "#eb3343", | ||
| "token-color-font-base": "#213245", | ||
| "token-color-font-invert": "#ffffff", | ||
| "token-color-font-headline": "#425161", | ||
| "token-color-font-brand": "#046b99", | ||
| "token-color-border-base": "#6f7a86", | ||
| "token-color-border-divider": "#dee0e3", | ||
| "token-color-background-base": "#ffffff", | ||
| "token-color-background-panel": "#f4f5f6", | ||
| "token-color-background-active": "#dee0e3", | ||
| "token-color-background-hover": "#e6f0f5", | ||
| "token-color-status-error": "#eb3343", | ||
| "token-color-status-success": "#74ac41", | ||
| "token-color-status-info": "#3689ad", | ||
| "token-color-status-warning": "#f6c24e", | ||
| "token-color-brand-primary": "#046b99", | ||
| "token-font-text": "-apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'", | ||
| "token-font-header": "'Poppins', -apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'", | ||
| "token-font-headline": "'Poppins', -apple-system, 'San Francisco', 'Helvetica Neue', 'Segoe WP', 'Segoe UI', Roboto, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'", | ||
| "token-font-weight-regular": 400, | ||
@@ -41,26 +43,26 @@ "token-font-weight-medium": 500, | ||
| "token-font-weight-bold": 800, | ||
| "token-font-size-x-small": "10px", | ||
| "token-font-size-small": "11px", | ||
| "token-font-size-medium": "13px", | ||
| "token-font-size-large": "15px", | ||
| "token-font-size-x-large": "18px", | ||
| "token-font-size-xx-large": "20px", | ||
| "token-font-size-xxx-large": "56px", | ||
| "token-line-height-x-small": "16px", | ||
| "token-line-height-small": "16px", | ||
| "token-line-height-medium": "20px", | ||
| "token-line-height-large": "23px", | ||
| "token-line-height-x-large": "28px", | ||
| "token-line-height-xx-large": "30px", | ||
| "token-line-height-xxx-large": "84px", | ||
| "token-font-size-ui-small": "12px", | ||
| "token-font-size-ui-text": "16px", | ||
| "token-font-size-headline-4": "20px", | ||
| "token-font-size-headline-3": "24px", | ||
| "token-font-size-headline-2": "36px", | ||
| "token-font-size-headline-1": "48px", | ||
| "token-font-size-headline-large": "72px", | ||
| "token-line-height-ui-small": "1.5em", | ||
| "token-line-height-ui-text": "1.5em", | ||
| "token-line-height-headline-4": "1.5em", | ||
| "token-line-height-headline-3": "1.4em", | ||
| "token-line-height-headline-2": "1.3em", | ||
| "token-line-height-headline-1": "1.2em", | ||
| "token-line-height-headline-large": "1.2em", | ||
| "token-space-unit": "8px", | ||
| "token-space-xxx-small": "calc(8px / 4)", | ||
| "token-space-xx-small": "calc(8px / 2)", | ||
| "token-space-xxx-small": "2px", | ||
| "token-space-xx-small": "4px", | ||
| "token-space-x-small": "8px", | ||
| "token-space-small": "calc(8px * 1.5)", | ||
| "token-space-medium": "calc(8px * 2)", | ||
| "token-space-large": "calc(8px * 2.5)", | ||
| "token-space-x-large": "calc(8px * 3.5)", | ||
| "token-space-xx-large": "calc(8px * 4.5)", | ||
| "token-space-xxx-large": "calc(8px * 6)", | ||
| "token-space-small": "12px", | ||
| "token-space-medium": "16px", | ||
| "token-space-large": "20px", | ||
| "token-space-x-large": "28px", | ||
| "token-space-xx-large": "36px", | ||
| "token-space-xxx-large": "48px", | ||
| "token-transition-ease-func": "cubic-bezier(0.4, 0, 0.2, 1)", | ||
@@ -67,0 +69,0 @@ "token-transition-instant": "0ms ease", |
| { | ||
| "name": "@ebot7/edem-tokens", | ||
| "version": "0.3.0", | ||
| "version": "0.4.0", | ||
| "main": "index.js", | ||
@@ -23,3 +23,3 @@ "files": [ | ||
| }, | ||
| "gitHead": "749c856cc66560a964acf8557ee71115009f1ada" | ||
| "gitHead": "7e63f7c6befdeedfa714c5af885edf4d8d8a27e2" | ||
| } |
| # Basic Style Dictionary | ||
| This example code is bare-bones to show you what this framework can do. If you have the style-dictionary module installed globally, you can `cd` into this directory and run: | ||
| ```bash | ||
@@ -9,2 +10,3 @@ style-dictionary build | ||
| You should see something like this output: | ||
| ``` | ||
@@ -23,3 +25,3 @@ Copying starter files... | ||
| ✔︎ build/android/font_dimens.xml | ||
| ✔︎ build/android/colors.xml | ||
| ✔︎ build/android/color.xml | ||
@@ -41,2 +43,3 @@ ios | ||
| Good for you! You have now built your first style dictionary! Moving on, take a look at what we have built. This should have created a build directory and it should look like this: | ||
| ``` | ||
@@ -54,3 +57,3 @@ ├── README.md | ||
| │ ├── font_dimens.xml | ||
| │ ├── colors.xml | ||
| │ ├── color.xml | ||
| │ ├── scss/ | ||
@@ -72,2 +75,3 @@ │ ├── _variables.scss | ||
| **Android** | ||
| ```xml | ||
@@ -82,3 +86,3 @@ <!-- font_dimens.xml --> | ||
| <!-- colors.xml --> | ||
| <!-- color.xml --> | ||
| <resources> | ||
@@ -97,2 +101,3 @@ <color name="color_base_gray_light">#ffcccccc</color> | ||
| **SCSS** | ||
| ```scss | ||
@@ -115,2 +120,3 @@ // variables.scss | ||
| **iOS** | ||
| ```objc | ||
@@ -149,2 +155,3 @@ #import "StyleDictionaryColor.h" | ||
| Pretty nifty! This shows a few things happening: | ||
| 1. The build system does a deep merge of all the property JSON files defined in the `source` attribute of `config.json`. This allows you to split up the property JSON files however you want. There are 2 JSON files with `color` as the top level key, but they get merged properly. | ||
@@ -151,0 +158,0 @@ 1. The build system resolves references to other style properties. `{size.font.medium.value}` gets resolved properly. |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by3.71%
69129
- Lines of code
- increased by2.31%
2217
- Number of lines in readme file
- increased by4.67%
157
No dependency changes