New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@quadient/design-tokens

Package Overview
Dependencies
Maintainers
3
Versions
22
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@quadient/design-tokens - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

src/legacyTheme/font.json
src/sizing.json

133

build/js/variables.js
/**
* Do not edit directly
* Generated on Mon, 29 Mar 2021 10:51:03 GMT
* Generated on Fri, 30 Apr 2021 10:24:06 GMT
*/

@@ -54,4 +54,5 @@

export const ColorBgInteractive400Pressed = "#dbdbdb";
export const ColorBgTab = "rgba(33, 33, 33, 0.08)";
export const ColorBgTabHover = "rgba(33, 33, 33, 0)";
export const ColorBgTab = "rgba(33, 33, 33, 0)";
export const ColorBgTabHover = "rgba(33, 33, 33, 0.08)";
export const ColorBgTabPressed = "rgba(33, 33, 33, 0.16)";
export const ColorBgTabSelected = "rgba(33, 33, 33, 0)";

@@ -113,2 +114,8 @@ export const ColorBgInput = "#ffffff";

export const ColorChartGrey300 = "#565656";
export const ColorChartAmethystViolet500 = "#994cf2";
export const ColorChartAmethystViolet300 = "#b985f6";
export const ColorChartLavenderViolet500 = "#7462e9";
export const ColorChartLavenderViolet300 = "#a094f0";
export const ColorChartDarkBlue500 = "#2a76d7";
export const ColorChartDarkBlue300 = "#6ea2e4";
export const ColorChartAdvancedTurquoise500 = "#12b39a";

@@ -253,4 +260,4 @@ export const ColorChartAdvancedTurquoise300 = "#5ecbba";

export const BorderWidthNone = 0;
export const FontBodyFontFamily = "'Open Sans', sans-serif";
export const FontBodySize = 13;
export const FontBodyFontFamily = "'Rubik', sans-serif";
export const FontBodySize = 14;
export const FontBodyLineHeight = "20px";

@@ -261,9 +268,9 @@ export const FontBodyWeight = 400;

export const FontBodyTextTransform = "none";
export const FontCaptionFontFamily = "'Open Sans', sans-serif";
export const FontCaptionSize = 12;
export const FontCaptionLineHeight = "20px";
export const FontCaptionWeight = 400;
export const FontCaptionFontStyle = "normal";
export const FontCaptionLetterSpacing = 0;
export const FontCaptionTextTransform = "none";
export const FontLabelFontFamily = "'Rubik', sans-serif";
export const FontLabelSize = 12;
export const FontLabelLineHeight = "20px";
export const FontLabelWeight = 400;
export const FontLabelFontStyle = "normal";
export const FontLabelLetterSpacing = 0;
export const FontLabelTextTransform = "none";
export const FontCodeFontFamily = "'Droid Sans Mono', sans-serif";

@@ -276,4 +283,4 @@ export const FontCodeSize = 12;

export const FontCodeTextTransform = "none";
export const FontPlaceholderFontFamily = "'Open Sans', sans-serif";
export const FontPlaceholderSize = 13;
export const FontPlaceholderFontFamily = "'Rubik', sans-serif";
export const FontPlaceholderSize = 14;
export const FontPlaceholderLineHeight = "20px";

@@ -284,61 +291,61 @@ export const FontPlaceholderWeight = 400;

export const FontPlaceholderTextTransform = "none";
export const FontNavigationFontFamily = "'Open Sans', sans-serif";
export const FontNavigationSize = 13;
export const FontNavigationLineHeight = "20px";
export const FontNavigationWeight = 600;
export const FontNavigationFontStyle = "normal";
export const FontNavigationLetterSpacing = 0;
export const FontNavigationTextTransform = "uppercase";
export const FontHeading100FontFamily = "'Open Sans', sans-serif";
export const FontHeading100Size = 22;
export const FontHeading100LineHeight = "36px";
export const FontHeading100Weight = 300;
export const FontStrongFontFamily = "'Rubik', sans-serif";
export const FontStrongSize = 14;
export const FontStrongLineHeight = "20px";
export const FontStrongWeight = 500;
export const FontStrongFontStyle = "normal";
export const FontStrongLetterSpacing = 0;
export const FontStrongTextTransform = "none";
export const FontHeading100FontFamily = "'Quicksand', sans-serif";
export const FontHeading100Size = 12;
export const FontHeading100LineHeight = "20px";
export const FontHeading100Weight = 500;
export const FontHeading100FontStyle = "normal";
export const FontHeading100LetterSpacing = 0;
export const FontHeading100TextTransform = "none";
export const FontHeading150FontFamily = "'Open Sans', sans-serif";
export const FontHeading150Size = 18;
export const FontHeading150LineHeight = "28px";
export const FontHeading150Weight = 400;
export const FontHeading150FontStyle = "normal";
export const FontHeading150LetterSpacing = 0;
export const FontHeading150TextTransform = "none";
export const FontHeading200FontFamily = "'Open Sans', sans-serif";
export const FontHeading200Size = 16;
export const FontHeading200LineHeight = "24px";
export const FontHeading200Weight = 400;
export const FontHeading100TextTransform = "uppercase";
export const FontHeading200FontFamily = "'Quicksand', sans-serif";
export const FontHeading200Size = 14;
export const FontHeading200LineHeight = "20px";
export const FontHeading200Weight = 700;
export const FontHeading200FontStyle = "normal";
export const FontHeading200LetterSpacing = 0;
export const FontHeading200TextTransform = "none";
export const FontHeading300FontFamily = "'Open Sans', sans-serif";
export const FontHeading300Size = 13;
export const FontHeading300LineHeight = "20px";
export const FontHeading300Weight = 700;
export const FontHeading300FontFamily = "'Quicksand', sans-serif";
export const FontHeading300Size = 16;
export const FontHeading300LineHeight = "24px";
export const FontHeading300Weight = 500;
export const FontHeading300FontStyle = "normal";
export const FontHeading300LetterSpacing = 0;
export const FontHeading300TextTransform = "none";
export const FontHeading400FontFamily = "'Open Sans', sans-serif";
export const FontHeading400Size = 13;
export const FontHeading400LineHeight = "20px";
export const FontHeading400Weight = 600;
export const FontHeading400FontFamily = "'Quicksand', sans-serif";
export const FontHeading400Size = 18;
export const FontHeading400LineHeight = "24px";
export const FontHeading400Weight = 400;
export const FontHeading400FontStyle = "normal";
export const FontHeading400LetterSpacing = 0;
export const FontHeading400TextTransform = "none";
export const FontHeading500FontFamily = "'Open Sans', sans-serif";
export const FontHeading500Size = 11;
export const FontHeading500LineHeight = "20px";
export const FontHeading500FontFamily = "'Quicksand', sans-serif";
export const FontHeading500Size = 20;
export const FontHeading500LineHeight = "28px";
export const FontHeading500Weight = 400;
export const FontHeading500FontStyle = "normal";
export const FontHeading500LetterSpacing = 0;
export const FontHeading500TextTransform = "uppercase";
export const FontExpressive100FontFamily = "'Open Sans', sans-serif";
export const FontExpressive100Size = 14;
export const FontExpressive100LineHeight = "20px";
export const FontExpressive100Weight = 400;
export const FontHeading500TextTransform = "none";
export const FontHeading600FontFamily = "'Quicksand', sans-serif";
export const FontHeading600Size = 28;
export const FontHeading600LineHeight = "36px";
export const FontHeading600Weight = 400;
export const FontHeading600FontStyle = "normal";
export const FontHeading600LetterSpacing = 0;
export const FontHeading600TextTransform = "none";
export const FontExpressive100FontFamily = "'Rubik', sans-serif";
export const FontExpressive100Size = 18;
export const FontExpressive100LineHeight = "24px";
export const FontExpressive100Weight = 500;
export const FontExpressive100FontStyle = "normal";
export const FontExpressive100LetterSpacing = 0;
export const FontExpressive100TextTransform = "none";
export const FontExpressive200FontFamily = "'Open Sans', sans-serif";
export const FontExpressive200Size = 18;
export const FontExpressive200LineHeight = "24px";
export const FontExpressive200FontFamily = "'Rubik', sans-serif";
export const FontExpressive200Size = 24;
export const FontExpressive200LineHeight = "32px";
export const FontExpressive200Weight = 400;

@@ -348,5 +355,5 @@ export const FontExpressive200FontStyle = "normal";

export const FontExpressive200TextTransform = "none";
export const FontExpressive300FontFamily = "'Open Sans', sans-serif";
export const FontExpressive300FontFamily = "'Rubik', sans-serif";
export const FontExpressive300Size = 30;
export const FontExpressive300LineHeight = "44px";
export const FontExpressive300LineHeight = "40px";
export const FontExpressive300Weight = 400;

@@ -356,5 +363,5 @@ export const FontExpressive300FontStyle = "normal";

export const FontExpressive300TextTransform = "none";
export const FontExpressive400FontFamily = "'Open Sans', sans-serif";
export const FontExpressive400FontFamily = "'Rubik', sans-serif";
export const FontExpressive400Size = 36;
export const FontExpressive400LineHeight = "56px";
export const FontExpressive400LineHeight = "44px";
export const FontExpressive400Weight = 400;

@@ -409,2 +416,8 @@ export const FontExpressive400FontStyle = "normal";

export const SizingIcon400 = 40;
export const SizingItem100 = 24;
export const SizingItem200 = 28;
export const SizingItem300 = 36;
export const SizingItem400 = 48;
export const SizingItem500 = 64;
export const SizingItem000 = 20;
export const Shadow100 = "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)";

@@ -411,0 +424,0 @@ export const Shadow200 = "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)";

133

build/js/variablesDarkTheme.js
/**
* Do not edit directly
* Generated on Mon, 29 Mar 2021 10:51:07 GMT
* Generated on Fri, 30 Apr 2021 10:24:10 GMT
*/

@@ -54,4 +54,5 @@

export const ColorBgInteractive400Pressed = "#454545";
export const ColorBgTab = "rgba(255, 255, 255, 0.08)";
export const ColorBgTabHover = "rgba(255, 255, 255, 0)";
export const ColorBgTab = "rgba(255, 255, 255, 0)";
export const ColorBgTabHover = "rgba(255, 255, 255, 0.08)";
export const ColorBgTabPressed = "rgba(255, 255, 255, 0.16)";
export const ColorBgTabSelected = "rgba(255, 255, 255, 0)";

