From fe7a42051fcd85452adfb789986fb19c706d94ed Mon Sep 17 00:00:00 2001 From: Ian Clarke Date: Thu, 4 Aug 2022 10:43:10 -0400 Subject: [PATCH 1/7] Init --- data/tokens.json | 913 +++++++++++++++++++++++------------------------ package.json | 3 +- 2 files changed, 445 insertions(+), 471 deletions(-) diff --git a/data/tokens.json b/data/tokens.json index cbadbfb2..a2929697 100644 --- a/data/tokens.json +++ b/data/tokens.json @@ -1,510 +1,483 @@ { - "global": { - "colors": { - "green": { - "100": { - "value": "#FAFFFC", - "type": "color" - }, - "200": { - "value": "#EBF2EF", - "type": "color" - }, - "300": { - "value": "#D1E0D9", - "type": "color" - }, - "400": { - "value": "#B6CFC2", - "type": "color" - }, - "500": { - "value": "#86B09B", - "type": "color" - }, - "600": { - "value": "#307553", - "type": "color" - }, - "700": { - "value": "#275E43", - "type": "color" - }, - "800": { - "value": "#244C38", - "type": "color" - } + "colors": { + "green": { + "100": { + "value": "#FAFFFC", + "type": "color" }, - "blue": { - "100": { - "value": "#F5FAFF", - "type": "color" - }, - "200": { - "value": "#E6F1FC", - "type": "color" - }, - "300": { - "value": "#C0D8F0", - "type": "color" - }, - "400": { - "value": "#88B1D9", - "type": "color" - }, - "500": { - "value": "#5D96CF", - "type": "color" - }, - "600": { - "value": "#3971A8", - "type": "color" - }, - "700": { - "value": "#21588F", - "type": "color" - }, - "800": { - "value": "#194673", - "type": "color" - } + "200": { + "value": "#EBF2EF", + "type": "color" }, - "red": { - "100": { - "value": "#FFF7F9", - "type": "color" - }, - "200": { - "value": "#FEEEF2", - "type": "color" - }, - "300": { - "value": "#F0C4CD", - "type": "color" - }, - "400": { - "value": "#E296A6", - "type": "color" - }, - "500": { - "value": "#C6516A", - "type": "color" - }, - "600": { - "value": "#AF2645", - "type": "color" - }, - "700": { - "value": "#980B29", - "type": "color" - }, - "800": { - "value": "#800D25", - "type": "color" - } + "300": { + "value": "#D1E0D9", + "type": "color" }, - "purple": { - "100": { - "value": "#FCFAFF", - "type": "color" - }, - "200": { - "value": "#F2ECFE", - "type": "color" - }, - "300": { - "value": "#D7CEE9", - "type": "color" - }, - "400": { - "value": "#B9ABD5", - "type": "color" - }, - "500": { - "value": "#8471AB", - "type": "color" - }, - "600": { - "value": "#533E7D", - "type": "color" - }, - "700": { - "value": "#3B2566", - "type": "color" - }, - "800": { - "value": "#2A174F", - "type": "color" - } + "400": { + "value": "#B6CFC2", + "type": "color" }, - "orange": { - "100": { - "value": "#FFFAF5", - "type": "color" - }, - "200": { - "value": "#FFF3E8", - "type": "color" - }, - "300": { - "value": "#F3D8C0", - "type": "color" - }, - "400": { - "value": "#E7B88F", - "type": "color" - }, - "500": { - "value": "#CF8545", - "type": "color" - }, - "600": { - "value": "#B4631D", - "type": "color" - }, - "700": { - "value": "#8E4D14", - "type": "color" - }, - "800": { - "value": "#784213", - "type": "color" - } + "500": { + "value": "#86B09B", + "type": "color" }, - "grey": { - "100": { - "value": "#FCFEFF", - "type": "color" - }, - "200": { - "value": "#F5F7FA", - "type": "color" - }, - "300": { - "value": "#E6EDF5", - "type": "color" - }, - "400": { - "value": "#C8D3E0", - "type": "color" - }, - "500": { - "value": "#596D84", - "type": "color" - }, - "600": { - "value": "#475A70", - "type": "color" - }, - "700": { - "value": "#36485C", - "type": "color" - }, - "800": { - "value": "#2E3A47", - "type": "color" - } + "600": { + "value": "#307553", + "type": "color" + }, + "700": { + "value": "#275E43", + "type": "color" + }, + "800": { + "value": "#244C38", + "type": "color" } }, - "typography": { - "letterSpacing": { - "base": { - "value": "0", - "type": "letterSpacing" - } + "blue": { + "100": { + "value": "#F5FAFF", + "type": "color" }, - "paragraphSpacing": { - "base": { - "value": "0", - "type": "paragraphSpacing" - } + "200": { + "value": "#E6F1FC", + "type": "color" }, - "textDecoration": { - "base": { - "value": "none", - "type": "textDecoration" - } + "300": { + "value": "#C0D8F0", + "type": "color" }, - "textCase": { - "base": { - "value": "none", - "type": "textCase" - } + "400": { + "value": "#88B1D9", + "type": "color" }, - "size": { - "desktop": { - "3xlarge": { - "value": "40px", - "type": "fontSizes" - }, - "2xlarge": { - "value": "32px", - "type": "fontSizes" - }, - "xlarge": { - "value": "24px", - "type": "fontSizes" - }, - "large": { - "value": "20px", - "type": "fontSizes" - }, - "normal": { - "value": "16px", - "type": "fontSizes" - }, - "small": { - "value": "14px", - "type": "fontSizes" - }, - "xsmall": { - "value": "12px", - "type": "fontSizes" - } - }, - "mobile": { - "3xlarge": { - "value": "32px", - "type": "fontSizes" - }, - "2xlarge": { - "value": "28px", - "type": "fontSizes" - }, - "xlarge": { - "value": "22px", - "type": "fontSizes" - } - } + "500": { + "value": "#5D96CF", + "type": "color" }, - "lineHeight": { - "xlarge": { - "value": "40px", - "type": "lineHeights" - }, - "large": { - "value": "32px", - "type": "lineHeights" - }, - "normal": { - "value": "24px", - "type": "lineHeights" - }, - "small": { - "value": "16px", - "type": "lineHeights" - } + "600": { + "value": "#3971A8", + "type": "color" }, - "fontFamily": { - "sansSerif": { - "value": "Mulish", - "type": "fontFamilies" - } + "700": { + "value": "#21588F", + "type": "color" }, - "weight": { - "semiBold": { - "value": "700", - "type": "fontWeights" - }, - "base": { - "value": "500", - "type": "fontWeights" - }, - "light": { - "value": "400", - "type": "fontWeights" - }, - "strong": { - "value": "600", - "type": "fontWeights" - }, - "bold": { - "value": "900", - "type": "fontWeights" - } + "800": { + "value": "#194673", + "type": "color" + } + }, + "red": { + "100": { + "value": "#FFF7F9", + "type": "color" }, + "200": { + "value": "#FEEEF2", + "type": "color" + }, + "300": { + "value": "#F0C4CD", + "type": "color" + }, + "400": { + "value": "#E296A6", + "type": "color" + }, + "500": { + "value": "#C6516A", + "type": "color" + }, + "600": { + "value": "#AF2645", + "type": "color" + }, + "700": { + "value": "#980B29", + "type": "color" + }, + "800": { + "value": "#800D25", + "type": "color" + } + }, + "purple": { + "100": { + "value": "#FCFAFF", + "type": "color" + }, + "200": { + "value": "#F2ECFE", + "type": "color" + }, + "300": { + "value": "#D7CEE9", + "type": "color" + }, + "400": { + "value": "#B9ABD5", + "type": "color" + }, + "500": { + "value": "#8471AB", + "type": "color" + }, + "600": { + "value": "#533E7D", + "type": "color" + }, + "700": { + "value": "#3B2566", + "type": "color" + }, + "800": { + "value": "#2A174F", + "type": "color" + } + }, + "orange": { + "100": { + "value": "#FFFAF5", + "type": "color" + }, + "200": { + "value": "#FFF3E8", + "type": "color" + }, + "300": { + "value": "#F3D8C0", + "type": "color" + }, + "400": { + "value": "#E7B88F", + "type": "color" + }, + "500": { + "value": "#CF8545", + "type": "color" + }, + "600": { + "value": "#B4631D", + "type": "color" + }, + "700": { + "value": "#8E4D14", + "type": "color" + }, + "800": { + "value": "#784213", + "type": "color" + } + }, + "grey": { + "100": { + "value": "#FCFEFF", + "type": "color" + }, + "200": { + "value": "#F5F7FA", + "type": "color" + }, + "300": { + "value": "#E6EDF5", + "type": "color" + }, + "400": { + "value": "#C8D3E0", + "type": "color" + }, + "500": { + "value": "#596D84", + "type": "color" + }, + "600": { + "value": "#475A70", + "type": "color" + }, + "700": { + "value": "#36485C", + "type": "color" + }, + "800": { + "value": "#2E3A47", + "type": "color" + } + }, + "shades": { + "white": { + "value": "#FFFFFF", + "type": "color" + }, + "black": { + "value": "#000000", + "type": "color" + } + } + }, + "typography": { + "letterSpacing": { + "base": { + "value": "0", + "type": "letterSpacing" + } + }, + "paragraphSpacing": { + "base": { + "value": "0", + "type": "paragraphSpacing" + } + }, + "textDecoration": { + "base": { + "value": "none", + "type": "textDecoration" + } + }, + "textCase": { + "base": { + "value": "none", + "type": "textCase" + } + }, + "size": { "desktop": { - "h1": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.semiBold}", - "lineHeight": "{typography.lineHeight.xlarge}", - "fontSize": "{typography.size.desktop.3xlarge}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" - }, - "h2": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.semiBold}", - "lineHeight": "{typography.lineHeight.xlarge}", - "fontSize": "{typography.size.desktop.2xlarge}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" + "3xlarge": { + "value": "40px", + "type": "fontSizes" }, - "h3": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.semiBold}", - "lineHeight": "{typography.lineHeight.large}", - "fontSize": "{typography.size.desktop.xlarge}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" + "2xlarge": { + "value": "32px", + "type": "fontSizes" }, - "h4": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.semiBold}", - "lineHeight": "{typography.lineHeight.normal}", - "fontSize": "{typography.size.desktop.large}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" + "xlarge": { + "value": "24px", + "type": "fontSizes" }, - "h5": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.semiBold}", - "lineHeight": "{typography.lineHeight.normal}", - "fontSize": "{typography.size.desktop.normal}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" + "large": { + "value": "20px", + "type": "fontSizes" }, - "body": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.base}", - "lineHeight": "{typography.lineHeight.normal}", - "fontSize": "{typography.size.desktop.normal}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" + "normal": { + "value": "16px", + "type": "fontSizes" }, - "footnote": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.base}", - "lineHeight": "{typography.lineHeight.small}", - "fontSize": "{typography.size.desktop.small}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" + "small": { + "value": "14px", + "type": "fontSizes" }, - "caption": { - "type": "typography", - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.base}", - "lineHeight": "{typography.lineHeight.small}", - "fontSize": "{typography.size.desktop.xsmall}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - } + "xsmall": { + "value": "12px", + "type": "fontSizes" } }, "mobile": { - "h1": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.semiBold}", - "lineHeight": "{typography.lineHeight.xlarge}", - "fontSize": "{typography.size.mobile.3xlarge}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" + "3xlarge": { + "value": "32px", + "type": "fontSizes" }, - "h2": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.semiBold}", - "lineHeight": "{typography.lineHeight.large}", - "fontSize": "{typography.size.mobile.2xlarge}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" + "2xlarge": { + "value": "28px", + "type": "fontSizes" }, - "h3": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.semiBold}", - "lineHeight": "{typography.lineHeight.large}", - "fontSize": "{typography.size.mobile.xlarge}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" + "xlarge": { + "value": "22px", + "type": "fontSizes" } } - } - }, - "color_tokens": { - "text": { + }, + "lineHeight": { + "xlarge": { + "value": "40px", + "type": "lineHeights" + }, + "large": { + "value": "32px", + "type": "lineHeights" + }, + "normal": { + "value": "24px", + "type": "lineHeights" + }, + "small": { + "value": "16px", + "type": "lineHeights" + } + }, + "fontFamily": { + "sansSerif": { + "value": "Mulish", + "type": "fontFamilies" + } + }, + "weight": { + "semiBold": { + "value": "700", + "type": "fontWeights" + }, "base": { - "value": "{colors.grey.800}", - "type": "color" + "value": "500", + "type": "fontWeights" }, - "emphasis": { - "value": "{colors.grey.700}", - "type": "color" + "light": { + "value": "400", + "type": "fontWeights" }, - "subdued": { - "value": "{colors.grey.500}", - "type": "color" + "strong": { + "value": "600", + "type": "fontWeights" + }, + "bold": { + "value": "900", + "type": "fontWeights" } }, - "layers": { - "level0": { - "value": "{colors.grey.200}", - "type": "color" + "desktop": { + "h1": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "lineHeight": "{typography.lineHeight.xlarge}", + "fontSize": "{typography.size.desktop.3xlarge}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" }, - "level1": { - "value": "#FFF", - "type": "color" + "h2": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "lineHeight": "{typography.lineHeight.xlarge}", + "fontSize": "{typography.size.desktop.2xlarge}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" }, - "level2": { - "value": "{colors.grey.100}", - "type": "color" + "h3": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "lineHeight": "{typography.lineHeight.large}", + "fontSize": "{typography.size.desktop.xlarge}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" }, - "level3": { - "value": "#FFF", - "type": "color" + "h4": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "lineHeight": "{typography.lineHeight.normal}", + "fontSize": "{typography.size.desktop.large}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + }, + "h5": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "lineHeight": "{typography.lineHeight.normal}", + "fontSize": "{typography.size.desktop.normal}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + }, + "body": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.base}", + "lineHeight": "{typography.lineHeight.normal}", + "fontSize": "{typography.size.desktop.normal}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + }, + "footnote": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.base}", + "lineHeight": "{typography.lineHeight.small}", + "fontSize": "{typography.size.desktop.small}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + }, + "caption": { + "type": "typography", + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.base}", + "lineHeight": "{typography.lineHeight.small}", + "fontSize": "{typography.size.desktop.xsmall}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + } + } + }, + "mobile": { + "h1": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "lineHeight": "{typography.lineHeight.xlarge}", + "fontSize": "{typography.size.mobile.3xlarge}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + }, + "h2": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "lineHeight": "{typography.lineHeight.large}", + "fontSize": "{typography.size.mobile.2xlarge}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + }, + "h3": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "lineHeight": "{typography.lineHeight.large}", + "fontSize": "{typography.size.mobile.xlarge}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" } } - }, - "$themes": [] -} \ No newline at end of file + } +} diff --git a/package.json b/package.json index fdbee25e..4557175f 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,8 @@ ], "scripts": { "build": "node build.js", - "transform": "token-transformer data/tokens.json data/transformed-tokens.json --expandTypography=true" + "transform-base": "npx token-transformer data data/transformed-tokens.json tokens --expandTypography", + "transform": "yarn transform-base" }, "devDependencies": { "style-dictionary": "^3.7.0", From afc2b73ddaff7eb2e1309af56a4554127e7d969b Mon Sep 17 00:00:00 2001 From: iryanclarke Date: Thu, 4 Aug 2022 14:43:38 +0000 Subject: [PATCH 2/7] Transformed tokens --- data/transformed-tokens.json | 42 +++++++++--------------------------- 1 file changed, 10 insertions(+), 32 deletions(-) diff --git a/data/transformed-tokens.json b/data/transformed-tokens.json index db1f7cf6..4d6e912c 100644 --- a/data/transformed-tokens.json +++ b/data/transformed-tokens.json @@ -1,36 +1,4 @@ { - "text": { - "base": { - "value": "#2E3A47", - "type": "color" - }, - "emphasis": { - "value": "#36485C", - "type": "color" - }, - "subdued": { - "value": "#596D84", - "type": "color" - } - }, - "layers": { - "level0": { - "value": "#F5F7FA", - "type": "color" - }, - "level1": { - "value": "#FFF", - "type": "color" - }, - "level2": { - "value": "#FCFEFF", - "type": "color" - }, - "level3": { - "value": "#FFF", - "type": "color" - } - }, "colors": { "green": { "100": { @@ -235,6 +203,16 @@ "value": "#2E3A47", "type": "color" } + }, + "shades": { + "white": { + "value": "#FFFFFF", + "type": "color" + }, + "black": { + "value": "#000000", + "type": "color" + } } }, "typography": { From adbc8c5c80fb4144068302f802b3fd74cf990f46 Mon Sep 17 00:00:00 2001 From: iryanclarke Date: Thu, 4 Aug 2022 14:43:57 +0000 Subject: [PATCH 3/7] Built and updated design tokens --- build/native/colors.d.ts | 13 ++++--------- build/native/colors.js | 13 ++++--------- build/native/typography.d.ts | 2 +- build/native/typography.js | 2 +- build/scss/colors.scss | 13 ++++--------- build/scss/typography.scss | 2 +- build/ts/colors.d.ts | 13 ++++--------- build/ts/colors.js | 13 ++++--------- build/ts/typography.d.ts | 2 +- build/ts/typography.js | 2 +- 10 files changed, 25 insertions(+), 50 deletions(-) diff --git a/build/native/colors.d.ts b/build/native/colors.d.ts index 1e5a73c8..ec49b8c8 100644 --- a/build/native/colors.d.ts +++ b/build/native/colors.d.ts @@ -1,15 +1,8 @@ /** * Do not edit directly - * Generated on Wed, 03 Aug 2022 13:50:24 GMT + * Generated on Thu, 04 Aug 2022 14:43:57 GMT */ -export const base : string; -export const emphasis : string; -export const subdued : string; -export const level0 : string; -export const level1 : string; -export const level2 : string; -export const level3 : string; export const green100 : string; export const green200 : string; export const green300 : string; @@ -57,4 +50,6 @@ export const grey400 : string; export const grey500 : string; export const grey600 : string; export const grey700 : string; -export const grey800 : string; \ No newline at end of file +export const grey800 : string; +export const shadeswhite : string; +export const shadesblack : string; \ No newline at end of file diff --git a/build/native/colors.js b/build/native/colors.js index 7eafc56e..8f026ebc 100644 --- a/build/native/colors.js +++ b/build/native/colors.js @@ -1,16 +1,9 @@ /** * Do not edit directly - * Generated on Wed, 03 Aug 2022 13:50:24 GMT + * Generated on Thu, 04 Aug 2022 14:43:57 GMT */ module.exports = { - "base": "#2E3A47", - "emphasis": "#36485C", - "subdued": "#596D84", - "level0": "#F5F7FA", - "level1": "#FFF", - "level2": "#FCFEFF", - "level3": "#FFF", "green100": "#FAFFFC", "green200": "#EBF2EF", "green300": "#D1E0D9", @@ -58,5 +51,7 @@ module.exports = { "grey500": "#596D84", "grey600": "#475A70", "grey700": "#36485C", - "grey800": "#2E3A47" + "grey800": "#2E3A47", + "shadeswhite": "#FFFFFF", + "shadesblack": "#000000" }; \ No newline at end of file diff --git a/build/native/typography.d.ts b/build/native/typography.d.ts index 9b8d749b..d670d6f9 100644 --- a/build/native/typography.d.ts +++ b/build/native/typography.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 03 Aug 2022 13:50:24 GMT + * Generated on Thu, 04 Aug 2022 14:43:57 GMT */ export const letterSpacingBase : number; diff --git a/build/native/typography.js b/build/native/typography.js index 2a7574b9..dacfa6c8 100644 --- a/build/native/typography.js +++ b/build/native/typography.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 03 Aug 2022 13:50:24 GMT + * Generated on Thu, 04 Aug 2022 14:43:57 GMT */ module.exports = { diff --git a/build/scss/colors.scss b/build/scss/colors.scss index f32a81a5..9e68ebfd 100644 --- a/build/scss/colors.scss +++ b/build/scss/colors.scss @@ -1,14 +1,7 @@ // Do not edit directly -// Generated on Wed, 03 Aug 2022 13:50:24 GMT +// Generated on Thu, 04 Aug 2022 14:43:57 GMT -$base: #2E3A47; -$emphasis: #36485C; -$subdued: #596D84; -$level0: #F5F7FA; -$level1: #FFF; -$level2: #FCFEFF; -$level3: #FFF; $green100: #FAFFFC; $green200: #EBF2EF; $green300: #D1E0D9; @@ -56,4 +49,6 @@ $grey400: #C8D3E0; $grey500: #596D84; $grey600: #475A70; $grey700: #36485C; -$grey800: #2E3A47; \ No newline at end of file +$grey800: #2E3A47; +$shadeswhite: #FFFFFF; +$shadesblack: #000000; \ No newline at end of file diff --git a/build/scss/typography.scss b/build/scss/typography.scss index 3de133f7..ca8dbe49 100644 --- a/build/scss/typography.scss +++ b/build/scss/typography.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Wed, 03 Aug 2022 13:50:24 GMT +// Generated on Thu, 04 Aug 2022 14:43:57 GMT $letterSpacingBase: 0; $paragraphSpacingBase: 0; diff --git a/build/ts/colors.d.ts b/build/ts/colors.d.ts index 1e5a73c8..ec49b8c8 100644 --- a/build/ts/colors.d.ts +++ b/build/ts/colors.d.ts @@ -1,15 +1,8 @@ /** * Do not edit directly - * Generated on Wed, 03 Aug 2022 13:50:24 GMT + * Generated on Thu, 04 Aug 2022 14:43:57 GMT */ -export const base : string; -export const emphasis : string; -export const subdued : string; -export const level0 : string; -export const level1 : string; -export const level2 : string; -export const level3 : string; export const green100 : string; export const green200 : string; export const green300 : string; @@ -57,4 +50,6 @@ export const grey400 : string; export const grey500 : string; export const grey600 : string; export const grey700 : string; -export const grey800 : string; \ No newline at end of file +export const grey800 : string; +export const shadeswhite : string; +export const shadesblack : string; \ No newline at end of file diff --git a/build/ts/colors.js b/build/ts/colors.js index 7eafc56e..8f026ebc 100644 --- a/build/ts/colors.js +++ b/build/ts/colors.js @@ -1,16 +1,9 @@ /** * Do not edit directly - * Generated on Wed, 03 Aug 2022 13:50:24 GMT + * Generated on Thu, 04 Aug 2022 14:43:57 GMT */ module.exports = { - "base": "#2E3A47", - "emphasis": "#36485C", - "subdued": "#596D84", - "level0": "#F5F7FA", - "level1": "#FFF", - "level2": "#FCFEFF", - "level3": "#FFF", "green100": "#FAFFFC", "green200": "#EBF2EF", "green300": "#D1E0D9", @@ -58,5 +51,7 @@ module.exports = { "grey500": "#596D84", "grey600": "#475A70", "grey700": "#36485C", - "grey800": "#2E3A47" + "grey800": "#2E3A47", + "shadeswhite": "#FFFFFF", + "shadesblack": "#000000" }; \ No newline at end of file diff --git a/build/ts/typography.d.ts b/build/ts/typography.d.ts index 6b149d65..f8544161 100644 --- a/build/ts/typography.d.ts +++ b/build/ts/typography.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 03 Aug 2022 13:50:24 GMT + * Generated on Thu, 04 Aug 2022 14:43:57 GMT */ export const letterSpacingBase : number; diff --git a/build/ts/typography.js b/build/ts/typography.js index c1c3884e..4d3c0ac0 100644 --- a/build/ts/typography.js +++ b/build/ts/typography.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Wed, 03 Aug 2022 13:50:24 GMT + * Generated on Thu, 04 Aug 2022 14:43:57 GMT */ module.exports = { From 5d2672455d047f1e94bced9b40d6a9ff94f0494e Mon Sep 17 00:00:00 2001 From: Ian Clarke Date: Thu, 4 Aug 2022 10:52:12 -0400 Subject: [PATCH 4/7] Tokens -> Core --- data/$themes.json | 1 + data/core.json | 483 ++++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 484 insertions(+) create mode 100644 data/$themes.json create mode 100644 data/core.json diff --git a/data/$themes.json b/data/$themes.json new file mode 100644 index 00000000..0637a088 --- /dev/null +++ b/data/$themes.json @@ -0,0 +1 @@ +[] \ No newline at end of file diff --git a/data/core.json b/data/core.json new file mode 100644 index 00000000..605986e4 --- /dev/null +++ b/data/core.json @@ -0,0 +1,483 @@ +{ + "colors": { + "green": { + "100": { + "value": "#FAFFFC", + "type": "color" + }, + "200": { + "value": "#EBF2EF", + "type": "color" + }, + "300": { + "value": "#D1E0D9", + "type": "color" + }, + "400": { + "value": "#B6CFC2", + "type": "color" + }, + "500": { + "value": "#86B09B", + "type": "color" + }, + "600": { + "value": "#307553", + "type": "color" + }, + "700": { + "value": "#275E43", + "type": "color" + }, + "800": { + "value": "#244C38", + "type": "color" + } + }, + "blue": { + "100": { + "value": "#F5FAFF", + "type": "color" + }, + "200": { + "value": "#E6F1FC", + "type": "color" + }, + "300": { + "value": "#C0D8F0", + "type": "color" + }, + "400": { + "value": "#88B1D9", + "type": "color" + }, + "500": { + "value": "#5D96CF", + "type": "color" + }, + "600": { + "value": "#3971A8", + "type": "color" + }, + "700": { + "value": "#21588F", + "type": "color" + }, + "800": { + "value": "#194673", + "type": "color" + } + }, + "red": { + "100": { + "value": "#FFF7F9", + "type": "color" + }, + "200": { + "value": "#FEEEF2", + "type": "color" + }, + "300": { + "value": "#F0C4CD", + "type": "color" + }, + "400": { + "value": "#E296A6", + "type": "color" + }, + "500": { + "value": "#C6516A", + "type": "color" + }, + "600": { + "value": "#AF2645", + "type": "color" + }, + "700": { + "value": "#980B29", + "type": "color" + }, + "800": { + "value": "#800D25", + "type": "color" + } + }, + "purple": { + "100": { + "value": "#FCFAFF", + "type": "color" + }, + "200": { + "value": "#F2ECFE", + "type": "color" + }, + "300": { + "value": "#D7CEE9", + "type": "color" + }, + "400": { + "value": "#B9ABD5", + "type": "color" + }, + "500": { + "value": "#8471AB", + "type": "color" + }, + "600": { + "value": "#533E7D", + "type": "color" + }, + "700": { + "value": "#3B2566", + "type": "color" + }, + "800": { + "value": "#2A174F", + "type": "color" + } + }, + "orange": { + "100": { + "value": "#FFFAF5", + "type": "color" + }, + "200": { + "value": "#FFF3E8", + "type": "color" + }, + "300": { + "value": "#F3D8C0", + "type": "color" + }, + "400": { + "value": "#E7B88F", + "type": "color" + }, + "500": { + "value": "#CF8545", + "type": "color" + }, + "600": { + "value": "#B4631D", + "type": "color" + }, + "700": { + "value": "#8E4D14", + "type": "color" + }, + "800": { + "value": "#784213", + "type": "color" + } + }, + "grey": { + "100": { + "value": "#FCFEFF", + "type": "color" + }, + "200": { + "value": "#F5F7FA", + "type": "color" + }, + "300": { + "value": "#E6EDF5", + "type": "color" + }, + "400": { + "value": "#C8D3E0", + "type": "color" + }, + "500": { + "value": "#596D84", + "type": "color" + }, + "600": { + "value": "#475A70", + "type": "color" + }, + "700": { + "value": "#36485C", + "type": "color" + }, + "800": { + "value": "#2E3A47", + "type": "color" + } + }, + "shades": { + "white": { + "value": "#FFFFFF", + "type": "color" + }, + "black": { + "value": "#000000", + "type": "color" + } + } + }, + "typography": { + "letterSpacing": { + "base": { + "value": "0", + "type": "letterSpacing" + } + }, + "paragraphSpacing": { + "base": { + "value": "0", + "type": "paragraphSpacing" + } + }, + "textDecoration": { + "base": { + "value": "none", + "type": "textDecoration" + } + }, + "textCase": { + "base": { + "value": "none", + "type": "textCase" + } + }, + "size": { + "desktop": { + "3xlarge": { + "value": "40px", + "type": "fontSizes" + }, + "2xlarge": { + "value": "32px", + "type": "fontSizes" + }, + "xlarge": { + "value": "24px", + "type": "fontSizes" + }, + "large": { + "value": "20px", + "type": "fontSizes" + }, + "normal": { + "value": "16px", + "type": "fontSizes" + }, + "small": { + "value": "14px", + "type": "fontSizes" + }, + "xsmall": { + "value": "12px", + "type": "fontSizes" + } + }, + "mobile": { + "3xlarge": { + "value": "32px", + "type": "fontSizes" + }, + "2xlarge": { + "value": "28px", + "type": "fontSizes" + }, + "xlarge": { + "value": "22px", + "type": "fontSizes" + } + } + }, + "lineHeight": { + "xlarge": { + "value": "40px", + "type": "lineHeights" + }, + "large": { + "value": "32px", + "type": "lineHeights" + }, + "normal": { + "value": "24px", + "type": "lineHeights" + }, + "small": { + "value": "16px", + "type": "lineHeights" + } + }, + "fontFamily": { + "sansSerif": { + "value": "Mulish", + "type": "fontFamilies" + } + }, + "weight": { + "semiBold": { + "value": "700", + "type": "fontWeights" + }, + "base": { + "value": "500", + "type": "fontWeights" + }, + "light": { + "value": "400", + "type": "fontWeights" + }, + "strong": { + "value": "600", + "type": "fontWeights" + }, + "bold": { + "value": "900", + "type": "fontWeights" + } + }, + "desktop": { + "h1": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "lineHeight": "{typography.lineHeight.xlarge}", + "fontSize": "{typography.size.desktop.3xlarge}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + }, + "h2": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "lineHeight": "{typography.lineHeight.xlarge}", + "fontSize": "{typography.size.desktop.2xlarge}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + }, + "h3": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "lineHeight": "{typography.lineHeight.large}", + "fontSize": "{typography.size.desktop.xlarge}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + }, + "h4": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "lineHeight": "{typography.lineHeight.normal}", + "fontSize": "{typography.size.desktop.large}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + }, + "h5": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "lineHeight": "{typography.lineHeight.normal}", + "fontSize": "{typography.size.desktop.normal}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + }, + "body": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.base}", + "lineHeight": "{typography.lineHeight.normal}", + "fontSize": "{typography.size.desktop.normal}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + }, + "footnote": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.base}", + "lineHeight": "{typography.lineHeight.small}", + "fontSize": "{typography.size.desktop.small}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + }, + "caption": { + "type": "typography", + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.base}", + "lineHeight": "{typography.lineHeight.small}", + "fontSize": "{typography.size.desktop.xsmall}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + } + } + }, + "mobile": { + "h1": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "lineHeight": "{typography.lineHeight.xlarge}", + "fontSize": "{typography.size.mobile.3xlarge}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + }, + "h2": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "lineHeight": "{typography.lineHeight.large}", + "fontSize": "{typography.size.mobile.2xlarge}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + }, + "h3": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "lineHeight": "{typography.lineHeight.large}", + "fontSize": "{typography.size.mobile.xlarge}", + "letterSpacing": "{typography.letterSpacing.base}", + "paragraphSpacing": "{typography.paragraphSpacing.base}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + } + } + } +} \ No newline at end of file From c8be9124a93a7ee34b639c06699ce6a4e8c48a07 Mon Sep 17 00:00:00 2001 From: Ian Clarke Date: Thu, 4 Aug 2022 10:53:47 -0400 Subject: [PATCH 5/7] Rename tokens to core --- .github/workflows/build-tokens.yml | 8 +- config.json | 2 +- data/tokens.json | 483 ------------------- data/transformed-tokens.json | 714 ----------------------------- package.json | 2 +- 5 files changed, 6 insertions(+), 1203 deletions(-) delete mode 100644 data/tokens.json delete mode 100644 data/transformed-tokens.json diff --git a/.github/workflows/build-tokens.yml b/.github/workflows/build-tokens.yml index e8f02671..edc3c795 100644 --- a/.github/workflows/build-tokens.yml +++ b/.github/workflows/build-tokens.yml @@ -3,11 +3,11 @@ name: Style dictionary build on: push: paths: - - 'data/tokens.json' - - 'config.json' - - 'build.js' + - "data/core.json" + - "config.json" + - "build.js" branches-ignore: - - 'main' + - "main" jobs: transform_tokens: diff --git a/config.json b/config.json index 470e39de..72af075a 100644 --- a/config.json +++ b/config.json @@ -1,3 +1,3 @@ { - "source": ["data/transformed-tokens.json"] + "source": ["data/transformed-core.json"] } diff --git a/data/tokens.json b/data/tokens.json deleted file mode 100644 index a2929697..00000000 --- a/data/tokens.json +++ /dev/null @@ -1,483 +0,0 @@ -{ - "colors": { - "green": { - "100": { - "value": "#FAFFFC", - "type": "color" - }, - "200": { - "value": "#EBF2EF", - "type": "color" - }, - "300": { - "value": "#D1E0D9", - "type": "color" - }, - "400": { - "value": "#B6CFC2", - "type": "color" - }, - "500": { - "value": "#86B09B", - "type": "color" - }, - "600": { - "value": "#307553", - "type": "color" - }, - "700": { - "value": "#275E43", - "type": "color" - }, - "800": { - "value": "#244C38", - "type": "color" - } - }, - "blue": { - "100": { - "value": "#F5FAFF", - "type": "color" - }, - "200": { - "value": "#E6F1FC", - "type": "color" - }, - "300": { - "value": "#C0D8F0", - "type": "color" - }, - "400": { - "value": "#88B1D9", - "type": "color" - }, - "500": { - "value": "#5D96CF", - "type": "color" - }, - "600": { - "value": "#3971A8", - "type": "color" - }, - "700": { - "value": "#21588F", - "type": "color" - }, - "800": { - "value": "#194673", - "type": "color" - } - }, - "red": { - "100": { - "value": "#FFF7F9", - "type": "color" - }, - "200": { - "value": "#FEEEF2", - "type": "color" - }, - "300": { - "value": "#F0C4CD", - "type": "color" - }, - "400": { - "value": "#E296A6", - "type": "color" - }, - "500": { - "value": "#C6516A", - "type": "color" - }, - "600": { - "value": "#AF2645", - "type": "color" - }, - "700": { - "value": "#980B29", - "type": "color" - }, - "800": { - "value": "#800D25", - "type": "color" - } - }, - "purple": { - "100": { - "value": "#FCFAFF", - "type": "color" - }, - "200": { - "value": "#F2ECFE", - "type": "color" - }, - "300": { - "value": "#D7CEE9", - "type": "color" - }, - "400": { - "value": "#B9ABD5", - "type": "color" - }, - "500": { - "value": "#8471AB", - "type": "color" - }, - "600": { - "value": "#533E7D", - "type": "color" - }, - "700": { - "value": "#3B2566", - "type": "color" - }, - "800": { - "value": "#2A174F", - "type": "color" - } - }, - "orange": { - "100": { - "value": "#FFFAF5", - "type": "color" - }, - "200": { - "value": "#FFF3E8", - "type": "color" - }, - "300": { - "value": "#F3D8C0", - "type": "color" - }, - "400": { - "value": "#E7B88F", - "type": "color" - }, - "500": { - "value": "#CF8545", - "type": "color" - }, - "600": { - "value": "#B4631D", - "type": "color" - }, - "700": { - "value": "#8E4D14", - "type": "color" - }, - "800": { - "value": "#784213", - "type": "color" - } - }, - "grey": { - "100": { - "value": "#FCFEFF", - "type": "color" - }, - "200": { - "value": "#F5F7FA", - "type": "color" - }, - "300": { - "value": "#E6EDF5", - "type": "color" - }, - "400": { - "value": "#C8D3E0", - "type": "color" - }, - "500": { - "value": "#596D84", - "type": "color" - }, - "600": { - "value": "#475A70", - "type": "color" - }, - "700": { - "value": "#36485C", - "type": "color" - }, - "800": { - "value": "#2E3A47", - "type": "color" - } - }, - "shades": { - "white": { - "value": "#FFFFFF", - "type": "color" - }, - "black": { - "value": "#000000", - "type": "color" - } - } - }, - "typography": { - "letterSpacing": { - "base": { - "value": "0", - "type": "letterSpacing" - } - }, - "paragraphSpacing": { - "base": { - "value": "0", - "type": "paragraphSpacing" - } - }, - "textDecoration": { - "base": { - "value": "none", - "type": "textDecoration" - } - }, - "textCase": { - "base": { - "value": "none", - "type": "textCase" - } - }, - "size": { - "desktop": { - "3xlarge": { - "value": "40px", - "type": "fontSizes" - }, - "2xlarge": { - "value": "32px", - "type": "fontSizes" - }, - "xlarge": { - "value": "24px", - "type": "fontSizes" - }, - "large": { - "value": "20px", - "type": "fontSizes" - }, - "normal": { - "value": "16px", - "type": "fontSizes" - }, - "small": { - "value": "14px", - "type": "fontSizes" - }, - "xsmall": { - "value": "12px", - "type": "fontSizes" - } - }, - "mobile": { - "3xlarge": { - "value": "32px", - "type": "fontSizes" - }, - "2xlarge": { - "value": "28px", - "type": "fontSizes" - }, - "xlarge": { - "value": "22px", - "type": "fontSizes" - } - } - }, - "lineHeight": { - "xlarge": { - "value": "40px", - "type": "lineHeights" - }, - "large": { - "value": "32px", - "type": "lineHeights" - }, - "normal": { - "value": "24px", - "type": "lineHeights" - }, - "small": { - "value": "16px", - "type": "lineHeights" - } - }, - "fontFamily": { - "sansSerif": { - "value": "Mulish", - "type": "fontFamilies" - } - }, - "weight": { - "semiBold": { - "value": "700", - "type": "fontWeights" - }, - "base": { - "value": "500", - "type": "fontWeights" - }, - "light": { - "value": "400", - "type": "fontWeights" - }, - "strong": { - "value": "600", - "type": "fontWeights" - }, - "bold": { - "value": "900", - "type": "fontWeights" - } - }, - "desktop": { - "h1": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.semiBold}", - "lineHeight": "{typography.lineHeight.xlarge}", - "fontSize": "{typography.size.desktop.3xlarge}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" - }, - "h2": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.semiBold}", - "lineHeight": "{typography.lineHeight.xlarge}", - "fontSize": "{typography.size.desktop.2xlarge}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" - }, - "h3": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.semiBold}", - "lineHeight": "{typography.lineHeight.large}", - "fontSize": "{typography.size.desktop.xlarge}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" - }, - "h4": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.semiBold}", - "lineHeight": "{typography.lineHeight.normal}", - "fontSize": "{typography.size.desktop.large}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" - }, - "h5": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.semiBold}", - "lineHeight": "{typography.lineHeight.normal}", - "fontSize": "{typography.size.desktop.normal}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" - }, - "body": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.base}", - "lineHeight": "{typography.lineHeight.normal}", - "fontSize": "{typography.size.desktop.normal}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" - }, - "footnote": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.base}", - "lineHeight": "{typography.lineHeight.small}", - "fontSize": "{typography.size.desktop.small}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" - }, - "caption": { - "type": "typography", - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.base}", - "lineHeight": "{typography.lineHeight.small}", - "fontSize": "{typography.size.desktop.xsmall}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - } - } - }, - "mobile": { - "h1": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.semiBold}", - "lineHeight": "{typography.lineHeight.xlarge}", - "fontSize": "{typography.size.mobile.3xlarge}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" - }, - "h2": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.semiBold}", - "lineHeight": "{typography.lineHeight.large}", - "fontSize": "{typography.size.mobile.2xlarge}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" - }, - "h3": { - "value": { - "fontFamily": "{typography.fontFamily.sansSerif}", - "fontWeight": "{typography.weight.semiBold}", - "lineHeight": "{typography.lineHeight.large}", - "fontSize": "{typography.size.mobile.xlarge}", - "letterSpacing": "{typography.letterSpacing.base}", - "paragraphSpacing": "{typography.paragraphSpacing.base}", - "textDecoration": "{typography.textDecoration.base}", - "textCase": "{typography.textCase.base}" - }, - "type": "typography" - } - } - } -} diff --git a/data/transformed-tokens.json b/data/transformed-tokens.json deleted file mode 100644 index 4d6e912c..00000000 --- a/data/transformed-tokens.json +++ /dev/null @@ -1,714 +0,0 @@ -{ - "colors": { - "green": { - "100": { - "value": "#FAFFFC", - "type": "color" - }, - "200": { - "value": "#EBF2EF", - "type": "color" - }, - "300": { - "value": "#D1E0D9", - "type": "color" - }, - "400": { - "value": "#B6CFC2", - "type": "color" - }, - "500": { - "value": "#86B09B", - "type": "color" - }, - "600": { - "value": "#307553", - "type": "color" - }, - "700": { - "value": "#275E43", - "type": "color" - }, - "800": { - "value": "#244C38", - "type": "color" - } - }, - "blue": { - "100": { - "value": "#F5FAFF", - "type": "color" - }, - "200": { - "value": "#E6F1FC", - "type": "color" - }, - "300": { - "value": "#C0D8F0", - "type": "color" - }, - "400": { - "value": "#88B1D9", - "type": "color" - }, - "500": { - "value": "#5D96CF", - "type": "color" - }, - "600": { - "value": "#3971A8", - "type": "color" - }, - "700": { - "value": "#21588F", - "type": "color" - }, - "800": { - "value": "#194673", - "type": "color" - } - }, - "red": { - "100": { - "value": "#FFF7F9", - "type": "color" - }, - "200": { - "value": "#FEEEF2", - "type": "color" - }, - "300": { - "value": "#F0C4CD", - "type": "color" - }, - "400": { - "value": "#E296A6", - "type": "color" - }, - "500": { - "value": "#C6516A", - "type": "color" - }, - "600": { - "value": "#AF2645", - "type": "color" - }, - "700": { - "value": "#980B29", - "type": "color" - }, - "800": { - "value": "#800D25", - "type": "color" - } - }, - "purple": { - "100": { - "value": "#FCFAFF", - "type": "color" - }, - "200": { - "value": "#F2ECFE", - "type": "color" - }, - "300": { - "value": "#D7CEE9", - "type": "color" - }, - "400": { - "value": "#B9ABD5", - "type": "color" - }, - "500": { - "value": "#8471AB", - "type": "color" - }, - "600": { - "value": "#533E7D", - "type": "color" - }, - "700": { - "value": "#3B2566", - "type": "color" - }, - "800": { - "value": "#2A174F", - "type": "color" - } - }, - "orange": { - "100": { - "value": "#FFFAF5", - "type": "color" - }, - "200": { - "value": "#FFF3E8", - "type": "color" - }, - "300": { - "value": "#F3D8C0", - "type": "color" - }, - "400": { - "value": "#E7B88F", - "type": "color" - }, - "500": { - "value": "#CF8545", - "type": "color" - }, - "600": { - "value": "#B4631D", - "type": "color" - }, - "700": { - "value": "#8E4D14", - "type": "color" - }, - "800": { - "value": "#784213", - "type": "color" - } - }, - "grey": { - "100": { - "value": "#FCFEFF", - "type": "color" - }, - "200": { - "value": "#F5F7FA", - "type": "color" - }, - "300": { - "value": "#E6EDF5", - "type": "color" - }, - "400": { - "value": "#C8D3E0", - "type": "color" - }, - "500": { - "value": "#596D84", - "type": "color" - }, - "600": { - "value": "#475A70", - "type": "color" - }, - "700": { - "value": "#36485C", - "type": "color" - }, - "800": { - "value": "#2E3A47", - "type": "color" - } - }, - "shades": { - "white": { - "value": "#FFFFFF", - "type": "color" - }, - "black": { - "value": "#000000", - "type": "color" - } - } - }, - "typography": { - "letterSpacing": { - "base": { - "value": 0, - "type": "letterSpacing" - } - }, - "paragraphSpacing": { - "base": { - "value": 0, - "type": "paragraphSpacing" - } - }, - "textDecoration": { - "base": { - "value": "none", - "type": "textDecoration" - } - }, - "textCase": { - "base": { - "value": "none", - "type": "textCase" - } - }, - "size": { - "desktop": { - "3xlarge": { - "value": "40px", - "type": "fontSizes" - }, - "2xlarge": { - "value": "32px", - "type": "fontSizes" - }, - "xlarge": { - "value": "24px", - "type": "fontSizes" - }, - "large": { - "value": "20px", - "type": "fontSizes" - }, - "normal": { - "value": "16px", - "type": "fontSizes" - }, - "small": { - "value": "14px", - "type": "fontSizes" - }, - "xsmall": { - "value": "12px", - "type": "fontSizes" - } - }, - "mobile": { - "3xlarge": { - "value": "32px", - "type": "fontSizes" - }, - "2xlarge": { - "value": "28px", - "type": "fontSizes" - }, - "xlarge": { - "value": "22px", - "type": "fontSizes" - } - } - }, - "lineHeight": { - "xlarge": { - "value": "40px", - "type": "lineHeights" - }, - "large": { - "value": "32px", - "type": "lineHeights" - }, - "normal": { - "value": "24px", - "type": "lineHeights" - }, - "small": { - "value": "16px", - "type": "lineHeights" - } - }, - "fontFamily": { - "sansSerif": { - "value": "Mulish", - "type": "fontFamilies" - } - }, - "weight": { - "semiBold": { - "value": 700, - "type": "fontWeights" - }, - "base": { - "value": 500, - "type": "fontWeights" - }, - "light": { - "value": 400, - "type": "fontWeights" - }, - "strong": { - "value": 600, - "type": "fontWeights" - }, - "bold": { - "value": 900, - "type": "fontWeights" - } - }, - "desktop": { - "h1": { - "fontFamily": { - "value": "Mulish", - "type": "fontFamily" - }, - "fontWeight": { - "value": 700, - "type": "fontWeight" - }, - "lineHeight": { - "value": "40px", - "type": "lineHeight" - }, - "fontSize": { - "value": "40px", - "type": "fontSize" - }, - "letterSpacing": { - "value": 0, - "type": "letterSpacing" - }, - "paragraphSpacing": { - "value": 0, - "type": "paragraphSpacing" - }, - "textDecoration": { - "value": "none", - "type": "textDecoration" - }, - "textCase": { - "value": "none", - "type": "textCase" - } - }, - "h2": { - "fontFamily": { - "value": "Mulish", - "type": "fontFamily" - }, - "fontWeight": { - "value": 700, - "type": "fontWeight" - }, - "lineHeight": { - "value": "40px", - "type": "lineHeight" - }, - "fontSize": { - "value": "32px", - "type": "fontSize" - }, - "letterSpacing": { - "value": 0, - "type": "letterSpacing" - }, - "paragraphSpacing": { - "value": 0, - "type": "paragraphSpacing" - }, - "textDecoration": { - "value": "none", - "type": "textDecoration" - }, - "textCase": { - "value": "none", - "type": "textCase" - } - }, - "h3": { - "fontFamily": { - "value": "Mulish", - "type": "fontFamily" - }, - "fontWeight": { - "value": 700, - "type": "fontWeight" - }, - "lineHeight": { - "value": "32px", - "type": "lineHeight" - }, - "fontSize": { - "value": "24px", - "type": "fontSize" - }, - "letterSpacing": { - "value": 0, - "type": "letterSpacing" - }, - "paragraphSpacing": { - "value": 0, - "type": "paragraphSpacing" - }, - "textDecoration": { - "value": "none", - "type": "textDecoration" - }, - "textCase": { - "value": "none", - "type": "textCase" - } - }, - "h4": { - "fontFamily": { - "value": "Mulish", - "type": "fontFamily" - }, - "fontWeight": { - "value": 700, - "type": "fontWeight" - }, - "lineHeight": { - "value": "24px", - "type": "lineHeight" - }, - "fontSize": { - "value": "20px", - "type": "fontSize" - }, - "letterSpacing": { - "value": 0, - "type": "letterSpacing" - }, - "paragraphSpacing": { - "value": 0, - "type": "paragraphSpacing" - }, - "textDecoration": { - "value": "none", - "type": "textDecoration" - }, - "textCase": { - "value": "none", - "type": "textCase" - } - }, - "h5": { - "fontFamily": { - "value": "Mulish", - "type": "fontFamily" - }, - "fontWeight": { - "value": 700, - "type": "fontWeight" - }, - "lineHeight": { - "value": "24px", - "type": "lineHeight" - }, - "fontSize": { - "value": "16px", - "type": "fontSize" - }, - "letterSpacing": { - "value": 0, - "type": "letterSpacing" - }, - "paragraphSpacing": { - "value": 0, - "type": "paragraphSpacing" - }, - "textDecoration": { - "value": "none", - "type": "textDecoration" - }, - "textCase": { - "value": "none", - "type": "textCase" - } - }, - "body": { - "fontFamily": { - "value": "Mulish", - "type": "fontFamily" - }, - "fontWeight": { - "value": 500, - "type": "fontWeight" - }, - "lineHeight": { - "value": "24px", - "type": "lineHeight" - }, - "fontSize": { - "value": "16px", - "type": "fontSize" - }, - "letterSpacing": { - "value": 0, - "type": "letterSpacing" - }, - "paragraphSpacing": { - "value": 0, - "type": "paragraphSpacing" - }, - "textDecoration": { - "value": "none", - "type": "textDecoration" - }, - "textCase": { - "value": "none", - "type": "textCase" - } - }, - "footnote": { - "fontFamily": { - "value": "Mulish", - "type": "fontFamily" - }, - "fontWeight": { - "value": 500, - "type": "fontWeight" - }, - "lineHeight": { - "value": "16px", - "type": "lineHeight" - }, - "fontSize": { - "value": "14px", - "type": "fontSize" - }, - "letterSpacing": { - "value": 0, - "type": "letterSpacing" - }, - "paragraphSpacing": { - "value": 0, - "type": "paragraphSpacing" - }, - "textDecoration": { - "value": "none", - "type": "textDecoration" - }, - "textCase": { - "value": "none", - "type": "textCase" - } - }, - "caption": { - "fontFamily": { - "value": "Mulish", - "type": "fontFamily" - }, - "fontWeight": { - "value": 500, - "type": "fontWeight" - }, - "lineHeight": { - "value": "16px", - "type": "lineHeight" - }, - "fontSize": { - "value": "12px", - "type": "fontSize" - }, - "letterSpacing": { - "value": 0, - "type": "letterSpacing" - }, - "paragraphSpacing": { - "value": 0, - "type": "paragraphSpacing" - }, - "textDecoration": { - "value": "none", - "type": "textDecoration" - }, - "textCase": { - "value": "none", - "type": "textCase" - } - } - }, - "mobile": { - "h1": { - "fontFamily": { - "value": "Mulish", - "type": "fontFamily" - }, - "fontWeight": { - "value": 700, - "type": "fontWeight" - }, - "lineHeight": { - "value": "40px", - "type": "lineHeight" - }, - "fontSize": { - "value": "32px", - "type": "fontSize" - }, - "letterSpacing": { - "value": 0, - "type": "letterSpacing" - }, - "paragraphSpacing": { - "value": 0, - "type": "paragraphSpacing" - }, - "textDecoration": { - "value": "none", - "type": "textDecoration" - }, - "textCase": { - "value": "none", - "type": "textCase" - } - }, - "h2": { - "fontFamily": { - "value": "Mulish", - "type": "fontFamily" - }, - "fontWeight": { - "value": 700, - "type": "fontWeight" - }, - "lineHeight": { - "value": "32px", - "type": "lineHeight" - }, - "fontSize": { - "value": "28px", - "type": "fontSize" - }, - "letterSpacing": { - "value": 0, - "type": "letterSpacing" - }, - "paragraphSpacing": { - "value": 0, - "type": "paragraphSpacing" - }, - "textDecoration": { - "value": "none", - "type": "textDecoration" - }, - "textCase": { - "value": "none", - "type": "textCase" - } - }, - "h3": { - "fontFamily": { - "value": "Mulish", - "type": "fontFamily" - }, - "fontWeight": { - "value": 700, - "type": "fontWeight" - }, - "lineHeight": { - "value": "32px", - "type": "lineHeight" - }, - "fontSize": { - "value": "22px", - "type": "fontSize" - }, - "letterSpacing": { - "value": 0, - "type": "letterSpacing" - }, - "paragraphSpacing": { - "value": 0, - "type": "paragraphSpacing" - }, - "textDecoration": { - "value": "none", - "type": "textDecoration" - }, - "textCase": { - "value": "none", - "type": "textCase" - } - } - } - } -} \ No newline at end of file diff --git a/package.json b/package.json index 4557175f..2256ecf1 100644 --- a/package.json +++ b/package.json @@ -8,7 +8,7 @@ ], "scripts": { "build": "node build.js", - "transform-base": "npx token-transformer data data/transformed-tokens.json tokens --expandTypography", + "transform-base": "npx token-transformer data data/transformed-core.json core --expandTypography", "transform": "yarn transform-base" }, "devDependencies": { From 015d0280970c77bb300026ea238306ac0d589d1e Mon Sep 17 00:00:00 2001 From: iryanclarke Date: Thu, 4 Aug 2022 14:54:05 +0000 Subject: [PATCH 6/7] Transformed tokens --- data/transformed-core.json | 714 +++++++++++++++++++++++++++++++++++++ 1 file changed, 714 insertions(+) create mode 100644 data/transformed-core.json diff --git a/data/transformed-core.json b/data/transformed-core.json new file mode 100644 index 00000000..4d6e912c --- /dev/null +++ b/data/transformed-core.json @@ -0,0 +1,714 @@ +{ + "colors": { + "green": { + "100": { + "value": "#FAFFFC", + "type": "color" + }, + "200": { + "value": "#EBF2EF", + "type": "color" + }, + "300": { + "value": "#D1E0D9", + "type": "color" + }, + "400": { + "value": "#B6CFC2", + "type": "color" + }, + "500": { + "value": "#86B09B", + "type": "color" + }, + "600": { + "value": "#307553", + "type": "color" + }, + "700": { + "value": "#275E43", + "type": "color" + }, + "800": { + "value": "#244C38", + "type": "color" + } + }, + "blue": { + "100": { + "value": "#F5FAFF", + "type": "color" + }, + "200": { + "value": "#E6F1FC", + "type": "color" + }, + "300": { + "value": "#C0D8F0", + "type": "color" + }, + "400": { + "value": "#88B1D9", + "type": "color" + }, + "500": { + "value": "#5D96CF", + "type": "color" + }, + "600": { + "value": "#3971A8", + "type": "color" + }, + "700": { + "value": "#21588F", + "type": "color" + }, + "800": { + "value": "#194673", + "type": "color" + } + }, + "red": { + "100": { + "value": "#FFF7F9", + "type": "color" + }, + "200": { + "value": "#FEEEF2", + "type": "color" + }, + "300": { + "value": "#F0C4CD", + "type": "color" + }, + "400": { + "value": "#E296A6", + "type": "color" + }, + "500": { + "value": "#C6516A", + "type": "color" + }, + "600": { + "value": "#AF2645", + "type": "color" + }, + "700": { + "value": "#980B29", + "type": "color" + }, + "800": { + "value": "#800D25", + "type": "color" + } + }, + "purple": { + "100": { + "value": "#FCFAFF", + "type": "color" + }, + "200": { + "value": "#F2ECFE", + "type": "color" + }, + "300": { + "value": "#D7CEE9", + "type": "color" + }, + "400": { + "value": "#B9ABD5", + "type": "color" + }, + "500": { + "value": "#8471AB", + "type": "color" + }, + "600": { + "value": "#533E7D", + "type": "color" + }, + "700": { + "value": "#3B2566", + "type": "color" + }, + "800": { + "value": "#2A174F", + "type": "color" + } + }, + "orange": { + "100": { + "value": "#FFFAF5", + "type": "color" + }, + "200": { + "value": "#FFF3E8", + "type": "color" + }, + "300": { + "value": "#F3D8C0", + "type": "color" + }, + "400": { + "value": "#E7B88F", + "type": "color" + }, + "500": { + "value": "#CF8545", + "type": "color" + }, + "600": { + "value": "#B4631D", + "type": "color" + }, + "700": { + "value": "#8E4D14", + "type": "color" + }, + "800": { + "value": "#784213", + "type": "color" + } + }, + "grey": { + "100": { + "value": "#FCFEFF", + "type": "color" + }, + "200": { + "value": "#F5F7FA", + "type": "color" + }, + "300": { + "value": "#E6EDF5", + "type": "color" + }, + "400": { + "value": "#C8D3E0", + "type": "color" + }, + "500": { + "value": "#596D84", + "type": "color" + }, + "600": { + "value": "#475A70", + "type": "color" + }, + "700": { + "value": "#36485C", + "type": "color" + }, + "800": { + "value": "#2E3A47", + "type": "color" + } + }, + "shades": { + "white": { + "value": "#FFFFFF", + "type": "color" + }, + "black": { + "value": "#000000", + "type": "color" + } + } + }, + "typography": { + "letterSpacing": { + "base": { + "value": 0, + "type": "letterSpacing" + } + }, + "paragraphSpacing": { + "base": { + "value": 0, + "type": "paragraphSpacing" + } + }, + "textDecoration": { + "base": { + "value": "none", + "type": "textDecoration" + } + }, + "textCase": { + "base": { + "value": "none", + "type": "textCase" + } + }, + "size": { + "desktop": { + "3xlarge": { + "value": "40px", + "type": "fontSizes" + }, + "2xlarge": { + "value": "32px", + "type": "fontSizes" + }, + "xlarge": { + "value": "24px", + "type": "fontSizes" + }, + "large": { + "value": "20px", + "type": "fontSizes" + }, + "normal": { + "value": "16px", + "type": "fontSizes" + }, + "small": { + "value": "14px", + "type": "fontSizes" + }, + "xsmall": { + "value": "12px", + "type": "fontSizes" + } + }, + "mobile": { + "3xlarge": { + "value": "32px", + "type": "fontSizes" + }, + "2xlarge": { + "value": "28px", + "type": "fontSizes" + }, + "xlarge": { + "value": "22px", + "type": "fontSizes" + } + } + }, + "lineHeight": { + "xlarge": { + "value": "40px", + "type": "lineHeights" + }, + "large": { + "value": "32px", + "type": "lineHeights" + }, + "normal": { + "value": "24px", + "type": "lineHeights" + }, + "small": { + "value": "16px", + "type": "lineHeights" + } + }, + "fontFamily": { + "sansSerif": { + "value": "Mulish", + "type": "fontFamilies" + } + }, + "weight": { + "semiBold": { + "value": 700, + "type": "fontWeights" + }, + "base": { + "value": 500, + "type": "fontWeights" + }, + "light": { + "value": 400, + "type": "fontWeights" + }, + "strong": { + "value": 600, + "type": "fontWeights" + }, + "bold": { + "value": 900, + "type": "fontWeights" + } + }, + "desktop": { + "h1": { + "fontFamily": { + "value": "Mulish", + "type": "fontFamily" + }, + "fontWeight": { + "value": 700, + "type": "fontWeight" + }, + "lineHeight": { + "value": "40px", + "type": "lineHeight" + }, + "fontSize": { + "value": "40px", + "type": "fontSize" + }, + "letterSpacing": { + "value": 0, + "type": "letterSpacing" + }, + "paragraphSpacing": { + "value": 0, + "type": "paragraphSpacing" + }, + "textDecoration": { + "value": "none", + "type": "textDecoration" + }, + "textCase": { + "value": "none", + "type": "textCase" + } + }, + "h2": { + "fontFamily": { + "value": "Mulish", + "type": "fontFamily" + }, + "fontWeight": { + "value": 700, + "type": "fontWeight" + }, + "lineHeight": { + "value": "40px", + "type": "lineHeight" + }, + "fontSize": { + "value": "32px", + "type": "fontSize" + }, + "letterSpacing": { + "value": 0, + "type": "letterSpacing" + }, + "paragraphSpacing": { + "value": 0, + "type": "paragraphSpacing" + }, + "textDecoration": { + "value": "none", + "type": "textDecoration" + }, + "textCase": { + "value": "none", + "type": "textCase" + } + }, + "h3": { + "fontFamily": { + "value": "Mulish", + "type": "fontFamily" + }, + "fontWeight": { + "value": 700, + "type": "fontWeight" + }, + "lineHeight": { + "value": "32px", + "type": "lineHeight" + }, + "fontSize": { + "value": "24px", + "type": "fontSize" + }, + "letterSpacing": { + "value": 0, + "type": "letterSpacing" + }, + "paragraphSpacing": { + "value": 0, + "type": "paragraphSpacing" + }, + "textDecoration": { + "value": "none", + "type": "textDecoration" + }, + "textCase": { + "value": "none", + "type": "textCase" + } + }, + "h4": { + "fontFamily": { + "value": "Mulish", + "type": "fontFamily" + }, + "fontWeight": { + "value": 700, + "type": "fontWeight" + }, + "lineHeight": { + "value": "24px", + "type": "lineHeight" + }, + "fontSize": { + "value": "20px", + "type": "fontSize" + }, + "letterSpacing": { + "value": 0, + "type": "letterSpacing" + }, + "paragraphSpacing": { + "value": 0, + "type": "paragraphSpacing" + }, + "textDecoration": { + "value": "none", + "type": "textDecoration" + }, + "textCase": { + "value": "none", + "type": "textCase" + } + }, + "h5": { + "fontFamily": { + "value": "Mulish", + "type": "fontFamily" + }, + "fontWeight": { + "value": 700, + "type": "fontWeight" + }, + "lineHeight": { + "value": "24px", + "type": "lineHeight" + }, + "fontSize": { + "value": "16px", + "type": "fontSize" + }, + "letterSpacing": { + "value": 0, + "type": "letterSpacing" + }, + "paragraphSpacing": { + "value": 0, + "type": "paragraphSpacing" + }, + "textDecoration": { + "value": "none", + "type": "textDecoration" + }, + "textCase": { + "value": "none", + "type": "textCase" + } + }, + "body": { + "fontFamily": { + "value": "Mulish", + "type": "fontFamily" + }, + "fontWeight": { + "value": 500, + "type": "fontWeight" + }, + "lineHeight": { + "value": "24px", + "type": "lineHeight" + }, + "fontSize": { + "value": "16px", + "type": "fontSize" + }, + "letterSpacing": { + "value": 0, + "type": "letterSpacing" + }, + "paragraphSpacing": { + "value": 0, + "type": "paragraphSpacing" + }, + "textDecoration": { + "value": "none", + "type": "textDecoration" + }, + "textCase": { + "value": "none", + "type": "textCase" + } + }, + "footnote": { + "fontFamily": { + "value": "Mulish", + "type": "fontFamily" + }, + "fontWeight": { + "value": 500, + "type": "fontWeight" + }, + "lineHeight": { + "value": "16px", + "type": "lineHeight" + }, + "fontSize": { + "value": "14px", + "type": "fontSize" + }, + "letterSpacing": { + "value": 0, + "type": "letterSpacing" + }, + "paragraphSpacing": { + "value": 0, + "type": "paragraphSpacing" + }, + "textDecoration": { + "value": "none", + "type": "textDecoration" + }, + "textCase": { + "value": "none", + "type": "textCase" + } + }, + "caption": { + "fontFamily": { + "value": "Mulish", + "type": "fontFamily" + }, + "fontWeight": { + "value": 500, + "type": "fontWeight" + }, + "lineHeight": { + "value": "16px", + "type": "lineHeight" + }, + "fontSize": { + "value": "12px", + "type": "fontSize" + }, + "letterSpacing": { + "value": 0, + "type": "letterSpacing" + }, + "paragraphSpacing": { + "value": 0, + "type": "paragraphSpacing" + }, + "textDecoration": { + "value": "none", + "type": "textDecoration" + }, + "textCase": { + "value": "none", + "type": "textCase" + } + } + }, + "mobile": { + "h1": { + "fontFamily": { + "value": "Mulish", + "type": "fontFamily" + }, + "fontWeight": { + "value": 700, + "type": "fontWeight" + }, + "lineHeight": { + "value": "40px", + "type": "lineHeight" + }, + "fontSize": { + "value": "32px", + "type": "fontSize" + }, + "letterSpacing": { + "value": 0, + "type": "letterSpacing" + }, + "paragraphSpacing": { + "value": 0, + "type": "paragraphSpacing" + }, + "textDecoration": { + "value": "none", + "type": "textDecoration" + }, + "textCase": { + "value": "none", + "type": "textCase" + } + }, + "h2": { + "fontFamily": { + "value": "Mulish", + "type": "fontFamily" + }, + "fontWeight": { + "value": 700, + "type": "fontWeight" + }, + "lineHeight": { + "value": "32px", + "type": "lineHeight" + }, + "fontSize": { + "value": "28px", + "type": "fontSize" + }, + "letterSpacing": { + "value": 0, + "type": "letterSpacing" + }, + "paragraphSpacing": { + "value": 0, + "type": "paragraphSpacing" + }, + "textDecoration": { + "value": "none", + "type": "textDecoration" + }, + "textCase": { + "value": "none", + "type": "textCase" + } + }, + "h3": { + "fontFamily": { + "value": "Mulish", + "type": "fontFamily" + }, + "fontWeight": { + "value": 700, + "type": "fontWeight" + }, + "lineHeight": { + "value": "32px", + "type": "lineHeight" + }, + "fontSize": { + "value": "22px", + "type": "fontSize" + }, + "letterSpacing": { + "value": 0, + "type": "letterSpacing" + }, + "paragraphSpacing": { + "value": 0, + "type": "paragraphSpacing" + }, + "textDecoration": { + "value": "none", + "type": "textDecoration" + }, + "textCase": { + "value": "none", + "type": "textCase" + } + } + } + } +} \ No newline at end of file From 9e42cabe7f859867c9435606ad1fd91e0188514c Mon Sep 17 00:00:00 2001 From: iryanclarke Date: Thu, 4 Aug 2022 14:54:26 +0000 Subject: [PATCH 7/7] Built and updated design tokens --- build/native/colors.d.ts | 2 +- build/native/colors.js | 2 +- build/native/typography.d.ts | 2 +- build/native/typography.js | 2 +- build/scss/colors.scss | 2 +- build/scss/typography.scss | 2 +- build/ts/colors.d.ts | 2 +- build/ts/colors.js | 2 +- build/ts/typography.d.ts | 2 +- build/ts/typography.js | 2 +- 10 files changed, 10 insertions(+), 10 deletions(-) diff --git a/build/native/colors.d.ts b/build/native/colors.d.ts index ec49b8c8..1260cc67 100644 --- a/build/native/colors.d.ts +++ b/build/native/colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 04 Aug 2022 14:43:57 GMT + * Generated on Thu, 04 Aug 2022 14:54:26 GMT */ export const green100 : string; diff --git a/build/native/colors.js b/build/native/colors.js index 8f026ebc..99d9f1cb 100644 --- a/build/native/colors.js +++ b/build/native/colors.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 04 Aug 2022 14:43:57 GMT + * Generated on Thu, 04 Aug 2022 14:54:26 GMT */ module.exports = { diff --git a/build/native/typography.d.ts b/build/native/typography.d.ts index d670d6f9..7ea0bb6b 100644 --- a/build/native/typography.d.ts +++ b/build/native/typography.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 04 Aug 2022 14:43:57 GMT + * Generated on Thu, 04 Aug 2022 14:54:26 GMT */ export const letterSpacingBase : number; diff --git a/build/native/typography.js b/build/native/typography.js index dacfa6c8..9aa132d2 100644 --- a/build/native/typography.js +++ b/build/native/typography.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 04 Aug 2022 14:43:57 GMT + * Generated on Thu, 04 Aug 2022 14:54:26 GMT */ module.exports = { diff --git a/build/scss/colors.scss b/build/scss/colors.scss index 9e68ebfd..627f6e24 100644 --- a/build/scss/colors.scss +++ b/build/scss/colors.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Thu, 04 Aug 2022 14:43:57 GMT +// Generated on Thu, 04 Aug 2022 14:54:26 GMT $green100: #FAFFFC; $green200: #EBF2EF; diff --git a/build/scss/typography.scss b/build/scss/typography.scss index ca8dbe49..2c8d277c 100644 --- a/build/scss/typography.scss +++ b/build/scss/typography.scss @@ -1,6 +1,6 @@ // Do not edit directly -// Generated on Thu, 04 Aug 2022 14:43:57 GMT +// Generated on Thu, 04 Aug 2022 14:54:26 GMT $letterSpacingBase: 0; $paragraphSpacingBase: 0; diff --git a/build/ts/colors.d.ts b/build/ts/colors.d.ts index ec49b8c8..1260cc67 100644 --- a/build/ts/colors.d.ts +++ b/build/ts/colors.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 04 Aug 2022 14:43:57 GMT + * Generated on Thu, 04 Aug 2022 14:54:26 GMT */ export const green100 : string; diff --git a/build/ts/colors.js b/build/ts/colors.js index 8f026ebc..99d9f1cb 100644 --- a/build/ts/colors.js +++ b/build/ts/colors.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 04 Aug 2022 14:43:57 GMT + * Generated on Thu, 04 Aug 2022 14:54:26 GMT */ module.exports = { diff --git a/build/ts/typography.d.ts b/build/ts/typography.d.ts index f8544161..75d3cd48 100644 --- a/build/ts/typography.d.ts +++ b/build/ts/typography.d.ts @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 04 Aug 2022 14:43:57 GMT + * Generated on Thu, 04 Aug 2022 14:54:26 GMT */ export const letterSpacingBase : number; diff --git a/build/ts/typography.js b/build/ts/typography.js index 4d3c0ac0..b6315ff5 100644 --- a/build/ts/typography.js +++ b/build/ts/typography.js @@ -1,6 +1,6 @@ /** * Do not edit directly - * Generated on Thu, 04 Aug 2022 14:43:57 GMT + * Generated on Thu, 04 Aug 2022 14:54:26 GMT */ module.exports = {