@@ -113,2 +114,8 @@ export const ColorBgInput = "#212121";

export const ColorChartGrey300 = "#cacaca";
export const ColorChartAmethystViolet500 = "#994cf2";
export const ColorChartAmethystViolet300 = "#723eaf";
export const ColorChartLavenderViolet500 = "#7462e9";
export const ColorChartLavenderViolet300 = "#594da9";
export const ColorChartDarkBlue500 = "#2a76d7";
export const ColorChartDarkBlue300 = "#275b9c";
export const ColorChartAdvancedTurquoise500 = "#12b39a";

@@ -253,4 +260,4 @@ export const ColorChartAdvancedTurquoise300 = "#178473";

export const BorderWidthNone = 0;
export const FontBodyFontFamily = "'Open Sans', sans-serif";
export const FontBodySize = 13;
export const FontBodyFontFamily = "'Rubik', sans-serif";
export const FontBodySize = 14;
export const FontBodyLineHeight = "20px";

@@ -261,9 +268,9 @@ export const FontBodyWeight = 400;

export const FontBodyTextTransform = "none";
export const FontCaptionFontFamily = "'Open Sans', sans-serif";
export const FontCaptionSize = 12;
export const FontCaptionLineHeight = "20px";
export const FontCaptionWeight = 400;
export const FontCaptionFontStyle = "normal";
export const FontCaptionLetterSpacing = 0;
export const FontCaptionTextTransform = "none";
export const FontLabelFontFamily = "'Rubik', sans-serif";
export const FontLabelSize = 12;
export const FontLabelLineHeight = "20px";
export const FontLabelWeight = 400;
export const FontLabelFontStyle = "normal";
export const FontLabelLetterSpacing = 0;
export const FontLabelTextTransform = "none";
export const FontCodeFontFamily = "'Droid Sans Mono', sans-serif";

@@ -276,4 +283,4 @@ export const FontCodeSize = 12;

export const FontCodeTextTransform = "none";
export const FontPlaceholderFontFamily = "'Open Sans', sans-serif";
export const FontPlaceholderSize = 13;
export const FontPlaceholderFontFamily = "'Rubik', sans-serif";
export const FontPlaceholderSize = 14;
export const FontPlaceholderLineHeight = "20px";

@@ -284,61 +291,61 @@ export const FontPlaceholderWeight = 400;

export const FontPlaceholderTextTransform = "none";
export const FontNavigationFontFamily = "'Open Sans', sans-serif";
export const FontNavigationSize = 13;
export const FontNavigationLineHeight = "20px";
export const FontNavigationWeight = 600;
export const FontNavigationFontStyle = "normal";
export const FontNavigationLetterSpacing = 0;
export const FontNavigationTextTransform = "uppercase";
export const FontHeading100FontFamily = "'Open Sans', sans-serif";
export const FontHeading100Size = 22;
export const FontHeading100LineHeight = "36px";
export const FontHeading100Weight = 300;
export const FontStrongFontFamily = "'Rubik', sans-serif";
export const FontStrongSize = 14;
export const FontStrongLineHeight = "20px";
export const FontStrongWeight = 500;
export const FontStrongFontStyle = "normal";
export const FontStrongLetterSpacing = 0;
export const FontStrongTextTransform = "none";
export const FontHeading100FontFamily = "'Quicksand', sans-serif";
export const FontHeading100Size = 12;
export const FontHeading100LineHeight = "20px";
export const FontHeading100Weight = 500;
export const FontHeading100FontStyle = "normal";
export const FontHeading100LetterSpacing = 0;
export const FontHeading100TextTransform = "none";
export const FontHeading150FontFamily = "'Open Sans', sans-serif";
export const FontHeading150Size = 18;
export const FontHeading150LineHeight = "28px";
export const FontHeading150Weight = 400;
export const FontHeading150FontStyle = "normal";
export const FontHeading150LetterSpacing = 0;
export const FontHeading150TextTransform = "none";
export const FontHeading200FontFamily = "'Open Sans', sans-serif";
export const FontHeading200Size = 16;
export const FontHeading200LineHeight = "24px";
export const FontHeading200Weight = 400;
export const FontHeading100TextTransform = "uppercase";
export const FontHeading200FontFamily = "'Quicksand', sans-serif";
export const FontHeading200Size = 14;
export const FontHeading200LineHeight = "20px";
export const FontHeading200Weight = 700;
export const FontHeading200FontStyle = "normal";
export const FontHeading200LetterSpacing = 0;
export const FontHeading200TextTransform = "none";
export const FontHeading300FontFamily = "'Open Sans', sans-serif";
export const FontHeading300Size = 13;
export const FontHeading300LineHeight = "20px";
export const FontHeading300Weight = 700;
export const FontHeading300FontFamily = "'Quicksand', sans-serif";
export const FontHeading300Size = 16;
export const FontHeading300LineHeight = "24px";
export const FontHeading300Weight = 500;
export const FontHeading300FontStyle = "normal";
export const FontHeading300LetterSpacing = 0;
export const FontHeading300TextTransform = "none";
export const FontHeading400FontFamily = "'Open Sans', sans-serif";
export const FontHeading400Size = 13;
export const FontHeading400LineHeight = "20px";
export const FontHeading400Weight = 600;
export const FontHeading400FontFamily = "'Quicksand', sans-serif";
export const FontHeading400Size = 18;
export const FontHeading400LineHeight = "24px";
export const FontHeading400Weight = 400;
export const FontHeading400FontStyle = "normal";
export const FontHeading400LetterSpacing = 0;
export const FontHeading400TextTransform = "none";
export const FontHeading500FontFamily = "'Open Sans', sans-serif";
export const FontHeading500Size = 11;
export const FontHeading500LineHeight = "20px";
export const FontHeading500FontFamily = "'Quicksand', sans-serif";
export const FontHeading500Size = 20;
export const FontHeading500LineHeight = "28px";
export const FontHeading500Weight = 400;
export const FontHeading500FontStyle = "normal";
export const FontHeading500LetterSpacing = 0;
export const FontHeading500TextTransform = "uppercase";
export const FontExpressive100FontFamily = "'Open Sans', sans-serif";
export const FontExpressive100Size = 14;
export const FontExpressive100LineHeight = "20px";
export const FontExpressive100Weight = 400;
export const FontHeading500TextTransform = "none";
export const FontHeading600FontFamily = "'Quicksand', sans-serif";
export const FontHeading600Size = 28;
export const FontHeading600LineHeight = "36px";
export const FontHeading600Weight = 400;
export const FontHeading600FontStyle = "normal";
export const FontHeading600LetterSpacing = 0;
export const FontHeading600TextTransform = "none";
export const FontExpressive100FontFamily = "'Rubik', sans-serif";
export const FontExpressive100Size = 18;
export const FontExpressive100LineHeight = "24px";
export const FontExpressive100Weight = 500;
export const FontExpressive100FontStyle = "normal";
export const FontExpressive100LetterSpacing = 0;
export const FontExpressive100TextTransform = "none";
export const FontExpressive200FontFamily = "'Open Sans', sans-serif";
export const FontExpressive200Size = 18;
export const FontExpressive200LineHeight = "24px";
export const FontExpressive200FontFamily = "'Rubik', sans-serif";
export const FontExpressive200Size = 24;
export const FontExpressive200LineHeight = "32px";
export const FontExpressive200Weight = 400;

@@ -348,5 +355,5 @@ export const FontExpressive200FontStyle = "normal";

export const FontExpressive200TextTransform = "none";
export const FontExpressive300FontFamily = "'Open Sans', sans-serif";
export const FontExpressive300FontFamily = "'Rubik', sans-serif";
export const FontExpressive300Size = 30;
export const FontExpressive300LineHeight = "44px";
export const FontExpressive300LineHeight = "40px";
export const FontExpressive300Weight = 400;

@@ -356,5 +363,5 @@ export const FontExpressive300FontStyle = "normal";

export const FontExpressive300TextTransform = "none";
export const FontExpressive400FontFamily = "'Open Sans', sans-serif";
export const FontExpressive400FontFamily = "'Rubik', sans-serif";
export const FontExpressive400Size = 36;
export const FontExpressive400LineHeight = "56px";
export const FontExpressive400LineHeight = "44px";
export const FontExpressive400Weight = 400;

@@ -409,2 +416,8 @@ export const FontExpressive400FontStyle = "normal";

export const SizingIcon400 = 40;
export const SizingItem100 = 24;
export const SizingItem200 = 28;
export const SizingItem300 = 36;
export const SizingItem400 = 48;
export const SizingItem500 = 64;
export const SizingItem000 = 20;
export const Shadow100 = "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)";

@@ -411,0 +424,0 @@ export const Shadow200 = "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)";

117

build/js/variablesLegacyTheme.js
/**
* Do not edit directly
* Generated on Mon, 29 Mar 2021 10:51:11 GMT
* Generated on Fri, 30 Apr 2021 10:24:14 GMT
*/

@@ -52,6 +52,7 @@

export const ColorBgInteractive400Hover = "#eeeeee";
export const ColorBgInteractive400Selected = "#e4e4e4";
export const ColorBgInteractive400Pressed = "#dbdbdb";
export const ColorBgTab = "rgba(33, 33, 33, 0.08)";
export const ColorBgTabHover = "rgba(33, 33, 33, 0)";
export const ColorBgInteractive400Selected = "rgba(42, 118, 215, 0.16)";
export const ColorBgInteractive400Pressed = "#eeeeee";
export const ColorBgTab = "rgba(33, 33, 33, 0)";
export const ColorBgTabHover = "rgba(33, 33, 33, 0.08)";
export const ColorBgTabPressed = "rgba(33, 33, 33, 0.16)";
export const ColorBgTabSelected = "rgba(33, 33, 33, 0)";

@@ -69,5 +70,5 @@ export const ColorBgInput = "#ffffff";

export const ColorSuccess = "#168936";
export const ColorText100 = "#212121";
export const ColorText100 = "#454545";
export const ColorText200 = "#565656";
export const ColorText300 = "#686868";
export const ColorText300 = "#b8b8b8";
export const ColorText400 = "#ffffff";

@@ -114,2 +115,8 @@ export const ColorTextLink = "#037fb0";

export const ColorChartGrey300 = "#565656";
export const ColorChartAmethystViolet500 = "#994cf2";
export const ColorChartAmethystViolet300 = "#b985f6";
export const ColorChartLavenderViolet500 = "#7462e9";
export const ColorChartLavenderViolet300 = "#a094f0";
export const ColorChartDarkBlue500 = "#2a76d7";
export const ColorChartDarkBlue300 = "#6ea2e4";
export const ColorChartAdvancedTurquoise500 = "#12b39a";

@@ -261,9 +268,9 @@ export const ColorChartAdvancedTurquoise300 = "#5ecbba";

export const FontBodyTextTransform = "none";
export const FontCaptionFontFamily = "'Open Sans', sans-serif";
export const FontCaptionSize = 12;
export const FontCaptionLineHeight = "20px";
export const FontCaptionWeight = 400;
export const FontCaptionFontStyle = "normal";
export const FontCaptionLetterSpacing = 0;
export const FontCaptionTextTransform = "none";
export const FontLabelFontFamily = "'Open Sans', sans-serif";
export const FontLabelSize = 12;
export const FontLabelLineHeight = "20px";
export const FontLabelWeight = 400;
export const FontLabelFontStyle = "normal";
export const FontLabelLetterSpacing = 0;
export const FontLabelTextTransform = "none";
export const FontCodeFontFamily = "'Droid Sans Mono', sans-serif";

@@ -283,27 +290,20 @@ export const FontCodeSize = 12;

export const FontPlaceholderTextTransform = "none";
export const FontNavigationFontFamily = "'Open Sans', sans-serif";
export const FontNavigationSize = 13;
export const FontNavigationLineHeight = "20px";
export const FontNavigationWeight = 600;
export const FontNavigationFontStyle = "normal";
export const FontNavigationLetterSpacing = 0;
export const FontNavigationTextTransform = "uppercase";
export const FontHeading100FontFamily = "'Open Sans', sans-serif";
export const FontHeading100Size = 22;
export const FontHeading100LineHeight = "36px";
export const FontHeading100Weight = 300;
export const FontStrongFontFamily = "'Open Sans', sans-serif";
export const FontStrongSize = 13;
export const FontStrongLineHeight = "20px";
export const FontStrongWeight = 600;
export const FontStrongFontStyle = "normal";
export const FontStrongLetterSpacing = 0;
export const FontStrongTextTransform = "none";
export const FontHeading100FontFamily = "'Quicksand', sans-serif";
export const FontHeading100Size = 12;
export const FontHeading100LineHeight = "20px";
export const FontHeading100Weight = 500;
export const FontHeading100FontStyle = "normal";
export const FontHeading100LetterSpacing = 0;
export const FontHeading100TextTransform = "none";
export const FontHeading150FontFamily = "'Open Sans', sans-serif";
export const FontHeading150Size = 18;
export const FontHeading150LineHeight = "28px";
export const FontHeading150Weight = 400;
export const FontHeading150FontStyle = "normal";
export const FontHeading150LetterSpacing = 0;
export const FontHeading150TextTransform = "none";
export const FontHeading200FontFamily = "'Open Sans', sans-serif";
export const FontHeading200Size = 16;
export const FontHeading200LineHeight = "24px";
export const FontHeading200Weight = 400;
export const FontHeading100TextTransform = "uppercase";
export const FontHeading200FontFamily = "'Quicksand', sans-serif";
export const FontHeading200Size = 14;
export const FontHeading200LineHeight = "20px";
export const FontHeading200Weight = 700;
export const FontHeading200FontStyle = "normal";

@@ -315,24 +315,31 @@ export const FontHeading200LetterSpacing = 0;

export const FontHeading300LineHeight = "20px";
export const FontHeading300Weight = 700;
export const FontHeading300Weight = 600;
export const FontHeading300FontStyle = "normal";
export const FontHeading300LetterSpacing = 0;
export const FontHeading300TextTransform = "none";
export const FontHeading400FontFamily = "'Open Sans', sans-serif";
export const FontHeading400Size = 13;
export const FontHeading400LineHeight = "20px";
export const FontHeading400Weight = 600;
export const FontHeading400FontFamily = "'Quicksand', sans-serif";
export const FontHeading400Size = 18;
export const FontHeading400LineHeight = "24px";
export const FontHeading400Weight = 400;
export const FontHeading400FontStyle = "normal";
export const FontHeading400LetterSpacing = 0;
export const FontHeading400TextTransform = "none";
export const FontHeading500FontFamily = "'Open Sans', sans-serif";
export const FontHeading500Size = 11;
export const FontHeading500LineHeight = "20px";
export const FontHeading500FontFamily = "'Quicksand', sans-serif";
export const FontHeading500Size = 20;
export const FontHeading500LineHeight = "28px";
export const FontHeading500Weight = 400;
export const FontHeading500FontStyle = "normal";
export const FontHeading500LetterSpacing = 0;
export const FontHeading500TextTransform = "uppercase";
export const FontExpressive100FontFamily = "'Open Sans', sans-serif";
export const FontExpressive100Size = 14;
export const FontExpressive100LineHeight = "20px";
export const FontExpressive100Weight = 400;
export const FontHeading500TextTransform = "none";
export const FontHeading600FontFamily = "'Quicksand', sans-serif";
export const FontHeading600Size = 28;
export const FontHeading600LineHeight = "36px";
export const FontHeading600Weight = 400;
export const FontHeading600FontStyle = "normal";
export const FontHeading600LetterSpacing = 0;
export const FontHeading600TextTransform = "none";
export const FontExpressive100FontFamily = "'Rubik', sans-serif";
export const FontExpressive100Size = 18;
export const FontExpressive100LineHeight = "24px";
export const FontExpressive100Weight = 500;
export const FontExpressive100FontStyle = "normal";

@@ -348,5 +355,5 @@ export const FontExpressive100LetterSpacing = 0;

export const FontExpressive200TextTransform = "none";
export const FontExpressive300FontFamily = "'Open Sans', sans-serif";
export const FontExpressive300FontFamily = "'Rubik', sans-serif";
export const FontExpressive300Size = 30;
export const FontExpressive300LineHeight = "44px";
export const FontExpressive300LineHeight = "40px";
export const FontExpressive300Weight = 400;

@@ -408,2 +415,8 @@ export const FontExpressive300FontStyle = "normal";

export const SizingIcon400 = 40;
export const SizingItem100 = 24;
export const SizingItem200 = 28;
export const SizingItem300 = 36;
export const SizingItem400 = 48;
export const SizingItem500 = 64;
export const SizingItem000 = 20;
export const Shadow100 = "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)";

@@ -410,0 +423,0 @@ export const Shadow200 = "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)";

131

build/json/variables.json

@@ -50,4 +50,5 @@ {

"ColorBgInteractive400Pressed": "#dbdbdb",
"ColorBgTab": "rgba(33, 33, 33, 0.08)",
"ColorBgTabHover": "rgba(33, 33, 33, 0)",
"ColorBgTab": "rgba(33, 33, 33, 0)",
"ColorBgTabHover": "rgba(33, 33, 33, 0.08)",
"ColorBgTabPressed": "rgba(33, 33, 33, 0.16)",
"ColorBgTabSelected": "rgba(33, 33, 33, 0)",

@@ -109,2 +110,8 @@ "ColorBgInput": "#ffffff",

"ColorChartGrey300": "#565656",
"ColorChartAmethystViolet500": "#994cf2",
"ColorChartAmethystViolet300": "#b985f6",
"ColorChartLavenderViolet500": "#7462e9",
"ColorChartLavenderViolet300": "#a094f0",
"ColorChartDarkBlue500": "#2a76d7",
"ColorChartDarkBlue300": "#6ea2e4",
"ColorChartAdvancedTurquoise500": "#12b39a",

@@ -249,4 +256,4 @@ "ColorChartAdvancedTurquoise300": "#5ecbba",

"BorderWidthNone": 0,
"FontBodyFontFamily": "'Open Sans', sans-serif",
"FontBodySize": 13,
"FontBodyFontFamily": "'Rubik', sans-serif",
"FontBodySize": 14,
"FontBodyLineHeight": "20px",

@@ -257,9 +264,9 @@ "FontBodyWeight": 400,

"FontBodyTextTransform": "none",
"FontCaptionFontFamily": "'Open Sans', sans-serif",
"FontCaptionSize": 12,
"FontCaptionLineHeight": "20px",
"FontCaptionWeight": 400,
"FontCaptionFontStyle": "normal",
"FontCaptionLetterSpacing": 0,
"FontCaptionTextTransform": "none",
"FontLabelFontFamily": "'Rubik', sans-serif",
"FontLabelSize": 12,
"FontLabelLineHeight": "20px",
"FontLabelWeight": 400,
"FontLabelFontStyle": "normal",
"FontLabelLetterSpacing": 0,
"FontLabelTextTransform": "none",
"FontCodeFontFamily": "'Droid Sans Mono', sans-serif",

@@ -272,4 +279,4 @@ "FontCodeSize": 12,

"FontCodeTextTransform": "none",
"FontPlaceholderFontFamily": "'Open Sans', sans-serif",
"FontPlaceholderSize": 13,
"FontPlaceholderFontFamily": "'Rubik', sans-serif",
"FontPlaceholderSize": 14,
"FontPlaceholderLineHeight": "20px",

@@ -280,61 +287,61 @@ "FontPlaceholderWeight": 400,

"FontPlaceholderTextTransform": "none",
"FontNavigationFontFamily": "'Open Sans', sans-serif",
"FontNavigationSize": 13,
"FontNavigationLineHeight": "20px",
"FontNavigationWeight": 600,
"FontNavigationFontStyle": "normal",
"FontNavigationLetterSpacing": 0,
"FontNavigationTextTransform": "uppercase",
"FontHeading100FontFamily": "'Open Sans', sans-serif",
"FontHeading100Size": 22,
"FontHeading100LineHeight": "36px",
"FontHeading100Weight": 300,
"FontStrongFontFamily": "'Rubik', sans-serif",
"FontStrongSize": 14,
"FontStrongLineHeight": "20px",
"FontStrongWeight": 500,
"FontStrongFontStyle": "normal",
"FontStrongLetterSpacing": 0,
"FontStrongTextTransform": "none",
"FontHeading100FontFamily": "'Quicksand', sans-serif",
"FontHeading100Size": 12,
"FontHeading100LineHeight": "20px",
"FontHeading100Weight": 500,
"FontHeading100FontStyle": "normal",
"FontHeading100LetterSpacing": 0,
"FontHeading100TextTransform": "none",
"FontHeading150FontFamily": "'Open Sans', sans-serif",
"FontHeading150Size": 18,
"FontHeading150LineHeight": "28px",
"FontHeading150Weight": 400,
"FontHeading150FontStyle": "normal",
"FontHeading150LetterSpacing": 0,
"FontHeading150TextTransform": "none",
"FontHeading200FontFamily": "'Open Sans', sans-serif",
"FontHeading200Size": 16,
"FontHeading200LineHeight": "24px",
"FontHeading200Weight": 400,
"FontHeading100TextTransform": "uppercase",
"FontHeading200FontFamily": "'Quicksand', sans-serif",
"FontHeading200Size": 14,
"FontHeading200LineHeight": "20px",
"FontHeading200Weight": 700,
"FontHeading200FontStyle": "normal",
"FontHeading200LetterSpacing": 0,
"FontHeading200TextTransform": "none",
"FontHeading300FontFamily": "'Open Sans', sans-serif",
"FontHeading300Size": 13,
"FontHeading300LineHeight": "20px",
"FontHeading300Weight": 700,
"FontHeading300FontFamily": "'Quicksand', sans-serif",
"FontHeading300Size": 16,
"FontHeading300LineHeight": "24px",
"FontHeading300Weight": 500,
"FontHeading300FontStyle": "normal",
"FontHeading300LetterSpacing": 0,
"FontHeading300TextTransform": "none",
"FontHeading400FontFamily": "'Open Sans', sans-serif",
"FontHeading400Size": 13,
"FontHeading400LineHeight": "20px",
"FontHeading400Weight": 600,
"FontHeading400FontFamily": "'Quicksand', sans-serif",
"FontHeading400Size": 18,
"FontHeading400LineHeight": "24px",
"FontHeading400Weight": 400,
"FontHeading400FontStyle": "normal",
"FontHeading400LetterSpacing": 0,
"FontHeading400TextTransform": "none",
"FontHeading500FontFamily": "'Open Sans', sans-serif",
"FontHeading500Size": 11,
"FontHeading500LineHeight": "20px",
"FontHeading500FontFamily": "'Quicksand', sans-serif",
"FontHeading500Size": 20,
"FontHeading500LineHeight": "28px",
"FontHeading500Weight": 400,
"FontHeading500FontStyle": "normal",
"FontHeading500LetterSpacing": 0,
"FontHeading500TextTransform": "uppercase",
"FontExpressive100FontFamily": "'Open Sans', sans-serif",
"FontExpressive100Size": 14,
"FontExpressive100LineHeight": "20px",
"FontExpressive100Weight": 400,
"FontHeading500TextTransform": "none",
"FontHeading600FontFamily": "'Quicksand', sans-serif",
"FontHeading600Size": 28,
"FontHeading600LineHeight": "36px",
"FontHeading600Weight": 400,
"FontHeading600FontStyle": "normal",
"FontHeading600LetterSpacing": 0,
"FontHeading600TextTransform": "none",
"FontExpressive100FontFamily": "'Rubik', sans-serif",
"FontExpressive100Size": 18,
"FontExpressive100LineHeight": "24px",
"FontExpressive100Weight": 500,
"FontExpressive100FontStyle": "normal",
"FontExpressive100LetterSpacing": 0,
"FontExpressive100TextTransform": "none",
"FontExpressive200FontFamily": "'Open Sans', sans-serif",
"FontExpressive200Size": 18,
"FontExpressive200LineHeight": "24px",
"FontExpressive200FontFamily": "'Rubik', sans-serif",
"FontExpressive200Size": 24,
"FontExpressive200LineHeight": "32px",
"FontExpressive200Weight": 400,

@@ -344,5 +351,5 @@ "FontExpressive200FontStyle": "normal",

"FontExpressive200TextTransform": "none",
"FontExpressive300FontFamily": "'Open Sans', sans-serif",
"FontExpressive300FontFamily": "'Rubik', sans-serif",
"FontExpressive300Size": 30,
"FontExpressive300LineHeight": "44px",
"FontExpressive300LineHeight": "40px",
"FontExpressive300Weight": 400,

@@ -352,5 +359,5 @@ "FontExpressive300FontStyle": "normal",

"FontExpressive300TextTransform": "none",
"FontExpressive400FontFamily": "'Open Sans', sans-serif",
"FontExpressive400FontFamily": "'Rubik', sans-serif",
"FontExpressive400Size": 36,
"FontExpressive400LineHeight": "56px",
"FontExpressive400LineHeight": "44px",
"FontExpressive400Weight": 400,

@@ -405,2 +412,8 @@ "FontExpressive400FontStyle": "normal",

"SizingIcon400": 40,
"SizingItem100": 24,
"SizingItem200": 28,
"SizingItem300": 36,
"SizingItem400": 48,
"SizingItem500": 64,
"SizingItem000": 20,
"Shadow100": "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)",

@@ -407,0 +420,0 @@ "Shadow200": "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)",

131

build/json/variablesDarkTheme.json

@@ -50,4 +50,5 @@ {

"ColorBgInteractive400Pressed": "#454545",
"ColorBgTab": "rgba(255, 255, 255, 0.08)",
"ColorBgTabHover": "rgba(255, 255, 255, 0)",
"ColorBgTab": "rgba(255, 255, 255, 0)",
"ColorBgTabHover": "rgba(255, 255, 255, 0.08)",
"ColorBgTabPressed": "rgba(255, 255, 255, 0.16)",
"ColorBgTabSelected": "rgba(255, 255, 255, 0)",

@@ -109,2 +110,8 @@ "ColorBgInput": "#212121",

"ColorChartGrey300": "#cacaca",
"ColorChartAmethystViolet500": "#994cf2",
"ColorChartAmethystViolet300": "#723eaf",
"ColorChartLavenderViolet500": "#7462e9",
"ColorChartLavenderViolet300": "#594da9",
"ColorChartDarkBlue500": "#2a76d7",
"ColorChartDarkBlue300": "#275b9c",
"ColorChartAdvancedTurquoise500": "#12b39a",

@@ -249,4 +256,4 @@ "ColorChartAdvancedTurquoise300": "#178473",

"BorderWidthNone": 0,
"FontBodyFontFamily": "'Open Sans', sans-serif",
"FontBodySize": 13,
"FontBodyFontFamily": "'Rubik', sans-serif",
"FontBodySize": 14,
"FontBodyLineHeight": "20px",

@@ -257,9 +264,9 @@ "FontBodyWeight": 400,

"FontBodyTextTransform": "none",
"FontCaptionFontFamily": "'Open Sans', sans-serif",
"FontCaptionSize": 12,
"FontCaptionLineHeight": "20px",
"FontCaptionWeight": 400,
"FontCaptionFontStyle": "normal",
"FontCaptionLetterSpacing": 0,
"FontCaptionTextTransform": "none",
"FontLabelFontFamily": "'Rubik', sans-serif",
"FontLabelSize": 12,
"FontLabelLineHeight": "20px",
"FontLabelWeight": 400,
"FontLabelFontStyle": "normal",
"FontLabelLetterSpacing": 0,
"FontLabelTextTransform": "none",
"FontCodeFontFamily": "'Droid Sans Mono', sans-serif",

@@ -272,4 +279,4 @@ "FontCodeSize": 12,

"FontCodeTextTransform": "none",
"FontPlaceholderFontFamily": "'Open Sans', sans-serif",
"FontPlaceholderSize": 13,
"FontPlaceholderFontFamily": "'Rubik', sans-serif",
"FontPlaceholderSize": 14,
"FontPlaceholderLineHeight": "20px",

@@ -280,61 +287,61 @@ "FontPlaceholderWeight": 400,

"FontPlaceholderTextTransform": "none",
"FontNavigationFontFamily": "'Open Sans', sans-serif",
"FontNavigationSize": 13,
"FontNavigationLineHeight": "20px",
"FontNavigationWeight": 600,
"FontNavigationFontStyle": "normal",
"FontNavigationLetterSpacing": 0,
"FontNavigationTextTransform": "uppercase",
"FontHeading100FontFamily": "'Open Sans', sans-serif",
"FontHeading100Size": 22,
"FontHeading100LineHeight": "36px",
"FontHeading100Weight": 300,
"FontStrongFontFamily": "'Rubik', sans-serif",
"FontStrongSize": 14,
"FontStrongLineHeight": "20px",
"FontStrongWeight": 500,
"FontStrongFontStyle": "normal",
"FontStrongLetterSpacing": 0,
"FontStrongTextTransform": "none",
"FontHeading100FontFamily": "'Quicksand', sans-serif",
"FontHeading100Size": 12,
"FontHeading100LineHeight": "20px",
"FontHeading100Weight": 500,
"FontHeading100FontStyle": "normal",
"FontHeading100LetterSpacing": 0,
"FontHeading100TextTransform": "none",
"FontHeading150FontFamily": "'Open Sans', sans-serif",
"FontHeading150Size": 18,
"FontHeading150LineHeight": "28px",
"FontHeading150Weight": 400,
"FontHeading150FontStyle": "normal",
"FontHeading150LetterSpacing": 0,
"FontHeading150TextTransform": "none",
"FontHeading200FontFamily": "'Open Sans', sans-serif",
"FontHeading200Size": 16,
"FontHeading200LineHeight": "24px",
"FontHeading200Weight": 400,
"FontHeading100TextTransform": "uppercase",
"FontHeading200FontFamily": "'Quicksand', sans-serif",
"FontHeading200Size": 14,
"FontHeading200LineHeight": "20px",
"FontHeading200Weight": 700,
"FontHeading200FontStyle": "normal",
"FontHeading200LetterSpacing": 0,
"FontHeading200TextTransform": "none",
"FontHeading300FontFamily": "'Open Sans', sans-serif",
"FontHeading300Size": 13,
"FontHeading300LineHeight": "20px",
"FontHeading300Weight": 700,
"FontHeading300FontFamily": "'Quicksand', sans-serif",
"FontHeading300Size": 16,
"FontHeading300LineHeight": "24px",
"FontHeading300Weight": 500,
"FontHeading300FontStyle": "normal",
"FontHeading300LetterSpacing": 0,
"FontHeading300TextTransform": "none",
"FontHeading400FontFamily": "'Open Sans', sans-serif",
"FontHeading400Size": 13,
"FontHeading400LineHeight": "20px",
"FontHeading400Weight": 600,
"FontHeading400FontFamily": "'Quicksand', sans-serif",
"FontHeading400Size": 18,
"FontHeading400LineHeight": "24px",
"FontHeading400Weight": 400,
"FontHeading400FontStyle": "normal",
"FontHeading400LetterSpacing": 0,
"FontHeading400TextTransform": "none",
"FontHeading500FontFamily": "'Open Sans', sans-serif",
"FontHeading500Size": 11,
"FontHeading500LineHeight": "20px",
"FontHeading500FontFamily": "'Quicksand', sans-serif",
"FontHeading500Size": 20,
"FontHeading500LineHeight": "28px",
"FontHeading500Weight": 400,
"FontHeading500FontStyle": "normal",
"FontHeading500LetterSpacing": 0,
"FontHeading500TextTransform": "uppercase",
"FontExpressive100FontFamily": "'Open Sans', sans-serif",
"FontExpressive100Size": 14,
"FontExpressive100LineHeight": "20px",
"FontExpressive100Weight": 400,
"FontHeading500TextTransform": "none",
"FontHeading600FontFamily": "'Quicksand', sans-serif",
"FontHeading600Size": 28,
"FontHeading600LineHeight": "36px",
"FontHeading600Weight": 400,
"FontHeading600FontStyle": "normal",
"FontHeading600LetterSpacing": 0,
"FontHeading600TextTransform": "none",
"FontExpressive100FontFamily": "'Rubik', sans-serif",
"FontExpressive100Size": 18,
"FontExpressive100LineHeight": "24px",
"FontExpressive100Weight": 500,
"FontExpressive100FontStyle": "normal",
"FontExpressive100LetterSpacing": 0,
"FontExpressive100TextTransform": "none",
"FontExpressive200FontFamily": "'Open Sans', sans-serif",
"FontExpressive200Size": 18,
"FontExpressive200LineHeight": "24px",
"FontExpressive200FontFamily": "'Rubik', sans-serif",
"FontExpressive200Size": 24,
"FontExpressive200LineHeight": "32px",
"FontExpressive200Weight": 400,

@@ -344,5 +351,5 @@ "FontExpressive200FontStyle": "normal",

"FontExpressive200TextTransform": "none",
"FontExpressive300FontFamily": "'Open Sans', sans-serif",
"FontExpressive300FontFamily": "'Rubik', sans-serif",
"FontExpressive300Size": 30,
"FontExpressive300LineHeight": "44px",
"FontExpressive300LineHeight": "40px",
"FontExpressive300Weight": 400,

@@ -352,5 +359,5 @@ "FontExpressive300FontStyle": "normal",

"FontExpressive300TextTransform": "none",
"FontExpressive400FontFamily": "'Open Sans', sans-serif",
"FontExpressive400FontFamily": "'Rubik', sans-serif",
"FontExpressive400Size": 36,
"FontExpressive400LineHeight": "56px",
"FontExpressive400LineHeight": "44px",
"FontExpressive400Weight": 400,

@@ -405,2 +412,8 @@ "FontExpressive400FontStyle": "normal",

"SizingIcon400": 40,
"SizingItem100": 24,
"SizingItem200": 28,
"SizingItem300": 36,
"SizingItem400": 48,
"SizingItem500": 64,
"SizingItem000": 20,
"Shadow100": "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)",

@@ -407,0 +420,0 @@ "Shadow200": "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)",

115

build/json/variablesLegacyTheme.json

@@ -48,6 +48,7 @@ {

"ColorBgInteractive400Hover": "#eeeeee",
"ColorBgInteractive400Selected": "#e4e4e4",
"ColorBgInteractive400Pressed": "#dbdbdb",
"ColorBgTab": "rgba(33, 33, 33, 0.08)",
"ColorBgTabHover": "rgba(33, 33, 33, 0)",
"ColorBgInteractive400Selected": "rgba(42, 118, 215, 0.16)",
"ColorBgInteractive400Pressed": "#eeeeee",
"ColorBgTab": "rgba(33, 33, 33, 0)",
"ColorBgTabHover": "rgba(33, 33, 33, 0.08)",
"ColorBgTabPressed": "rgba(33, 33, 33, 0.16)",
"ColorBgTabSelected": "rgba(33, 33, 33, 0)",

@@ -65,5 +66,5 @@ "ColorBgInput": "#ffffff",

"ColorSuccess": "#168936",
"ColorText100": "#212121",
"ColorText100": "#454545",
"ColorText200": "#565656",
"ColorText300": "#686868",
"ColorText300": "#b8b8b8",
"ColorText400": "#ffffff",

@@ -110,2 +111,8 @@ "ColorTextLink": "#037fb0",

"ColorChartGrey300": "#565656",
"ColorChartAmethystViolet500": "#994cf2",
"ColorChartAmethystViolet300": "#b985f6",
"ColorChartLavenderViolet500": "#7462e9",
"ColorChartLavenderViolet300": "#a094f0",
"ColorChartDarkBlue500": "#2a76d7",
"ColorChartDarkBlue300": "#6ea2e4",
"ColorChartAdvancedTurquoise500": "#12b39a",

@@ -257,9 +264,9 @@ "ColorChartAdvancedTurquoise300": "#5ecbba",

"FontBodyTextTransform": "none",
"FontCaptionFontFamily": "'Open Sans', sans-serif",
"FontCaptionSize": 12,
"FontCaptionLineHeight": "20px",
"FontCaptionWeight": 400,
"FontCaptionFontStyle": "normal",
"FontCaptionLetterSpacing": 0,
"FontCaptionTextTransform": "none",
"FontLabelFontFamily": "'Open Sans', sans-serif",
"FontLabelSize": 12,
"FontLabelLineHeight": "20px",
"FontLabelWeight": 400,
"FontLabelFontStyle": "normal",
"FontLabelLetterSpacing": 0,
"FontLabelTextTransform": "none",
"FontCodeFontFamily": "'Droid Sans Mono', sans-serif",

@@ -279,27 +286,20 @@ "FontCodeSize": 12,

"FontPlaceholderTextTransform": "none",
"FontNavigationFontFamily": "'Open Sans', sans-serif",
"FontNavigationSize": 13,
"FontNavigationLineHeight": "20px",
"FontNavigationWeight": 600,
"FontNavigationFontStyle": "normal",
"FontNavigationLetterSpacing": 0,
"FontNavigationTextTransform": "uppercase",
"FontHeading100FontFamily": "'Open Sans', sans-serif",
"FontHeading100Size": 22,
"FontHeading100LineHeight": "36px",
"FontHeading100Weight": 300,
"FontStrongFontFamily": "'Open Sans', sans-serif",
"FontStrongSize": 13,
"FontStrongLineHeight": "20px",
"FontStrongWeight": 600,
"FontStrongFontStyle": "normal",
"FontStrongLetterSpacing": 0,
"FontStrongTextTransform": "none",
"FontHeading100FontFamily": "'Quicksand', sans-serif",
"FontHeading100Size": 12,
"FontHeading100LineHeight": "20px",
"FontHeading100Weight": 500,
"FontHeading100FontStyle": "normal",
"FontHeading100LetterSpacing": 0,
"FontHeading100TextTransform": "none",
"FontHeading150FontFamily": "'Open Sans', sans-serif",
"FontHeading150Size": 18,
"FontHeading150LineHeight": "28px",
"FontHeading150Weight": 400,
"FontHeading150FontStyle": "normal",
"FontHeading150LetterSpacing": 0,
"FontHeading150TextTransform": "none",
"FontHeading200FontFamily": "'Open Sans', sans-serif",
"FontHeading200Size": 16,
"FontHeading200LineHeight": "24px",
"FontHeading200Weight": 400,
"FontHeading100TextTransform": "uppercase",
"FontHeading200FontFamily": "'Quicksand', sans-serif",
"FontHeading200Size": 14,
"FontHeading200LineHeight": "20px",
"FontHeading200Weight": 700,
"FontHeading200FontStyle": "normal",

@@ -311,24 +311,31 @@ "FontHeading200LetterSpacing": 0,

"FontHeading300LineHeight": "20px",
"FontHeading300Weight": 700,
"FontHeading300Weight": 600,
"FontHeading300FontStyle": "normal",
"FontHeading300LetterSpacing": 0,
"FontHeading300TextTransform": "none",
"FontHeading400FontFamily": "'Open Sans', sans-serif",
"FontHeading400Size": 13,
"FontHeading400LineHeight": "20px",
"FontHeading400Weight": 600,
"FontHeading400FontFamily": "'Quicksand', sans-serif",
"FontHeading400Size": 18,
"FontHeading400LineHeight": "24px",
"FontHeading400Weight": 400,
"FontHeading400FontStyle": "normal",
"FontHeading400LetterSpacing": 0,
"FontHeading400TextTransform": "none",
"FontHeading500FontFamily": "'Open Sans', sans-serif",
"FontHeading500Size": 11,
"FontHeading500LineHeight": "20px",
"FontHeading500FontFamily": "'Quicksand', sans-serif",
"FontHeading500Size": 20,
"FontHeading500LineHeight": "28px",
"FontHeading500Weight": 400,
"FontHeading500FontStyle": "normal",
"FontHeading500LetterSpacing": 0,
"FontHeading500TextTransform": "uppercase",
"FontExpressive100FontFamily": "'Open Sans', sans-serif",
"FontExpressive100Size": 14,
"FontExpressive100LineHeight": "20px",
"FontExpressive100Weight": 400,
"FontHeading500TextTransform": "none",
"FontHeading600FontFamily": "'Quicksand', sans-serif",
"FontHeading600Size": 28,
"FontHeading600LineHeight": "36px",
"FontHeading600Weight": 400,
"FontHeading600FontStyle": "normal",
"FontHeading600LetterSpacing": 0,
"FontHeading600TextTransform": "none",
"FontExpressive100FontFamily": "'Rubik', sans-serif",
"FontExpressive100Size": 18,
"FontExpressive100LineHeight": "24px",
"FontExpressive100Weight": 500,
"FontExpressive100FontStyle": "normal",

@@ -344,5 +351,5 @@ "FontExpressive100LetterSpacing": 0,

"FontExpressive200TextTransform": "none",
"FontExpressive300FontFamily": "'Open Sans', sans-serif",
"FontExpressive300FontFamily": "'Rubik', sans-serif",
"FontExpressive300Size": 30,
"FontExpressive300LineHeight": "44px",
"FontExpressive300LineHeight": "40px",
"FontExpressive300Weight": 400,

@@ -404,2 +411,8 @@ "FontExpressive300FontStyle": "normal",

"SizingIcon400": 40,
"SizingItem100": 24,
"SizingItem200": 28,
"SizingItem300": 36,
"SizingItem400": 48,
"SizingItem500": 64,
"SizingItem000": 20,
"Shadow100": "0 2px 3px 0 rgba(0,0,0,0.24), 0 1px 3px 0 rgba(0,0,0,0.16)",

@@ -406,0 +419,0 @@ "Shadow200": "0 4px 6px 0 rgba(0,0,0,0.24), 0 2px 6px 0 rgba(0,0,0,0.16)",

32

changelog.md

@@ -0,1 +1,33 @@

# 0.0.4
## Changed
- used `Rubik` and `Quicksand` as default fonts
- font `caption` tokens were renamed to `label`
- font `navigation` tokens were renamed to `strong`
- font `heading` tokens were updated according latest UX spec
## Added
- new legacy font tokens with `Open Sans` font family
- new tokens for sizing
- new values for legacy theme
- new tokens for charts:
`color-chart-amethyst-violet-500`
`color-chart-amethyst-violet-300`
`color-chart-lavender-violet-500`
`color-chart-lavender-violet-300`
`color-chart-dark-blue-500`
`color-chart-dark-blue-300`
- new token `color-bg-tab-pressed`
## Fixed
- token value for:
`color-bg-interactive-400`
`color-bg-interactive-400-hover`
`color-bg-interactive-400-selected`
`color-bg-interactive-400-pressed`
`color-text-100`
`color-text-300`
`color-bg-tab`
`color-bg-tab-hover`
`color-bg-tab-selected`
# 0.0.3

@@ -2,0 +34,0 @@ ## Added

3

config.js

@@ -56,3 +56,3 @@ const StyleDictionary = require("style-dictionary");

"src/spacing.json",
"src/sizingIcon.json",
"src/sizing.json",
"src/shadow.json",

@@ -71,2 +71,3 @@ ]

"src/legacyTheme/color.json",
"src/legacyTheme/font.json"
)

@@ -73,0 +74,0 @@ }

2

package.json
{
"name": "@quadient/design-tokens",
"version": "0.0.3",
"version": "0.0.4",
"description": "Quadient design tokens generator tool. As an output, various types of formats are generated based on configuration in json input files.",

@@ -5,0 +5,0 @@ "main": "config.js",

301

src/color.json
{
"color": {
"bg": {
"ui100": { "value": "{color.base.white.value}" },
"ui200": { "value": "{color.base.grey.050.value}" },
"ui300": { "value": "{color.base.grey.100.value}" },
"header100": { "value": "{color.base.white.value}" },
"ui100": {
"value": "{color.base.white.value}"
},
"ui200": {
"value": "{color.base.grey.050.value}"
},
"ui300": {
"value": "{color.base.grey.100.value}"
},
"header100": {
"value": "{color.base.white.value}"
},
"interactive": {
"100": { "value": "{color.primary.value}" },
"100": {
"value": "{color.primary.value}"
},
"100-hover": {

@@ -25,3 +35,5 @@ "value": 1,

},
"100-error": { "value": "{color.base.red.500.value}" },
"100-error": {
"value": "{color.base.red.500.value}"
},
"100-error-hover": {

@@ -42,3 +54,5 @@ "value": 1,

},
"100-warning": { "value": "{color.base.orange.500.value}" },
"100-warning": {
"value": "{color.base.orange.500.value}"
},
"100-warning-hover": {

@@ -135,3 +149,3 @@ "value": 1,

"color": "{color.base.grey1000.value}",
"opacity": "{opacity.base.100.value}"
"opacity": "{opacity.base.000.value}"
},

@@ -141,4 +155,9 @@ "tab-hover": {

"color": "{color.base.grey1000.value}",
"opacity": "{opacity.base.000.value}"
"opacity": "{opacity.base.100.value}"
},
"tab-pressed": {
"value": 1,
"color": "{color.base.grey1000.value}",
"opacity": "{opacity.base.200.value}"
},
"tab-selected": {

@@ -149,52 +168,133 @@ "value": 1,

},
"input": { "value": "{color.base.white.value}"},
"input-error": { "value": "{color.base.white.value}"},
"input-warning": { "value": "{color.base.white.value}"},
"input": {
"value": "{color.base.white.value}"
},
"input-error": {
"value": "{color.base.white.value}"
},
"input-warning": {
"value": "{color.base.white.value}"
},
"switch": {
"positive": { "value": "{color.primary.value}"},
"negative": { "value": "{color.base.grey.500.value}"},
"handle-positive": { "value": "{color.base.white.value}"},
"handle-negative": { "value": "{color.base.white.value}"}
"positive": {
"value": "{color.primary.value}"
},
"negative": {
"value": "{color.base.grey.500.value}"
},
"handle-positive": {
"value": "{color.base.white.value}"
},
"handle-negative": {
"value": "{color.base.white.value}"
}
}
},
"error": { "value": "{color.base.red.500.value}" },
"warning": { "value": "{color.base.orange.500.value}" },
"info": { "value": "{color.base.ocean-blue.500.value}" },
"success": { "value": "{color.base.emerald-green.500.value}" },
"error": {
"value": "{color.base.red.500.value}"
},
"warning": {
"value": "{color.base.orange.500.value}"
},
"info": {
"value": "{color.base.ocean-blue.500.value}"
},
"success": {
"value": "{color.base.emerald-green.500.value}"
},
"text": {
"100": { "value": "{color.base.grey1000.value}" },
"200": { "value": "{color.base.grey.700.value}" },
"300": { "value": "{color.base.grey.600.value}" },
"400": { "value": "{color.base.white.value}" },
"link": { "value": "{color.base.ocean-blue.500.value}" },
"interactive100": { "value": "{color.base.white.value}" },
"interactive200": { "value": "{color.base.grey1000.value}" },
"interactive200-hover": { "value": "{color.base.grey1000.value}" },
"interactive200-selected": { "value": "{color.base.grey1000.value}" },
"interactive200-pressed": { "value": "{color.base.grey1000.value}" },
"interactive300": { "value": "{color.primary.value}" }
"100": {
"value": "{color.base.grey1000.value}"
},
"200": {
"value": "{color.base.grey.700.value}"
},
"300": {
"value": "{color.base.grey.600.value}"
},
"400": {
"value": "{color.base.white.value}"
},
"link": {
"value": "{color.base.ocean-blue.500.value}"
},
"interactive100": {
"value": "{color.base.white.value}"
},
"interactive200": {
"value": "{color.base.grey1000.value}"
},
"interactive200-hover": {
"value": "{color.base.grey1000.value}"
},
"interactive200-selected": {
"value": "{color.base.grey1000.value}"
},
"interactive200-pressed": {
"value": "{color.base.grey1000.value}"
},
"interactive300": {
"value": "{color.primary.value}"
}
},
"icon": {
"100": { "value": "{color.base.grey1000.value}" },
"100-hover": { "value": "{color.base.grey1000.value}" },
"100-selected": { "value": "{color.base.grey1000.value}" },
"100-pressed": { "value": "{color.base.grey1000.value}" },
"200": { "value": "{color.base.white.value}" },
"300": { "value": "{color.primary.value}" },
"400": { "value": "{color.base.grey.500.value}" },
"error": { "value": "{color.base.red.500.value}" },
"warning": { "value": "{color.base.orange.500.value}" }
"100": {
"value": "{color.base.grey1000.value}"
},
"100-hover": {
"value": "{color.base.grey1000.value}"
},
"100-selected": {
"value": "{color.base.grey1000.value}"
},
"100-pressed": {
"value": "{color.base.grey1000.value}"
},
"200": {
"value": "{color.base.white.value}"
},
"300": {
"value": "{color.primary.value}"
},
"400": {
"value": "{color.base.grey.500.value}"
},
"error": {
"value": "{color.base.red.500.value}"
},
"warning": {
"value": "{color.base.orange.500.value}"
}
},
"border": {
"100": { "value": "{color.base.grey1000.value}" },
"200": { "value": "{color.base.grey.200.value}" },
"300": { "value": "{color.base.grey.100.value}" },
"400": { "value": "{color.base.grey.300.value}" },
"500": { "value": "{color.primary.value}" },
"600": { "value": "{color.base.grey.150.value}" },
"700": { "value": "{color.base.white.value}" },
"error": { "value": "{color.base.red.500.value}" },
"warning": { "value": "{color.base.orange.500.value}" },
"input": { "value": "{color.base.grey.200.value}" }
"100": {
"value": "{color.base.grey1000.value}"
},
"200": {
"value": "{color.base.grey.200.value}"
},
"300": {
"value": "{color.base.grey.100.value}"
},
"400": {
"value": "{color.base.grey.300.value}"
},
"500": {
"value": "{color.primary.value}"
},
"600": {
"value": "{color.base.grey.150.value}"
},
"700": {
"value": "{color.base.white.value}"
},
"error": {
"value": "{color.base.red.500.value}"
},
"warning": {
"value": "{color.base.orange.500.value}"
},
"input": {
"value": "{color.base.grey.200.value}"
}
},

@@ -225,28 +325,85 @@ "focus": {

},
"chart": {
"red500": { "value": "{color.base.red.500.value}" },
"red300": { "value": "{color.base.red.300.value}" },
"orange500": { "value": "{color.base.orange.500.value}" },
"orange300": { "value": "{color.base.orange.300.value}" },
"dark-green500": { "value": "{color.base.emerald-green.500.value}" },
"dark-green300": { "value": "{color.base.emerald-green.300.value}" },
"light-blue500": { "value": "{color.base.ocean-blue.500.value}" },
"light-blue300": { "value": "{color.base.ocean-blue.300.value}" },
"grey500": { "value": "{color.base.grey1000.value}" },
"grey300": { "value": "{color.base.grey.700.value}" }
"red500": {
"value": "{color.base.red.500.value}"
},
"red300": {
"value": "{color.base.red.300.value}"
},
"orange500": {
"value": "{color.base.orange.500.value}"
},
"orange300": {
"value": "{color.base.orange.300.value}"
},
"dark-green500": {
"value": "{color.base.emerald-green.500.value}"
},
"dark-green300": {
"value": "{color.base.emerald-green.300.value}"
},
"light-blue500": {
"value": "{color.base.ocean-blue.500.value}"
},
"light-blue300": {
"value": "{color.base.ocean-blue.300.value}"
},
"grey500": {
"value": "{color.base.grey1000.value}"
},
"grey300": {
"value": "{color.base.grey.700.value}"
},
"amethyst-violet500": {
"value": "{color.base.amethyst-violet.500.value}"
},
"amethyst-violet300": {
"value": "{color.base.amethyst-violet.300.value}"
},
"lavender-violet500": {
"value": "{color.base.lavender-violet.500.value}"
},
"lavender-violet300": {
"value": "{color.base.lavender-violet.300.value}"
},
"dark-blue500": {
"value": "{color.base.sky-blue.500.value}"
},
"dark-blue300": {
"value": "{color.base.sky-blue.300.value}"
}
},
"chart-advanced": {
"turquoise500": { "value": "{color.base.turquoise.500.value}" },
"turquoise300": { "value": "{color.base.turquoise.300.value}" },
"light-green500": { "value": "{color.base.grass-green.500.value}" },
"light-green300": { "value": "{color.base.grass-green.300.value}" },
"purple500": { "value": "{color.base.magenta.500.value}" },
"purple300": { "value": "{color.base.magenta.300.value}" },
"brown500": { "value": "{color.base.brown.500.value}" },
"brown300": { "value": "{color.base.brown.300.value}" },
"yellow500": { "value": "{color.base.yellow.500.value}" },
"yellow300": { "value": "{color.base.yellow.300.value}" }
"turquoise500": {
"value": "{color.base.turquoise.500.value}"
},
"turquoise300": {
"value": "{color.base.turquoise.300.value}"
},
"light-green500": {
"value": "{color.base.grass-green.500.value}"
},
"light-green300": {
"value": "{color.base.grass-green.300.value}"
},
"purple500": {
"value": "{color.base.magenta.500.value}"
},
"purple300": {
"value": "{color.base.magenta.300.value}"
},
"brown500": {
"value": "{color.base.brown.500.value}"
},
"brown300": {
"value": "{color.base.brown.300.value}"
},
"yellow500": {
"value": "{color.base.yellow.500.value}"
},
"yellow300": {
"value": "{color.base.yellow.300.value}"
}
}
}
}

300

src/darkTheme/color.json
{
"color": {
"bg": {
"ui100": { "value": "{color.base.grey1000.value}" },
"ui200": { "value": "{color.base.grey.950.value}" },
"ui300": { "value": "{color.base.grey.900.value}" },
"header100": { "value": "{color.base.grey1000.value}" },
"ui100": {
"value": "{color.base.grey1000.value}"
},
"ui200": {
"value": "{color.base.grey.950.value}"
},
"ui300": {
"value": "{color.base.grey.900.value}"
},
"header100": {
"value": "{color.base.grey1000.value}"
},
"interactive": {
"100": { "value": "{color.primary.value}" },
"100": {
"value": "{color.primary.value}"
},
"100-hover": {

@@ -15,3 +25,5 @@ "value": 1,

},
"100-error": { "value": "{color.base.red.300.value}" },
"100-error": {
"value": "{color.base.red.300.value}"
},
"100-error-hover": {

@@ -32,3 +44,5 @@ "value": 1,

},
"100-warning": { "value": "{color.base.orange.300.value}" },
"100-warning": {
"value": "{color.base.orange.300.value}"
},
"100-warning-hover": {

@@ -125,3 +139,3 @@ "value": 1,

"color": "{color.base.white.value}",
"opacity": "{opacity.base.100.value}"
"opacity": "{opacity.base.000.value}"
},

@@ -131,4 +145,9 @@ "tab-hover": {

"color": "{color.base.white.value}",
"opacity": "{opacity.base.000.value}"
"opacity": "{opacity.base.100.value}"
},
"tab-pressed": {
"value": 1,
"color": "{color.base.white.value}",
"opacity": "{opacity.base.200.value}"
},
"tab-selected": {

@@ -139,51 +158,133 @@ "value": 1,

},
"input": { "value": "{color.base.grey1000.value}"},
"input-error": { "value": "{color.base.grey1000.value}"},
"input-warning": { "value": "{color.base.grey1000.value}"},
"input": {
"value": "{color.base.grey1000.value}"
},
"input-error": {
"value": "{color.base.grey1000.value}"
},
"input-warning": {
"value": "{color.base.grey1000.value}"
},
"switch": {
"positive": { "value": "{color.primary.value}"},
"negative": { "value": "{color.base.grey.500.value}"},
"handle-positive": { "value": "{color.base.grey1000.value}"},
"handle-negative": { "value": "{color.base.grey1000.value}"}
"positive": {
"value": "{color.primary.value}"
},
"negative": {
"value": "{color.base.grey.500.value}"
},
"handle-positive": {
"value": "{color.base.grey1000.value}"
},
"handle-negative": {
"value": "{color.base.grey1000.value}"
}
}
},
"error": { "value": "{color.base.red.300.value}" },
"warning": { "value": "{color.base.orange.300.value}" },
"info": { "value": "{color.base.ocean-blue.300.value}" },
"success": { "value": "{color.base.emerald-green.300.value}" },
"error": {
"value": "{color.base.red.300.value}"
},
"warning": {
"value": "{color.base.orange.300.value}"
},
"info": {
"value": "{color.base.ocean-blue.300.value}"
},
"success": {
"value": "{color.base.emerald-green.300.value}"
},
"text": {
"100": { "value": "{color.base.white.value}" },
"200": { "value": "{color.base.grey.300.value}" },
"300": { "value": "{color.base.grey.900.value}" },
"400": { "value": "{color.base.grey.400.value}" },
"link": { "value": "{color.base.ocean-blue.300.value}" },
"interactive100": { "value": "{color.base.grey1000.value}" },
"interactive200": { "value": "{color.base.white.value}" },
"interactive200-hover": { "value": "{color.base.white.value}" },
"interactive200-selected": { "value": "{color.base.white.value}" },
"interactive200-pressed": { "value": "{color.base.white.value}" },
"interactive300": { "value": "{color.primary.value}" }
"100": {
"value": "{color.base.white.value}"
},
"200": {
"value": "{color.base.grey.300.value}"
},
"300": {
"value": "{color.base.grey.900.value}"
},
"400": {
"value": "{color.base.grey.400.value}"
},
"link": {
"value": "{color.base.ocean-blue.300.value}"
},
"interactive100": {
"value": "{color.base.grey1000.value}"
},
"interactive200": {
"value": "{color.base.white.value}"
},
"interactive200-hover": {
"value": "{color.base.white.value}"
},
"interactive200-selected": {
"value": "{color.base.white.value}"
},
"interactive200-pressed": {
"value": "{color.base.white.value}"
},
"interactive300": {
"value": "{color.primary.value}"
}
},
"icon": {
"100": { "value": "{color.base.white.value}" },
"100-hover": { "value": "{color.base.white.value}" },
"100-selected": { "value": "{color.base.white.value}" },
"100-pressed": { "value": "{color.base.white.value}" },
"200": { "value": "{color.base.grey1000.value}" },
"300": { "value": "{color.primary.value}" },
"400": { "value": "{color.base.grey.500.value}" },
"error": { "value": "{color.base.red.300.value}" },
"warning": { "value": "{color.base.orange.300.value}" }
"100": {
"value": "{color.base.white.value}"
},
"100-hover": {
"value": "{color.base.white.value}"
},
"100-selected": {
"value": "{color.base.white.value}"
},
"100-pressed": {
"value": "{color.base.white.value}"
},
"200": {
"value": "{color.base.grey1000.value}"
},
"300": {
"value": "{color.primary.value}"
},
"400": {
"value": "{color.base.grey.500.value}"
},
"error": {
"value": "{color.base.red.300.value}"
},
"warning": {
"value": "{color.base.orange.300.value}"
}
},
"border": {
"100": { "value": "{color.base.white.value}" },
"200": { "value": "{color.base.grey.800.value}" },
"300": { "value": "{color.base.grey.900.value}" },
"400": { "value": "{color.base.grey.700.value}" },
"500": { "value": "{color.primary.value}" },
"600": { "value": "{color.base.grey.850.value}" },
"700": { "value": "{color.base.grey1000.value}" },
"error": { "value": "{color.base.red.300.value}" },
"warning": { "value": "{color.base.orange.300.value}" },
"input": { "value": "{color.base.grey.800.value}" }
"100": {
"value": "{color.base.white.value}"
},
"200": {
"value": "{color.base.grey.800.value}"
},
"300": {
"value": "{color.base.grey.900.value}"
},
"400": {
"value": "{color.base.grey.700.value}"
},
"500": {
"value": "{color.primary.value}"
},
"600": {
"value": "{color.base.grey.850.value}"
},
"700": {
"value": "{color.base.grey1000.value}"
},
"error": {
"value": "{color.base.red.300.value}"
},
"warning": {
"value": "{color.base.orange.300.value}"
},
"input": {
"value": "{color.base.grey.800.value}"
}
},

@@ -214,28 +315,85 @@ "focus": {

},
"chart": {
"red500": { "value": "{color.base.red.500.value}" },
"red300": { "value": "{color.base.red.700.value}" },
"orange500": { "value": "{color.base.orange.500.value}" },
"orange300": { "value": "{color.base.orange.700.value}" },
"dark-green500": { "value": "{color.base.emerald-green.500.value}" },
"dark-green300": { "value": "{color.base.emerald-green.700.value}" },
"light-blue500": { "value": "{color.base.ocean-blue.500.value}" },
"light-blue300": { "value": "{color.base.ocean-blue.700.value}" },
"grey500": { "value": "{color.base.white.value}" },
"grey300": { "value": "{color.base.grey.300.value}" }
"red500": {
"value": "{color.base.red.500.value}"
},
"red300": {
"value": "{color.base.red.700.value}"
},
"orange500": {
"value": "{color.base.orange.500.value}"
},
"orange300": {
"value": "{color.base.orange.700.value}"
},
"dark-green500": {
"value": "{color.base.emerald-green.500.value}"
},
"dark-green300": {
"value": "{color.base.emerald-green.700.value}"
},
"light-blue500": {
"value": "{color.base.ocean-blue.500.value}"
},
"light-blue300": {
"value": "{color.base.ocean-blue.700.value}"
},
"grey500": {
"value": "{color.base.white.value}"
},
"grey300": {
"value": "{color.base.grey.300.value}"
},
"amethyst-violet500": {
"value": "{color.base.amethyst-violet.500.value}"
},
"amethyst-violet300": {
"value": "{color.base.amethyst-violet.700.value}"
},
"lavender-violet500": {
"value": "{color.base.lavender-violet.500.value}"
},
"lavender-violet300": {
"value": "{color.base.lavender-violet.700.value}"
},
"dark-blue500": {
"value": "{color.base.sky-blue.500.value}"
},
"dark-blue300": {
"value": "{color.base.sky-blue.700.value}"
}
},
"chart-advanced": {
"turquoise500": { "value": "{color.base.turquoise.500.value}" },
"turquoise300": { "value": "{color.base.turquoise.700.value}" },
"light-green500": { "value": "{color.base.grass-green.500.value}" },
"light-green300": { "value": "{color.base.grass-green.700.value}" },
"purple500": { "value": "{color.base.magenta.500.value}" },
"purple300": { "value": "{color.base.magenta.700.value}" },
"brown500": { "value": "{color.base.brown.500.value}" },
"brown300": { "value": "{color.base.brown.700.value}" },
"yellow500": { "value": "{color.base.yellow.500.value}" },
"yellow300": { "value": "{color.base.yellow.700.value}" }
"turquoise500": {
"value": "{color.base.turquoise.500.value}"
},
"turquoise300": {
"value": "{color.base.turquoise.700.value}"
},
"light-green500": {
"value": "{color.base.grass-green.500.value}"
},
"light-green300": {
"value": "{color.base.grass-green.700.value}"
},
"purple500": {
"value": "{color.base.magenta.500.value}"
},
"purple300": {
"value": "{color.base.magenta.700.value}"
},
"brown500": {
"value": "{color.base.brown.500.value}"
},
"brown300": {
"value": "{color.base.brown.700.value}"
},
"yellow500": {
"value": "{color.base.yellow.500.value}"
},
"yellow300": {
"value": "{color.base.yellow.700.value}"
}
}
}
}

101

src/font.json
{
"font": {
"body": {
"fontFamily": { "value": "'Open Sans', sans-serif" },
"size": { "value": 13, "unit": "px" },
"fontFamily": { "value": "'Rubik', sans-serif" },
"size": { "value": 14, "unit": "px" },
"lineHeight": { "value": "20px" },

@@ -12,4 +12,4 @@ "weight": { "value": 400 },

},
"caption": {
"fontFamily": { "value": "'Open Sans', sans-serif" },
"label": {
"fontFamily": { "value": "'Rubik', sans-serif" },
"size": { "value": 12, "unit": "px" },

@@ -32,4 +32,4 @@ "lineHeight": { "value": "20px" },

"placeholder": {
"fontFamily": { "value": "'Open Sans', sans-serif" },
"size": { "value": 13, "unit": "px" },
"fontFamily": { "value": "'Rubik', sans-serif" },
"size": { "value": 14, "unit": "px" },
"lineHeight": { "value": "20px" },

@@ -41,26 +41,26 @@ "weight": { "value": 400 },

},
"navigation": {
"fontFamily": { "value": "'Open Sans', sans-serif" },
"size": { "value": 13, "unit": "px" },
"strong": {
"fontFamily": { "value": "'Rubik', sans-serif" },
"size": { "value": 14, "unit": "px" },
"lineHeight": { "value": "20px" },
"weight": { "value": 600 },
"weight": { "value": 500 },
"font-style": { "value": "normal" },
"letterSpacing": { "value": 0, "unit": "px" },
"textTransform": { "value": "uppercase" }
"textTransform": { "value": "none" }
},
"heading": {
"100": {
"fontFamily": { "value": "'Open Sans', sans-serif" },
"size": { "value": 22, "unit": "px" },
"lineHeight": { "value": "36px" },
"weight": { "value": 300 },
"fontFamily": { "value": "'Quicksand', sans-serif" },
"size": { "value": 12, "unit": "px" },
"lineHeight": { "value": "20px" },
"weight": { "value": 500 },
"font-style": { "value": "normal" },
"letterSpacing": { "value": 0, "unit": "px" },
"textTransform": { "value": "none" }
"textTransform": { "value": "uppercase" }
},
"150": {
"fontFamily": { "value": "'Open Sans', sans-serif" },
"size": { "value": 18, "unit": "px" },
"lineHeight": { "value": "28px" },
"weight": { "value": 400 },
"200": {
"fontFamily": { "value": "'Quicksand', sans-serif" },
"size": { "value": 14, "unit": "px" },
"lineHeight": { "value": "20px" },
"weight": { "value": 700 },
"font-style": { "value": "normal" },

@@ -70,7 +70,7 @@ "letterSpacing": { "value": 0, "unit": "px" },

},
"200": {
"fontFamily": { "value": "'Open Sans', sans-serif" },
"300": {
"fontFamily": { "value": "'Quicksand', sans-serif" },
"size": { "value": 16, "unit": "px" },
"lineHeight": { "value": "24px" },
"weight": { "value": 400 },
"weight": { "value": 500 },
"font-style": { "value": "normal" },

@@ -80,7 +80,7 @@ "letterSpacing": { "value": 0, "unit": "px" },

},
"300": {
"fontFamily": { "value": "'Open Sans', sans-serif" },
"size": { "value": 13, "unit": "px" },
"lineHeight": { "value": "20px" },
"weight": { "value": 700 },
"400": {
"fontFamily": { "value": "'Quicksand', sans-serif" },
"size": { "value": 18, "unit": "px" },
"lineHeight": { "value": "24px" },
"weight": { "value": 400 },
"font-style": { "value": "normal" },

@@ -90,7 +90,7 @@ "letterSpacing": { "value": 0, "unit": "px" },

},
"400": {
"fontFamily": { "value": "'Open Sans', sans-serif" },
"size": { "value": 13, "unit": "px" },
"lineHeight": { "value": "20px" },
"weight": { "value": 600 },
"500": {
"fontFamily": { "value": "'Quicksand', sans-serif" },
"size": { "value": 20, "unit": "px" },
"lineHeight": { "value": "28px" },
"weight": { "value": 400 },
"font-style": { "value": "normal" },

@@ -100,18 +100,19 @@ "letterSpacing": { "value": 0, "unit": "px" },

},
"500": {
"fontFamily": { "value": "'Open Sans', sans-serif" },
"size": { "value": 11, "unit": "px" },
"lineHeight": { "value": "20px" },
"600": {
"fontFamily": { "value": "'Quicksand', sans-serif" },
"size": { "value": 28, "unit": "px" },
"lineHeight": { "value": "36px" },
"weight": { "value": 400 },
"font-style": { "value": "normal" },
"letterSpacing": { "value": 0, "unit": "px" },
"textTransform": { "value": "uppercase" }
"textTransform": { "value": "none" }
}
},
"expressive": {
"100": {
"fontFamily": { "value": "'Open Sans', sans-serif" },
"size": { "value": 14, "unit": "px" },
"lineHeight": { "value": "20px" },
"weight": { "value": 400 },
"fontFamily": { "value": "'Rubik', sans-serif" },
"size": { "value": 18, "unit": "px" },
"lineHeight": { "value": "24px" },
"weight": { "value": 500 },
"font-style": { "value": "normal" },

@@ -122,5 +123,5 @@ "letterSpacing": { "value": 0, "unit": "px" },

"200": {
"fontFamily": { "value": "'Open Sans', sans-serif" },
"size": { "value": 18, "unit": "px" },
"lineHeight": { "value": "24px" },
"fontFamily": { "value": "'Rubik', sans-serif" },
"size": { "value": 24, "unit": "px" },
"lineHeight": { "value": "32px" },
"weight": { "value": 400 },

@@ -132,5 +133,5 @@ "font-style": { "value": "normal" },

"300": {
"fontFamily": { "value": "'Open Sans', sans-serif" },
"fontFamily": { "value": "'Rubik', sans-serif" },
"size": { "value": 30, "unit": "px" },
"lineHeight": { "value": "44px" },
"lineHeight": { "value": "40px" },
"weight": { "value": 400 },

@@ -142,5 +143,5 @@ "font-style": { "value": "normal" },

"400": {
"fontFamily": { "value": "'Open Sans', sans-serif" },
"fontFamily": { "value": "'Rubik', sans-serif" },
"size": { "value": 36, "unit": "px" },
"lineHeight": { "value": "56px" },
"lineHeight": { "value": "44px" },
"weight": { "value": 400 },

@@ -147,0 +148,0 @@ "font-style": { "value": "normal" },

10

src/legacyTheme/color.json

@@ -21,2 +21,10 @@ {

"opacity": "{opacity.base.000.value}"
},
"400-selected": {
"value": 1,
"color": "{color.brand.100.value}",
"opacity": "{opacity.base.200.value}"
},
"400-pressed": {
"value": "{color.base.grey.100.value}"
}

@@ -26,2 +34,4 @@ }

"text": {
"100": { "value": "{color.base.grey.800.value}" },
"300": { "value": "{color.base.grey.400.value}" },
"interactive100": { "value": "{color.base.white.value}" },

@@ -28,0 +38,0 @@ "interactive200": { "value": "{color.base.grey.800.value}" },

src/sizingIcon.json
build/css/variables.css

Sorry, the diff of this file is not supported yet

build/css/variablesDarkTheme.css

Sorry, the diff of this file is not supported yet

build/css/variablesLegacyTheme.css

Sorry, the diff of this file is not supported yet

build/less/variables.less

Sorry, the diff of this file is not supported yet

build/less/variablesDarkTheme.less

Sorry, the diff of this file is not supported yet

build/less/variablesLegacyTheme.less

Sorry, the diff of this file is not supported yet

build/scss/variables.scss

Sorry, the diff of this file is not supported yet

build/scss/variablesDarkTheme.scss

Sorry, the diff of this file is not supported yet

build/scss/variablesLegacyTheme.scss

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc