From 3228b83ec7b4ea206b8773b888e2f3b52c09f571 Mon Sep 17 00:00:00 2001 From: Benaiah Barango Date: Mon, 5 Feb 2024 14:15:28 -0500 Subject: [PATCH 1/4] make light and dark typography tokens match --- src/data/themes/dark.json | 23 +++++++++++++++++++---- 1 file changed, 19 insertions(+), 4 deletions(-) diff --git a/src/data/themes/dark.json b/src/data/themes/dark.json index 90229858..a512eab4 100644 --- a/src/data/themes/dark.json +++ b/src/data/themes/dark.json @@ -898,7 +898,7 @@ "value": { "fontFamily": "{typography.fontFamily.sansSerif}", "fontWeight": "{typography.weight.semiBold}", - "fontSize": "{typography.size.desktop.2xlarge}", + "fontSize": "{typography.size.desktop.3xlarge}", "lineHeight": "{typography.lineHeight.xlarge}", "textDecoration": "{typography.textDecoration.base}", "textCase": "{typography.textCase.base}" @@ -938,6 +938,17 @@ }, "type": "typography" }, + "h5": { + "value": { + "fontFamily": "{typography.fontFamily.sansSerif}", + "fontWeight": "{typography.weight.semiBold}", + "fontSize": "{typography.size.desktop.normal}", + "lineHeight": "{typography.lineHeight.normal}", + "textDecoration": "{typography.textDecoration.base}", + "textCase": "{typography.textCase.base}" + }, + "type": "typography" + }, "body": { "value": { "fontFamily": "{typography.fontFamily.sansSerif}", @@ -953,8 +964,8 @@ "value": { "fontFamily": "{typography.fontFamily.sansSerif}", "fontWeight": "{typography.weight.base}", - "fontSize": "{typography.size.desktop.small}", - "lineHeight": "{typography.lineHeight.small}", + "fontSize": "{typography.size.desktop.normal}", + "lineHeight": "{typography.lineHeight.normal}", "textDecoration": "{typography.textDecoration.base}", "textCase": "{typography.textCase.base}" }, @@ -1021,6 +1032,10 @@ "value": "{typography.desktop.h4}", "type": "typography" }, + "h5": { + "value": "{typography.desktop.h5}", + "type": "typography" + }, "body": { "value": "{typography.desktop.body}", "type": "typography" @@ -1039,4 +1054,4 @@ } } } -} \ No newline at end of file +} From 5a5be5b4dc270516c3bd26ab695cd5faa811eb22 Mon Sep 17 00:00:00 2001 From: bambie1 Date: Mon, 5 Feb 2024 19:15:59 +0000 Subject: [PATCH 2/4] Transformed tokens --- dist/documentation/core-dark-colors.d.ts | 237 --------- dist/documentation/core-dark-colors.js | 237 --------- dist/documentation/core-light-colors.d.ts | 274 ---------- dist/documentation/core-light-colors.js | 274 ---------- dist/documentation/themes/dark.d.ts | 608 ---------------------- dist/documentation/themes/dark.js | 608 ---------------------- dist/documentation/themes/emerson.d.ts | 604 --------------------- dist/documentation/themes/emerson.js | 604 --------------------- dist/documentation/themes/light.d.ts | 604 --------------------- dist/documentation/themes/light.js | 604 --------------------- dist/documentation/themes/lightDS3.d.ts | 604 --------------------- dist/documentation/themes/lightDS3.js | 604 --------------------- dist/helpers/colorProfileMapper.d.ts | 109 ---- dist/helpers/colorProfileMapper.d.ts.map | 1 - dist/helpers/colorProfileMapper.js | 21 - dist/helpers/index.d.ts | 2 - dist/helpers/index.d.ts.map | 1 - dist/helpers/index.js | 24 - dist/index.d.ts | 9 - dist/index.d.ts.map | 1 - dist/index.js | 94 ---- dist/tokens/native/borders.d.ts | 10 - dist/tokens/native/borders.js | 12 - dist/tokens/native/core-dark-colors.d.ts | 13 - dist/tokens/native/core-dark-colors.js | 14 - dist/tokens/native/core-light-colors.d.ts | 14 - dist/tokens/native/core-light-colors.js | 15 - dist/tokens/native/themes/dark.d.ts | 25 - dist/tokens/native/themes/dark.js | 25 - dist/tokens/native/themes/emerson.d.ts | 25 - dist/tokens/native/themes/emerson.js | 25 - dist/tokens/native/themes/light.d.ts | 25 - dist/tokens/native/themes/light.js | 25 - dist/tokens/native/themes/lightDS3.d.ts | 25 - dist/tokens/native/themes/lightDS3.js | 25 - dist/tokens/native/typography.d.ts | 31 -- dist/tokens/native/typography.js | 33 -- dist/tokens/scss/borders.scss | 9 - dist/tokens/scss/core-dark-colors.scss | 60 --- dist/tokens/scss/core-light-colors.scss | 69 --- dist/tokens/scss/themes/dark.scss | 151 ------ dist/tokens/scss/themes/emerson.scss | 150 ------ dist/tokens/scss/themes/light.scss | 150 ------ dist/tokens/scss/themes/lightDS3.scss | 150 ------ dist/tokens/scss/typography.scss | 30 -- dist/tokens/ts/borders.d.ts | 10 - dist/tokens/ts/borders.js | 12 - dist/tokens/ts/core-dark-colors.d.ts | 13 - dist/tokens/ts/core-dark-colors.js | 14 - dist/tokens/ts/core-light-colors.d.ts | 14 - dist/tokens/ts/core-light-colors.js | 15 - dist/tokens/ts/dimensions.d.ts | 6 - dist/tokens/ts/dimensions.js | 8 - dist/tokens/ts/themes/dark.d.ts | 25 - dist/tokens/ts/themes/dark.js | 25 - dist/tokens/ts/themes/emerson.d.ts | 25 - dist/tokens/ts/themes/emerson.js | 25 - dist/tokens/ts/themes/light.d.ts | 25 - dist/tokens/ts/themes/light.js | 25 - dist/tokens/ts/themes/lightDS3.d.ts | 25 - dist/tokens/ts/themes/lightDS3.js | 25 - dist/tokens/ts/typography.d.ts | 31 -- dist/tokens/ts/typography.js | 33 -- dist/types/accents.d.ts | 8 - dist/types/accents.d.ts.map | 1 - dist/types/accents.js | 11 - dist/types/index.d.ts | 5 - dist/types/index.d.ts.map | 1 - dist/types/index.js | 63 --- dist/types/intentions.d.ts | 16 - dist/types/intentions.d.ts.map | 1 - dist/types/intentions.js | 19 - dist/types/interfaces.d.ts | 30 -- dist/types/interfaces.d.ts.map | 1 - dist/types/interfaces.js | 43 -- dist/types/profiles.d.ts | 6 - dist/types/profiles.d.ts.map | 1 - dist/types/profiles.js | 5 - dist/types/themes.d.ts | 8 - dist/types/themes.d.ts.map | 1 - dist/types/themes.js | 46 -- src/transformed/transformed-dark.json | 32 +- 82 files changed, 27 insertions(+), 7862 deletions(-) delete mode 100644 dist/documentation/core-dark-colors.d.ts delete mode 100644 dist/documentation/core-dark-colors.js delete mode 100644 dist/documentation/core-light-colors.d.ts delete mode 100644 dist/documentation/core-light-colors.js delete mode 100644 dist/documentation/themes/dark.d.ts delete mode 100644 dist/documentation/themes/dark.js delete mode 100644 dist/documentation/themes/emerson.d.ts delete mode 100644 dist/documentation/themes/emerson.js delete mode 100644 dist/documentation/themes/light.d.ts delete mode 100644 dist/documentation/themes/light.js delete mode 100644 dist/documentation/themes/lightDS3.d.ts delete mode 100644 dist/documentation/themes/lightDS3.js delete mode 100644 dist/helpers/colorProfileMapper.d.ts delete mode 100644 dist/helpers/colorProfileMapper.d.ts.map delete mode 100644 dist/helpers/colorProfileMapper.js delete mode 100644 dist/helpers/index.d.ts delete mode 100644 dist/helpers/index.d.ts.map delete mode 100644 dist/helpers/index.js delete mode 100644 dist/index.d.ts delete mode 100644 dist/index.d.ts.map delete mode 100644 dist/index.js delete mode 100644 dist/tokens/native/borders.d.ts delete mode 100644 dist/tokens/native/borders.js delete mode 100644 dist/tokens/native/core-dark-colors.d.ts delete mode 100644 dist/tokens/native/core-dark-colors.js delete mode 100644 dist/tokens/native/core-light-colors.d.ts delete mode 100644 dist/tokens/native/core-light-colors.js delete mode 100644 dist/tokens/native/themes/dark.d.ts delete mode 100644 dist/tokens/native/themes/dark.js delete mode 100644 dist/tokens/native/themes/emerson.d.ts delete mode 100644 dist/tokens/native/themes/emerson.js delete mode 100644 dist/tokens/native/themes/light.d.ts delete mode 100644 dist/tokens/native/themes/light.js delete mode 100644 dist/tokens/native/themes/lightDS3.d.ts delete mode 100644 dist/tokens/native/themes/lightDS3.js delete mode 100644 dist/tokens/native/typography.d.ts delete mode 100644 dist/tokens/native/typography.js delete mode 100644 dist/tokens/scss/borders.scss delete mode 100644 dist/tokens/scss/core-dark-colors.scss delete mode 100644 dist/tokens/scss/core-light-colors.scss delete mode 100644 dist/tokens/scss/themes/dark.scss delete mode 100644 dist/tokens/scss/themes/emerson.scss delete mode 100644 dist/tokens/scss/themes/light.scss delete mode 100644 dist/tokens/scss/themes/lightDS3.scss delete mode 100644 dist/tokens/scss/typography.scss delete mode 100644 dist/tokens/ts/borders.d.ts delete mode 100644 dist/tokens/ts/borders.js delete mode 100644 dist/tokens/ts/core-dark-colors.d.ts delete mode 100644 dist/tokens/ts/core-dark-colors.js delete mode 100644 dist/tokens/ts/core-light-colors.d.ts delete mode 100644 dist/tokens/ts/core-light-colors.js delete mode 100644 dist/tokens/ts/dimensions.d.ts delete mode 100644 dist/tokens/ts/dimensions.js delete mode 100644 dist/tokens/ts/themes/dark.d.ts delete mode 100644 dist/tokens/ts/themes/dark.js delete mode 100644 dist/tokens/ts/themes/emerson.d.ts delete mode 100644 dist/tokens/ts/themes/emerson.js delete mode 100644 dist/tokens/ts/themes/light.d.ts delete mode 100644 dist/tokens/ts/themes/light.js delete mode 100644 dist/tokens/ts/themes/lightDS3.d.ts delete mode 100644 dist/tokens/ts/themes/lightDS3.js delete mode 100644 dist/tokens/ts/typography.d.ts delete mode 100644 dist/tokens/ts/typography.js delete mode 100644 dist/types/accents.d.ts delete mode 100644 dist/types/accents.d.ts.map delete mode 100644 dist/types/accents.js delete mode 100644 dist/types/index.d.ts delete mode 100644 dist/types/index.d.ts.map delete mode 100644 dist/types/index.js delete mode 100644 dist/types/intentions.d.ts delete mode 100644 dist/types/intentions.d.ts.map delete mode 100644 dist/types/intentions.js delete mode 100644 dist/types/interfaces.d.ts delete mode 100644 dist/types/interfaces.d.ts.map delete mode 100644 dist/types/interfaces.js delete mode 100644 dist/types/profiles.d.ts delete mode 100644 dist/types/profiles.d.ts.map delete mode 100644 dist/types/profiles.js delete mode 100644 dist/types/themes.d.ts delete mode 100644 dist/types/themes.d.ts.map delete mode 100644 dist/types/themes.js diff --git a/dist/documentation/core-dark-colors.d.ts b/dist/documentation/core-dark-colors.d.ts deleted file mode 100644 index 82cd823e..00000000 --- a/dist/documentation/core-dark-colors.d.ts +++ /dev/null @@ -1,237 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const green : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const blue : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const red : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const purple : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const orange : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const grey : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const shades : {white:{ - name: string, - hex: string, - - },black:{ - name: string, - hex: string, - - },transparent:{ - name: string, - hex: string, - - }}; -export const brown : {200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/core-dark-colors.js b/dist/documentation/core-dark-colors.js deleted file mode 100644 index 71a9c983..00000000 --- a/dist/documentation/core-dark-colors.js +++ /dev/null @@ -1,237 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {green : {100:{ - name: "green.100", - hex: "#0C291E", - - },200:{ - name: "green.200", - hex: "#124935", - - },300:{ - name: "green.300", - hex: "#1F5B45", - - },400:{ - name: "green.400", - hex: "#206A4F", - - },500:{ - name: "green.500", - hex: "#288563", - - },600:{ - name: "green.600", - hex: "#42AD86", - - },700:{ - name: "green.700", - hex: "#BFE8D9", - - },800:{ - name: "green.800", - hex: "#F0FFF9", - - }}, -blue : {100:{ - name: "blue.100", - hex: "#0C1B29", - - },200:{ - name: "blue.200", - hex: "#102337", - - },300:{ - name: "blue.300", - hex: "#142C45", - - },400:{ - name: "blue.400", - hex: "#285685", - - },500:{ - name: "blue.500", - hex: "#4577AD", - - },600:{ - name: "blue.600", - hex: "#6597CE", - - },700:{ - name: "blue.700", - hex: "#96BDE7", - - },800:{ - name: "blue.800", - hex: "#D1E8FF", - - }}, -red : {100:{ - name: "red.100", - hex: "#290F16", - - },200:{ - name: "red.200", - hex: "#451522", - - },300:{ - name: "red.300", - hex: "#5E1D2E", - - },400:{ - name: "red.400", - hex: "#8F2843", - - },500:{ - name: "red.500", - hex: "#B23655", - - },600:{ - name: "red.600", - hex: "#C74C6B", - - },700:{ - name: "red.700", - hex: "#EA8AA3", - - },800:{ - name: "red.800", - hex: "#FFD1DD", - - }}, -purple : {100:{ - name: "purple.100", - hex: "#200F29", - - },200:{ - name: "purple.200", - hex: "#33193F", - - },300:{ - name: "purple.300", - hex: "#482359", - - },400:{ - name: "purple.400", - hex: "#542F66", - - },500:{ - name: "purple.500", - hex: "#693B80", - - },600:{ - name: "purple.600", - hex: "#865C99", - - },700:{ - name: "purple.700", - hex: "#B990CC", - - },800:{ - name: "purple.800", - hex: "#F0D1FF", - - }}, -orange : {100:{ - name: "orange.100", - hex: "#29170C", - - },200:{ - name: "orange.200", - hex: "#4A2915", - - },300:{ - name: "orange.300", - hex: "#63371C", - - },400:{ - name: "orange.400", - hex: "#8A4E29", - - },500:{ - name: "orange.500", - hex: "#AD6234", - - },600:{ - name: "orange.600", - hex: "#CF7945", - - },700:{ - name: "orange.700", - hex: "#E7AA84", - - },800:{ - name: "orange.800", - hex: "#FFE3D1", - - }}, -grey : {100:{ - name: "grey.100", - hex: "#141719", - - },200:{ - name: "grey.200", - hex: "#1D2124", - - },300:{ - name: "grey.300", - hex: "#22272B", - - },400:{ - name: "grey.400", - hex: "#2D3238", - - },500:{ - name: "grey.500", - hex: "#515357", - - },600:{ - name: "grey.600", - hex: "#98999B", - - },700:{ - name: "grey.700", - hex: "#BCBDBF", - - },800:{ - name: "grey.800", - hex: "#E8E9EA", - - }}, -shades : {white:{ - name: "shades.white", - hex: "#FFFFFF", - - },black:{ - name: "shades.black", - hex: "#000000", - - },transparent:{ - name: "shades.transparent", - hex: "transparent", - - }}, -brown : {200:{ - name: "brown.200", - hex: "#493612", - - },300:{ - name: "brown.300", - hex: "#5E4317", - - },400:{ - name: "brown.400", - hex: "#6B5024", - - },700:{ - name: "brown.700", - hex: "#EFE5D1", - - },800:{ - name: "brown.800", - hex: "#F6F1E5", - - }},}; \ No newline at end of file diff --git a/dist/documentation/core-light-colors.d.ts b/dist/documentation/core-light-colors.d.ts deleted file mode 100644 index d6f2c4c1..00000000 --- a/dist/documentation/core-light-colors.d.ts +++ /dev/null @@ -1,274 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const green : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const blue : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const red : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const purple : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const orange : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const grey : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - },900:{ - name: string, - hex: string, - - }}; -export const shades : {white:{ - name: string, - hex: string, - - },black:{ - name: string, - hex: string, - - },transparent:{ - name: string, - hex: string, - - }}; -export const yellow : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const brown : {200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/core-light-colors.js b/dist/documentation/core-light-colors.js deleted file mode 100644 index 7eafa336..00000000 --- a/dist/documentation/core-light-colors.js +++ /dev/null @@ -1,274 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {green : {100:{ - name: "green.100", - hex: "#FAFFFC", - - },200:{ - name: "green.200", - hex: "#EBF2EF", - - },300:{ - name: "green.300", - hex: "#D1E0D9", - - },400:{ - name: "green.400", - hex: "#B6CFC2", - - },500:{ - name: "green.500", - hex: "#86B09B", - - },600:{ - name: "green.600", - hex: "#307553", - - },700:{ - name: "green.700", - hex: "#275E43", - - },800:{ - name: "green.800", - hex: "#244C38", - - }}, -blue : {100:{ - name: "blue.100", - hex: "#F5FAFF", - - },200:{ - name: "blue.200", - hex: "#E6F1FC", - - },300:{ - name: "blue.300", - hex: "#C0D8F0", - - },400:{ - name: "blue.400", - hex: "#88B1D9", - - },500:{ - name: "blue.500", - hex: "#5D96CF", - - },600:{ - name: "blue.600", - hex: "#3971A8", - - },700:{ - name: "blue.700", - hex: "#21588F", - - },800:{ - name: "blue.800", - hex: "#194673", - - }}, -red : {100:{ - name: "red.100", - hex: "#FFF7F9", - - },200:{ - name: "red.200", - hex: "#FEEEF2", - - },300:{ - name: "red.300", - hex: "#F0C4CD", - - },400:{ - name: "red.400", - hex: "#E296A6", - - },500:{ - name: "red.500", - hex: "#C6516A", - - },600:{ - name: "red.600", - hex: "#AF2645", - - },700:{ - name: "red.700", - hex: "#980B29", - - },800:{ - name: "red.800", - hex: "#800D25", - - }}, -purple : {100:{ - name: "purple.100", - hex: "#FCFAFF", - - },200:{ - name: "purple.200", - hex: "#F2ECFE", - - },300:{ - name: "purple.300", - hex: "#D7CEE9", - - },400:{ - name: "purple.400", - hex: "#B9ABD5", - - },500:{ - name: "purple.500", - hex: "#8471AB", - - },600:{ - name: "purple.600", - hex: "#533E7D", - - },700:{ - name: "purple.700", - hex: "#3B2566", - - },800:{ - name: "purple.800", - hex: "#2A174F", - - }}, -orange : {100:{ - name: "orange.100", - hex: "#FFFAF5", - - },200:{ - name: "orange.200", - hex: "#FFF3E8", - - },300:{ - name: "orange.300", - hex: "#F3D8C0", - - },400:{ - name: "orange.400", - hex: "#E7B88F", - - },500:{ - name: "orange.500", - hex: "#CF8545", - - },600:{ - name: "orange.600", - hex: "#B4631D", - - },700:{ - name: "orange.700", - hex: "#8E4D14", - - },800:{ - name: "orange.800", - hex: "#784213", - - }}, -grey : {100:{ - name: "grey.100", - hex: "#FCFEFF", - - },200:{ - name: "grey.200", - hex: "#F5F7FA", - - },300:{ - name: "grey.300", - hex: "#E6EDF5", - - },400:{ - name: "grey.400", - hex: "#C8D3E0", - - },500:{ - name: "grey.500", - hex: "#596D84", - - },600:{ - name: "grey.600", - hex: "#475A70", - - },700:{ - name: "grey.700", - hex: "#36485C", - - },800:{ - name: "grey.800", - hex: "#2E3A47", - - },900:{ - name: "grey.900", - hex: "#212933", - - }}, -shades : {white:{ - name: "shades.white", - hex: "#FFFFFF", - - },black:{ - name: "shades.black", - hex: "#000000", - - },transparent:{ - name: "shades.transparent", - hex: "transparent", - - }}, -yellow : {100:{ - name: "yellow.100", - hex: "#faf8f2", - - },200:{ - name: "yellow.200", - hex: "#fcf3dd", - - },300:{ - name: "yellow.300", - hex: "#fce7b1", - - },400:{ - name: "yellow.400", - hex: "#fcd97e", - - },500:{ - name: "yellow.500", - hex: "#fccb4c", - - },600:{ - name: "yellow.600", - hex: "#ffc121", - - },700:{ - name: "yellow.700", - hex: "#f7b200", - - },800:{ - name: "yellow.800", - hex: "#e5a500", - - }}, -brown : {200:{ - name: "brown.200", - hex: "#F6F1E5", - - },300:{ - name: "brown.300", - hex: "#E4D9C2", - - },400:{ - name: "brown.400", - hex: "#DACCAA", - - },700:{ - name: "brown.700", - hex: "#5E4D27", - - },800:{ - name: "brown.800", - hex: "#3E3114", - - }},}; \ No newline at end of file diff --git a/dist/documentation/themes/dark.d.ts b/dist/documentation/themes/dark.d.ts deleted file mode 100644 index 9b1e11db..00000000 --- a/dist/documentation/themes/dark.d.ts +++ /dev/null @@ -1,608 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },nakedContent:{ - name: string, - hex: string, - - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBody:{ - name: string, - hex: string, - - },forestTextEmphasis:{ - name: string, - hex: string, - - },forestBackgroundMuted0:{ - name: string, - hex: string, - - },forestBackgroundMuted1:{ - name: string, - hex: string, - - },forestBackgroundMuted2:{ - name: string, - hex: string, - - },sandTextBody:{ - name: string, - hex: string, - - },sandTextEmphasis:{ - name: string, - hex: string, - - },sandBackgroundMuted0:{ - name: string, - hex: string, - - },sandBackgroundMuted1:{ - name: string, - hex: string, - - },sandBackgroundMuted2:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js deleted file mode 100644 index 63ca1173..00000000 --- a/dist/documentation/themes/dark.js +++ /dev/null @@ -1,608 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#FFFFFF", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#BCBDBF", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#98999B", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#FFFFFF", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#BCBDBF", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#E8E9EA", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#141719", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#22272B", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#2D3238", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#515357", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#1D2124", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#515357", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#98999B", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#BCBDBF", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#6597CE", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#141719", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#141719", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#22272B", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#1D2124", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#22272B", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#2D3238", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#1D2124", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#1D2124", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#000000", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#1D2124", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#1D2124", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#1D2124", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#E8E9EA", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#FFFFFF", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#FFFFFF", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#22272B", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#2D3238", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#515357", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#0C291E", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#515357", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#98999B", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#BCBDBF", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#42AD86", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#BFE8D9", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#F0FFF9", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#288563", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#42AD86", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#BFE8D9", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#124935", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast." - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#1F5B45", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#206A4F", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#0C291E", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#206A4F", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#288563", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#42AD86", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#6597CE", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#96BDE7", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#D1E8FF", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#4577AD", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#285685", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#142C45", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#102337", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#142C45", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#285685", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#0C1B29", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#4577AD", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#285685", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#142C45", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#CF7945", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#E7AA84", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#FFE3D1", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#AD6234", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#CF7945", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#E7AA84", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#4A2915", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#63371C", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#8A4E29", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#29170C", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#8A4E29", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#AD6234", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#CF7945", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#C74C6B", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#EA8AA3", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#FFD1DD", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#B23655", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#C74C6B", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#EA8AA3", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#451522", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#5E1D2E", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#8F2843", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#290F16", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#8F2843", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#B23655", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#C74C6B", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#865C99", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#B990CC", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#F0D1FF", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#693B80", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#865C99", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#B990CC", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#33193F", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#482359", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#542F66", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#200F29", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#542F66", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#693B80", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#865C99", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#98999B", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#22272B", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#515357", - description: "Used as the border for disabled components" - },nakedContent:{ - name: "disabled.nakedContent", - hex: "#22272B", - - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#2D3238", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#98999B", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#1B2228", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#2D3238", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#FFFFFF", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#BCBDBF", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#B23655", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#BCBDBF", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#4577AD", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#B23655", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#98999B", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#FFFFFF", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#2D3238", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#8F2843", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#515357", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#98999B", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#BCBDBF", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#285685", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#515357", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#515357", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#E8E9EA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E8E9EA", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2D3238", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#E8E9EA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#000000", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBody:{ - name: "accent.forestTextBody", - hex: "#BFE8D9", - - },forestTextEmphasis:{ - name: "accent.forestTextEmphasis", - hex: "#F0FFF9", - - },forestBackgroundMuted0:{ - name: "accent.forestBackgroundMuted0", - hex: "#124935", - - },forestBackgroundMuted1:{ - name: "accent.forestBackgroundMuted1", - hex: "#1F5B45", - - },forestBackgroundMuted2:{ - name: "accent.forestBackgroundMuted2", - hex: "#206A4F", - - },sandTextBody:{ - name: "accent.sandTextBody", - hex: "#EFE5D1", - - },sandTextEmphasis:{ - name: "accent.sandTextEmphasis", - hex: "#F6F1E5", - - },sandBackgroundMuted0:{ - name: "accent.sandBackgroundMuted0", - hex: "#493612", - - },sandBackgroundMuted1:{ - name: "accent.sandBackgroundMuted1", - hex: "#5E4317", - - },sandBackgroundMuted2:{ - name: "accent.sandBackgroundMuted2", - hex: "#6B5024", - - }},}; \ No newline at end of file diff --git a/dist/documentation/themes/emerson.d.ts b/dist/documentation/themes/emerson.d.ts deleted file mode 100644 index 568b90a0..00000000 --- a/dist/documentation/themes/emerson.d.ts +++ /dev/null @@ -1,604 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBody:{ - name: string, - hex: string, - - },forestTextEmphasis:{ - name: string, - hex: string, - - },forestBackgroundMuted0:{ - name: string, - hex: string, - - },forestBackgroundMuted1:{ - name: string, - hex: string, - - },forestBackgroundMuted2:{ - name: string, - hex: string, - - },sandTextBody:{ - name: string, - hex: string, - - },sandTextEmphasis:{ - name: string, - hex: string, - - },sandBackgroundMuted0:{ - name: string, - hex: string, - - },sandBackgroundMuted1:{ - name: string, - hex: string, - - },sandBackgroundMuted2:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js deleted file mode 100644 index 80483800..00000000 --- a/dist/documentation/themes/emerson.js +++ /dev/null @@ -1,604 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#36485C", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#475A70", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#596D84", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#FFFFFF", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#FFFFFF", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#FFFFFF", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#36485C", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#2E3A47", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#212933", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FCFEFF", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#2E3A47", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as buttons" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as buttons" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#C8D3E0", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#000000", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBody:{ - name: "accent.forestTextBody", - hex: "#275E43", - - },forestTextEmphasis:{ - name: "accent.forestTextEmphasis", - hex: "#244C38", - - },forestBackgroundMuted0:{ - name: "accent.forestBackgroundMuted0", - hex: "#EBF2EF", - - },forestBackgroundMuted1:{ - name: "accent.forestBackgroundMuted1", - hex: "#D1E0D9", - - },forestBackgroundMuted2:{ - name: "accent.forestBackgroundMuted2", - hex: "#B6CFC2", - - },sandTextBody:{ - name: "accent.sandTextBody", - hex: "#5E4D27", - - },sandTextEmphasis:{ - name: "accent.sandTextEmphasis", - hex: "#3E3114", - - },sandBackgroundMuted0:{ - name: "accent.sandBackgroundMuted0", - hex: "#F6F1E5", - - },sandBackgroundMuted1:{ - name: "accent.sandBackgroundMuted1", - hex: "#E4D9C2", - - },sandBackgroundMuted2:{ - name: "accent.sandBackgroundMuted2", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts deleted file mode 100644 index a077ce97..00000000 --- a/dist/documentation/themes/light.d.ts +++ /dev/null @@ -1,604 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBody:{ - name: string, - hex: string, - - },forestTextEmphasis:{ - name: string, - hex: string, - description: string - },forestBackgroundMuted0:{ - name: string, - hex: string, - - },forestBackgroundMuted1:{ - name: string, - hex: string, - - },forestBackgroundMuted2:{ - name: string, - hex: string, - - },sandTextBody:{ - name: string, - hex: string, - - },sandTextEmphasis:{ - name: string, - hex: string, - description: string - },sandBackgroundMuted0:{ - name: string, - hex: string, - - },sandBackgroundMuted1:{ - name: string, - hex: string, - - },sandBackgroundMuted2:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js deleted file mode 100644 index 3fe7e996..00000000 --- a/dist/documentation/themes/light.js +++ /dev/null @@ -1,604 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#36485C", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#475A70", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#FFFFFF", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#FFFFFF", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#FFFFFF", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#36485C", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#2E3A47", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#212933", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FCFEFF", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for primary components" - },borderHover:{ - name: "primary.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for primary components" - },borderActive:{ - name: "primary.borderActive", - hex: "#2E3A47", - description: "Used for the pressed border colour for primary components" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#C8D3E0", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#36485C", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBody:{ - name: "accent.forestTextBody", - hex: "#275E43", - - },forestTextEmphasis:{ - name: "accent.forestTextEmphasis", - hex: "#244C38", - description: "Accent used for headings and icons of empahsis" - },forestBackgroundMuted0:{ - name: "accent.forestBackgroundMuted0", - hex: "#EBF2EF", - - },forestBackgroundMuted1:{ - name: "accent.forestBackgroundMuted1", - hex: "#D1E0D9", - - },forestBackgroundMuted2:{ - name: "accent.forestBackgroundMuted2", - hex: "#B6CFC2", - - },sandTextBody:{ - name: "accent.sandTextBody", - hex: "#5E4D27", - - },sandTextEmphasis:{ - name: "accent.sandTextEmphasis", - hex: "#3E3114", - description: "Accent colour used for heading or icons of emphasis" - },sandBackgroundMuted0:{ - name: "accent.sandBackgroundMuted0", - hex: "#F6F1E5", - - },sandBackgroundMuted1:{ - name: "accent.sandBackgroundMuted1", - hex: "#E4D9C2", - - },sandBackgroundMuted2:{ - name: "accent.sandBackgroundMuted2", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts deleted file mode 100644 index 568b90a0..00000000 --- a/dist/documentation/themes/lightDS3.d.ts +++ /dev/null @@ -1,604 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBody:{ - name: string, - hex: string, - - },forestTextEmphasis:{ - name: string, - hex: string, - - },forestBackgroundMuted0:{ - name: string, - hex: string, - - },forestBackgroundMuted1:{ - name: string, - hex: string, - - },forestBackgroundMuted2:{ - name: string, - hex: string, - - },sandTextBody:{ - name: string, - hex: string, - - },sandTextEmphasis:{ - name: string, - hex: string, - - },sandBackgroundMuted0:{ - name: string, - hex: string, - - },sandBackgroundMuted1:{ - name: string, - hex: string, - - },sandBackgroundMuted2:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js deleted file mode 100644 index ea753c7e..00000000 --- a/dist/documentation/themes/lightDS3.js +++ /dev/null @@ -1,604 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#36485C", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#475A70", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#596D84", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#F5F7FA", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#307553", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#307553", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#275E43", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#244C38", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#307553", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#E6EDF5", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#36485C", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBody:{ - name: "accent.forestTextBody", - hex: "#275E43", - - },forestTextEmphasis:{ - name: "accent.forestTextEmphasis", - hex: "#244C38", - - },forestBackgroundMuted0:{ - name: "accent.forestBackgroundMuted0", - hex: "#EBF2EF", - - },forestBackgroundMuted1:{ - name: "accent.forestBackgroundMuted1", - hex: "#D1E0D9", - - },forestBackgroundMuted2:{ - name: "accent.forestBackgroundMuted2", - hex: "#B6CFC2", - - },sandTextBody:{ - name: "accent.sandTextBody", - hex: "#5E4D27", - - },sandTextEmphasis:{ - name: "accent.sandTextEmphasis", - hex: "#3E3114", - - },sandBackgroundMuted0:{ - name: "accent.sandBackgroundMuted0", - hex: "#F6F1E5", - - },sandBackgroundMuted1:{ - name: "accent.sandBackgroundMuted1", - hex: "#E4D9C2", - - },sandBackgroundMuted2:{ - name: "accent.sandBackgroundMuted2", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts deleted file mode 100644 index 05da7d25..00000000 --- a/dist/helpers/colorProfileMapper.d.ts +++ /dev/null @@ -1,109 +0,0 @@ -import type { AviaryTheme } from "../types/themes"; -export declare const colorProfileMapper: (currentTheme: AviaryTheme) => { - primary: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - info: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - warning: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - danger: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - highlight: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - system: { - textLabelEmphasis: string; - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - borderFocused: string; - }; - success: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; -}; -//# sourceMappingURL=colorProfileMapper.d.ts.map \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map deleted file mode 100644 index 3c1e9e83..00000000 --- a/dist/helpers/colorProfileMapper.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js deleted file mode 100644 index e5da22d5..00000000 --- a/dist/helpers/colorProfileMapper.js +++ /dev/null @@ -1,21 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.colorProfileMapper = void 0; - -// Used for mapping over selected `isColor` properties -var colorProfileMapper = function colorProfileMapper(currentTheme) { - return { - primary: currentTheme.primary, - info: currentTheme.info, - warning: currentTheme.warning, - danger: currentTheme.danger, - highlight: currentTheme.highlight, - system: currentTheme.system, - success: currentTheme.success - }; -}; - -exports.colorProfileMapper = colorProfileMapper; \ No newline at end of file diff --git a/dist/helpers/index.d.ts b/dist/helpers/index.d.ts deleted file mode 100644 index 7a4a22d6..00000000 --- a/dist/helpers/index.d.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from "./colorProfileMapper"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/helpers/index.d.ts.map b/dist/helpers/index.d.ts.map deleted file mode 100644 index 94ae4bb1..00000000 --- a/dist/helpers/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"} \ No newline at end of file diff --git a/dist/helpers/index.js b/dist/helpers/index.js deleted file mode 100644 index 155de21a..00000000 --- a/dist/helpers/index.js +++ /dev/null @@ -1,24 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _colorProfileMapper = require("./colorProfileMapper"); - -Object.keys(_colorProfileMapper).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _colorProfileMapper[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _colorProfileMapper[key]; - } - }); -}); \ No newline at end of file diff --git a/dist/index.d.ts b/dist/index.d.ts deleted file mode 100644 index dcd56928..00000000 --- a/dist/index.d.ts +++ /dev/null @@ -1,9 +0,0 @@ -export * from "./helpers"; -export * from "./types"; -export * as borders from "../dist/tokens/ts/borders"; -export * as typography from "../dist/tokens/ts/typography"; -export * as lightThemeDocumentation from "../dist/documentation/themes/light"; -export * as darkThemeDocumentation from "../dist/documentation/themes/dark"; -export * as coreDarkDocumentation from "../dist/documentation/core-dark-colors"; -export * as coreLightDocumentation from "../dist/documentation/core-light-colors"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map deleted file mode 100644 index 666537dc..00000000 --- a/dist/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,uBAAuB,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,sBAAsB,MAAM,mCAAmC,CAAC;AAG5E,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAChF,OAAO,KAAK,sBAAsB,MAAM,yCAAyC,CAAC"} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js deleted file mode 100644 index b653d350..00000000 --- a/dist/index.js +++ /dev/null @@ -1,94 +0,0 @@ -"use strict"; - -function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } - -require("core-js/modules/es.array.iterator.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.string.iterator.js"); - -require("core-js/modules/es.weak-map.js"); - -require("core-js/modules/web.dom-collections.iterator.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.symbol.description.js"); - -require("core-js/modules/es.symbol.iterator.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -var _exportNames = { - borders: true, - typography: true, - lightThemeDocumentation: true, - darkThemeDocumentation: true, - coreDarkDocumentation: true, - coreLightDocumentation: true -}; -exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = exports.borders = void 0; - -var _helpers = require("./helpers"); - -Object.keys(_helpers).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; - if (key in exports && exports[key] === _helpers[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _helpers[key]; - } - }); -}); - -var _types = require("./types"); - -Object.keys(_types).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; - if (key in exports && exports[key] === _types[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _types[key]; - } - }); -}); - -var _borders = _interopRequireWildcard(require("../dist/tokens/ts/borders")); - -exports.borders = _borders; - -var _typography = _interopRequireWildcard(require("../dist/tokens/ts/typography")); - -exports.typography = _typography; - -var _lightThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/light")); - -exports.lightThemeDocumentation = _lightThemeDocumentation; - -var _darkThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/dark")); - -exports.darkThemeDocumentation = _darkThemeDocumentation; - -var _coreDarkDocumentation = _interopRequireWildcard(require("../dist/documentation/core-dark-colors")); - -exports.coreDarkDocumentation = _coreDarkDocumentation; - -var _coreLightDocumentation = _interopRequireWildcard(require("../dist/documentation/core-light-colors")); - -exports.coreLightDocumentation = _coreLightDocumentation; - -function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } - -function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts deleted file mode 100644 index dc0e560c..00000000 --- a/dist/tokens/native/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const radiusBase : number; -export const radiusCircle : string; -export const radiusModal : number; -export const radiusPill : number; -export const widthBase : number; \ No newline at end of file diff --git a/dist/tokens/native/borders.js b/dist/tokens/native/borders.js deleted file mode 100644 index 9faf467c..00000000 --- a/dist/tokens/native/borders.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = { - "radiusBase": 8, - "radiusCircle": "50%", - "radiusModal": 8, - "radiusPill": 100, - "widthBase": 1 -}; \ No newline at end of file diff --git a/dist/tokens/native/core-dark-colors.d.ts b/dist/tokens/native/core-dark-colors.d.ts deleted file mode 100644 index 501bc836..00000000 --- a/dist/tokens/native/core-dark-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const shades: {white : string,black : string,transparent : string}; -export const brown: {200 : string,300 : string,400 : string,700 : string,800 : string}; diff --git a/dist/tokens/native/core-dark-colors.js b/dist/tokens/native/core-dark-colors.js deleted file mode 100644 index 8dbebcbc..00000000 --- a/dist/tokens/native/core-dark-colors.js +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {green: {100 : "#0C291E",200 : "#124935",300 : "#1F5B45",400 : "#206A4F",500 : "#288563",600 : "#42AD86",700 : "#BFE8D9",800 : "#F0FFF9"}, -blue: {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, -red: {100 : "#290F16",200 : "#451522",300 : "#5E1D2E",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple: {100 : "#200F29",200 : "#33193F",300 : "#482359",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, -orange: {100 : "#29170C",200 : "#4A2915",300 : "#63371C",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, -grey: {100 : "#141719",200 : "#1D2124",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, -shades: {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -brown: {200 : "#493612",300 : "#5E4317",400 : "#6B5024",700 : "#EFE5D1",800 : "#F6F1E5"}, -}; \ No newline at end of file diff --git a/dist/tokens/native/core-light-colors.d.ts b/dist/tokens/native/core-light-colors.d.ts deleted file mode 100644 index 1886c5d3..00000000 --- a/dist/tokens/native/core-light-colors.d.ts +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; -export const shades: {white : string,black : string,transparent : string}; -export const yellow: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const brown: {200 : string,300 : string,400 : string,700 : string,800 : string}; diff --git a/dist/tokens/native/core-light-colors.js b/dist/tokens/native/core-light-colors.js deleted file mode 100644 index 4acce2e3..00000000 --- a/dist/tokens/native/core-light-colors.js +++ /dev/null @@ -1,15 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {green: {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, -blue: {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, -red: {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, -purple: {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, -orange: {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, -grey: {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, -shades: {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow: {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, -brown: {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27",800 : "#3E3114"}, -}; \ No newline at end of file diff --git a/dist/tokens/native/themes/dark.d.ts b/dist/tokens/native/themes/dark.d.ts deleted file mode 100644 index 26556cde..00000000 --- a/dist/tokens/native/themes/dark.d.ts +++ /dev/null @@ -1,25 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const theme: string; -export const text: {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system: {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface: {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled: {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; -export const input: {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator: {base : string}; -export const light: {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow: {base : string}; - -export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; -export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; -export const opacity: {overlayBackdrop : number}; -export const typography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/native/themes/dark.js b/dist/tokens/native/themes/dark.js deleted file mode 100644 index 234ba6d9..00000000 --- a/dist/tokens/native/themes/dark.js +++ /dev/null @@ -1,25 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {theme: "dark", -text: {emphasis : "#FFFFFF",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, -system: {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#141719",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1D2124",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, -surface: {level0 : "#141719",level1 : "#141719",level2 : "#22272B",interactiveBackground : "#1D2124",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#1D2124",overlayTheme : "#1D2124",overlayBackdrop : "#000000"}, -primary: {textBase : "#1D2124",textHover : "#1D2124",textActive : "#1D2124",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, -success: {textBase : "#42AD86",textHover : "#BFE8D9",textActive : "#F0FFF9",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#BFE8D9",backgroundMuted : "#124935",backgroundMutedHover : "#1F5B45",backgroundMutedActive : "#206A4F",backgroundBox : "#0C291E",borderBase : "#206A4F",borderHover : "#288563",borderActive : "#42AD86"}, -info: {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, -warning: {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#4A2915",backgroundMutedHover : "#63371C",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, -danger: {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#451522",backgroundMutedHover : "#5E1D2E",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, -highlight: {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#33193F",backgroundMutedHover : "#482359",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, -disabled: {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, -input: {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, -separator: {base : "#515357"}, -light: {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, -shadow: {base : "#000000"}, - -accent: { forest: { textBody: "#BFE8D9", textEmphasis: "#F0FFF9", backgroundMuted0: "#124935", backgroundMuted1: "#1F5B45", backgroundMuted2: "#206A4F" }, sand: { textBody: "#EFE5D1", textEmphasis: "#F6F1E5", backgroundMuted0: "#493612", backgroundMuted1: "#5E4317", backgroundMuted2: "#6B5024" } }, -boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"}, -opacity: {overlayBackdrop : 0.8}, -typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/native/themes/emerson.d.ts b/dist/tokens/native/themes/emerson.d.ts deleted file mode 100644 index 46c33cfe..00000000 --- a/dist/tokens/native/themes/emerson.d.ts +++ /dev/null @@ -1,25 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const theme: string; -export const text: {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system: {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface: {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled: {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input: {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator: {base : string}; -export const light: {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow: {base : string}; - -export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; -export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; -export const opacity: {overlayBackdrop : number}; -export const typography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/native/themes/emerson.js b/dist/tokens/native/themes/emerson.js deleted file mode 100644 index d216b04c..00000000 --- a/dist/tokens/native/themes/emerson.js +++ /dev/null @@ -1,25 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {theme: "emerson", -text: {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system: {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface: {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary: {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success: {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info: {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning: {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger: {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight: {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled: {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input: {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator: {base : "#C8D3E0"}, -light: {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow: {base : "#000000"}, - -accent: { forest: { textBody: "#275E43", textEmphasis: "#244C38", backgroundMuted0: "#EBF2EF", backgroundMuted1: "#D1E0D9", backgroundMuted2: "#B6CFC2" }, sand: { textBody: "#5E4D27", textEmphasis: "#3E3114", backgroundMuted0: "#F6F1E5", backgroundMuted1: "#E4D9C2", backgroundMuted2: "#DACCAA" } }, -boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"}, -opacity: {overlayBackdrop : 0.2}, -typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/native/themes/light.d.ts b/dist/tokens/native/themes/light.d.ts deleted file mode 100644 index 46c33cfe..00000000 --- a/dist/tokens/native/themes/light.d.ts +++ /dev/null @@ -1,25 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const theme: string; -export const text: {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system: {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface: {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled: {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input: {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator: {base : string}; -export const light: {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow: {base : string}; - -export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; -export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; -export const opacity: {overlayBackdrop : number}; -export const typography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/native/themes/light.js b/dist/tokens/native/themes/light.js deleted file mode 100644 index 157aa1a0..00000000 --- a/dist/tokens/native/themes/light.js +++ /dev/null @@ -1,25 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {theme: "light", -text: {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, -system: {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface: {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary: {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success: {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info: {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning: {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger: {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight: {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled: {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input: {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator: {base : "#C8D3E0"}, -light: {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow: {base : "#36485C"}, - -accent: { forest: { textBody: "#275E43", textEmphasis: "#244C38", backgroundMuted0: "#EBF2EF", backgroundMuted1: "#D1E0D9", backgroundMuted2: "#B6CFC2" }, sand: { textBody: "#5E4D27", textEmphasis: "#3E3114", backgroundMuted0: "#F6F1E5", backgroundMuted1: "#E4D9C2", backgroundMuted2: "#DACCAA" } }, -boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"}, -opacity: {overlayBackdrop : 0.2}, -typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/native/themes/lightDS3.d.ts b/dist/tokens/native/themes/lightDS3.d.ts deleted file mode 100644 index 46c33cfe..00000000 --- a/dist/tokens/native/themes/lightDS3.d.ts +++ /dev/null @@ -1,25 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const theme: string; -export const text: {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system: {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface: {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled: {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input: {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator: {base : string}; -export const light: {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow: {base : string}; - -export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; -export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; -export const opacity: {overlayBackdrop : number}; -export const typography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/native/themes/lightDS3.js b/dist/tokens/native/themes/lightDS3.js deleted file mode 100644 index 7a5ebc7a..00000000 --- a/dist/tokens/native/themes/lightDS3.js +++ /dev/null @@ -1,25 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {theme: "lightDS3", -text: {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system: {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface: {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary: {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -success: {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info: {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning: {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger: {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight: {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled: {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input: {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator: {base : "#E6EDF5"}, -light: {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow: {base : "#36485C"}, - -accent: { forest: { textBody: "#275E43", textEmphasis: "#244C38", backgroundMuted0: "#EBF2EF", backgroundMuted1: "#D1E0D9", backgroundMuted2: "#B6CFC2" }, sand: { textBody: "#5E4D27", textEmphasis: "#3E3114", backgroundMuted0: "#F6F1E5", backgroundMuted1: "#E4D9C2", backgroundMuted2: "#DACCAA" } }, -boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"}, -opacity: {overlayBackdrop : 0.2}, -typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/native/typography.d.ts b/dist/tokens/native/typography.d.ts deleted file mode 100644 index ba7cf42b..00000000 --- a/dist/tokens/native/typography.d.ts +++ /dev/null @@ -1,31 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const letterSpacingBase : number; -export const paragraphSpacingBase : number; -export const textDecorationBase : string; -export const textCaseBase : string; -export const size3xlarge : number; -export const size2xlarge : number; -export const sizeXlarge : number; -export const sizeLarge : number; -export const sizeNormal : number; -export const sizeSmall : number; -export const sizeXsmall : number; -export const sizeXxsmall : number; -export const sizeMobile3xlarge : number; -export const sizeMobile2xlarge : number; -export const sizeMobileXlarge : number; -export const lineHeightXlarge : number; -export const lineHeightLarge : number; -export const lineHeightNormal : number; -export const lineHeightSmall : number; -export const fontFamilySansSerif : string; -export const fontFamilySerif : string; -export const weightSemiBold : string; -export const weightBase : string; -export const weightLight : string; -export const weightStrong : string; -export const weightBold : string; \ No newline at end of file diff --git a/dist/tokens/native/typography.js b/dist/tokens/native/typography.js deleted file mode 100644 index 78481e32..00000000 --- a/dist/tokens/native/typography.js +++ /dev/null @@ -1,33 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = { - "letterSpacingBase": 0, - "paragraphSpacingBase": 0, - "textDecorationBase": "none", - "textCaseBase": "none", - "size3xlarge": 40, - "size2xlarge": 32, - "sizeXlarge": 24, - "sizeLarge": 20, - "sizeNormal": 16, - "sizeSmall": 14, - "sizeXsmall": 12, - "sizeXxsmall": 10, - "sizeMobile3xlarge": 32, - "sizeMobile2xlarge": 28, - "sizeMobileXlarge": 22, - "lineHeightXlarge": 40, - "lineHeightLarge": 32, - "lineHeightNormal": 24, - "lineHeightSmall": 16, - "fontFamilySansSerif": "Mulish", - "fontFamilySerif": "Besley", - "weightSemiBold": "700", - "weightBase": "500", - "weightLight": "400", - "weightStrong": "600", - "weightBold": "900" -}; \ No newline at end of file diff --git a/dist/tokens/scss/borders.scss b/dist/tokens/scss/borders.scss deleted file mode 100644 index a0a5c912..00000000 --- a/dist/tokens/scss/borders.scss +++ /dev/null @@ -1,9 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 02 Feb 2024 20:01:56 GMT - -$radiusBase: 8px; -$radiusCircle: 50%; -$radiusModal: 8px; -$radiusPill: 100px; -$widthBase: 1px; \ No newline at end of file diff --git a/dist/tokens/scss/core-dark-colors.scss b/dist/tokens/scss/core-dark-colors.scss deleted file mode 100644 index b224854d..00000000 --- a/dist/tokens/scss/core-dark-colors.scss +++ /dev/null @@ -1,60 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 02 Feb 2024 20:01:56 GMT - -$green100: #0C291E; -$green200: #124935; -$green300: #1F5B45; -$green400: #206A4F; -$green500: #288563; -$green600: #42AD86; -$green700: #BFE8D9; -$green800: #F0FFF9; -$blue100: #0C1B29; -$blue200: #102337; -$blue300: #142C45; -$blue400: #285685; -$blue500: #4577AD; -$blue600: #6597CE; -$blue700: #96BDE7; -$blue800: #D1E8FF; -$red100: #290F16; -$red200: #451522; -$red300: #5E1D2E; -$red400: #8F2843; -$red500: #B23655; -$red600: #C74C6B; -$red700: #EA8AA3; -$red800: #FFD1DD; -$purple100: #200F29; -$purple200: #33193F; -$purple300: #482359; -$purple400: #542F66; -$purple500: #693B80; -$purple600: #865C99; -$purple700: #B990CC; -$purple800: #F0D1FF; -$orange100: #29170C; -$orange200: #4A2915; -$orange300: #63371C; -$orange400: #8A4E29; -$orange500: #AD6234; -$orange600: #CF7945; -$orange700: #E7AA84; -$orange800: #FFE3D1; -$grey100: #141719; -$grey200: #1D2124; -$grey300: #22272B; -$grey400: #2D3238; -$grey500: #515357; -$grey600: #98999B; -$grey700: #BCBDBF; -$grey800: #E8E9EA; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; -$brown200: #493612; -$brown300: #5E4317; -$brown400: #6B5024; -$brown700: #EFE5D1; -$brown800: #F6F1E5; \ No newline at end of file diff --git a/dist/tokens/scss/core-light-colors.scss b/dist/tokens/scss/core-light-colors.scss deleted file mode 100644 index 8529af1f..00000000 --- a/dist/tokens/scss/core-light-colors.scss +++ /dev/null @@ -1,69 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 02 Feb 2024 20:01:56 GMT - -$green100: #FAFFFC; -$green200: #EBF2EF; -$green300: #D1E0D9; -$green400: #B6CFC2; -$green500: #86B09B; -$green600: #307553; -$green700: #275E43; -$green800: #244C38; -$blue100: #F5FAFF; -$blue200: #E6F1FC; -$blue300: #C0D8F0; -$blue400: #88B1D9; -$blue500: #5D96CF; -$blue600: #3971A8; -$blue700: #21588F; -$blue800: #194673; -$red100: #FFF7F9; -$red200: #FEEEF2; -$red300: #F0C4CD; -$red400: #E296A6; -$red500: #C6516A; -$red600: #AF2645; -$red700: #980B29; -$red800: #800D25; -$purple100: #FCFAFF; -$purple200: #F2ECFE; -$purple300: #D7CEE9; -$purple400: #B9ABD5; -$purple500: #8471AB; -$purple600: #533E7D; -$purple700: #3B2566; -$purple800: #2A174F; -$orange100: #FFFAF5; -$orange200: #FFF3E8; -$orange300: #F3D8C0; -$orange400: #E7B88F; -$orange500: #CF8545; -$orange600: #B4631D; -$orange700: #8E4D14; -$orange800: #784213; -$grey100: #FCFEFF; -$grey200: #F5F7FA; -$grey300: #E6EDF5; -$grey400: #C8D3E0; -$grey500: #596D84; -$grey600: #475A70; -$grey700: #36485C; -$grey800: #2E3A47; -$grey900: #212933; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; -$yellow100: #faf8f2; -$yellow200: #fcf3dd; -$yellow300: #fce7b1; -$yellow400: #fcd97e; -$yellow500: #fccb4c; -$yellow600: #ffc121; -$yellow700: #f7b200; -$yellow800: #e5a500; -$brown200: #F6F1E5; -$brown300: #E4D9C2; -$brown400: #DACCAA; -$brown700: #5E4D27; -$brown800: #3E3114; \ No newline at end of file diff --git a/dist/tokens/scss/themes/dark.scss b/dist/tokens/scss/themes/dark.scss deleted file mode 100644 index a7936d09..00000000 --- a/dist/tokens/scss/themes/dark.scss +++ /dev/null @@ -1,151 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 02 Feb 2024 20:01:56 GMT - -$textEmphasis: #FFFFFF; -$textBody: #BCBDBF; -$textSubdued: #98999B; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #FFFFFF; -$systemTextBase: #BCBDBF; -$systemTextHover: #E8E9EA; -$systemTextActive: #FFFFFF; -$systemBackgroundBase: #141719; -$systemBackgroundMuted: #22272B; -$systemBackgroundMutedHover: #2D3238; -$systemBackgroundMutedActive: #515357; -$systemBackgroundBox: #1D2124; -$systemBorderBase: #515357; -$systemBorderHover: #98999B; -$systemBorderActive: #BCBDBF; -$systemBorderFocused: #6597CE; -$surfaceLevel0: #141719; -$surfaceLevel1: #141719; -$surfaceLevel2: #22272B; -$surfaceInteractiveBackground: #1D2124; -$surfaceInteractiveHover: #22272B; -$surfaceInteractiveActive: #2D3238; -$surfaceOverlayDark: #1D2124; -$surfaceOverlayTheme: #1D2124; -$surfaceOverlayBackdrop: #000000; -$primaryTextBase: #1D2124; -$primaryTextHover: #1D2124; -$primaryTextActive: #1D2124; -$primaryBackgroundBase: #E8E9EA; -$primaryBackgroundHover: #FFFFFF; -$primaryBackgroundActive: #FFFFFF; -$primaryBackgroundMuted: #22272B; -$primaryBackgroundMutedHover: #2D3238; -$primaryBackgroundMutedActive: #515357; -$primaryBackgroundBox: #0C291E; -$primaryBorderBase: #515357; -$primaryBorderHover: #98999B; -$primaryBorderActive: #BCBDBF; -$successTextBase: #42AD86; -$successTextHover: #BFE8D9; -$successTextActive: #F0FFF9; -$successBackgroundBase: #288563; -$successBackgroundHover: #42AD86; -$successBackgroundActive: #BFE8D9; -$successBackgroundMuted: #124935; -$successBackgroundMutedHover: #1F5B45; -$successBackgroundMutedActive: #206A4F; -$successBackgroundBox: #0C291E; -$successBorderBase: #206A4F; -$successBorderHover: #288563; -$successBorderActive: #42AD86; -$infoTextBase: #6597CE; -$infoTextHover: #96BDE7; -$infoTextActive: #D1E8FF; -$infoBackgroundBase: #4577AD; -$infoBackgroundHover: #285685; -$infoBackgroundActive: #142C45; -$infoBackgroundMuted: #102337; -$infoBackgroundMutedHover: #142C45; -$infoBackgroundMutedActive: #285685; -$infoBackgroundBox: #0C1B29; -$infoBorderBase: #4577AD; -$infoBorderHover: #285685; -$infoBorderActive: #142C45; -$warningTextBase: #CF7945; -$warningTextHover: #E7AA84; -$warningTextActive: #FFE3D1; -$warningBackgroundBase: #AD6234; -$warningBackgroundHover: #CF7945; -$warningBackgroundActive: #E7AA84; -$warningBackgroundMuted: #4A2915; -$warningBackgroundMutedHover: #63371C; -$warningBackgroundMutedActive: #8A4E29; -$warningBackgroundBox: #29170C; -$warningBorderBase: #8A4E29; -$warningBorderHover: #AD6234; -$warningBorderActive: #CF7945; -$dangerTextBase: #C74C6B; -$dangerTextHover: #EA8AA3; -$dangerTextActive: #FFD1DD; -$dangerBackgroundBase: #B23655; -$dangerBackgroundHover: #C74C6B; -$dangerBackgroundActive: #EA8AA3; -$dangerBackgroundMuted: #451522; -$dangerBackgroundMutedHover: #5E1D2E; -$dangerBackgroundMutedActive: #8F2843; -$dangerBackgroundBox: #290F16; -$dangerBorderBase: #8F2843; -$dangerBorderHover: #B23655; -$dangerBorderActive: #C74C6B; -$highlightTextBase: #865C99; -$highlightTextHover: #B990CC; -$highlightTextActive: #F0D1FF; -$highlightBackgroundBase: #693B80; -$highlightBackgroundHover: #865C99; -$highlightBackgroundActive: #B990CC; -$highlightBackgroundMuted: #33193F; -$highlightBackgroundMutedHover: #482359; -$highlightBackgroundMutedActive: #542F66; -$highlightBackgroundBox: #200F29; -$highlightBorderBase: #542F66; -$highlightBorderHover: #693B80; -$highlightBorderActive: #865C99; -$disabledText: #98999B; -$disabledBackground: #22272B; -$disabledNakedBackground: transparent; -$disabledBorder: #515357; -$disabledNakedContent: #22272B; -$disabledInputBackground: #2D3238; -$disabledInputLabelText: #98999B; -$inputBackgroundBase: #1B2228; -$inputBackgroundHover: #2D3238; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #FFFFFF; -$inputTextInformation: #BCBDBF; -$inputTextInformationError: #B23655; -$inputTextLabel: #BCBDBF; -$inputTextFloatingLabel: #4577AD; -$inputTextFloatingLabelError: #B23655; -$inputTextPlaceholder: #98999B; -$inputTextActive: #FFFFFF; -$inputBorderBase: #2D3238; -$inputBorderError: #8F2843; -$inputBorderHover: #515357; -$inputBorderEmphasized: #98999B; -$inputBorderEmphasizedHover: #BCBDBF; -$inputBorderActive: #285685; -$separatorBase: #515357; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #515357; -$lightBackgroundHover: #E8E9EA; -$lightBackgroundActive: #E8E9EA; -$lightTextBase: #2D3238; -$lightLinkMutedBase: #E8E9EA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #000000; -$accentForestTextBody: #BFE8D9; -$accentForestTextEmphasis: #F0FFF9; -$accentForestBackgroundMuted0: #124935; -$accentForestBackgroundMuted1: #1F5B45; -$accentForestBackgroundMuted2: #206A4F; -$accentSandTextBody: #EFE5D1; -$accentSandTextEmphasis: #F6F1E5; -$accentSandBackgroundMuted0: #493612; -$accentSandBackgroundMuted1: #5E4317; -$accentSandBackgroundMuted2: #6B5024; \ No newline at end of file diff --git a/dist/tokens/scss/themes/emerson.scss b/dist/tokens/scss/themes/emerson.scss deleted file mode 100644 index dca50b6c..00000000 --- a/dist/tokens/scss/themes/emerson.scss +++ /dev/null @@ -1,150 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 02 Feb 2024 20:01:56 GMT - -$textEmphasis: #36485C; -$textBody: #475A70; -$textSubdued: #596D84; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #FFFFFF; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #FFFFFF; -$primaryTextHover: #FFFFFF; -$primaryTextActive: #FFFFFF; -$primaryBackgroundBase: #36485C; -$primaryBackgroundHover: #2E3A47; -$primaryBackgroundActive: #212933; -$primaryBackgroundMuted: #F5F7FA; -$primaryBackgroundMutedHover: #E6EDF5; -$primaryBackgroundMutedActive: #C8D3E0; -$primaryBackgroundBox: #FCFEFF; -$primaryBorderBase: #C8D3E0; -$primaryBorderHover: #596D84; -$primaryBorderActive: #2E3A47; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #C8D3E0; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #000000; -$accentForestTextBody: #275E43; -$accentForestTextEmphasis: #244C38; -$accentForestBackgroundMuted0: #EBF2EF; -$accentForestBackgroundMuted1: #D1E0D9; -$accentForestBackgroundMuted2: #B6CFC2; -$accentSandTextBody: #5E4D27; -$accentSandTextEmphasis: #3E3114; -$accentSandBackgroundMuted0: #F6F1E5; -$accentSandBackgroundMuted1: #E4D9C2; -$accentSandBackgroundMuted2: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss deleted file mode 100644 index ec442ca9..00000000 --- a/dist/tokens/scss/themes/light.scss +++ /dev/null @@ -1,150 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 02 Feb 2024 20:01:56 GMT - -$textEmphasis: #2E3A47; -$textBody: #36485C; -$textSubdued: #475A70; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #FFFFFF; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #FFFFFF; -$primaryTextHover: #FFFFFF; -$primaryTextActive: #FFFFFF; -$primaryBackgroundBase: #36485C; -$primaryBackgroundHover: #2E3A47; -$primaryBackgroundActive: #212933; -$primaryBackgroundMuted: #F5F7FA; -$primaryBackgroundMutedHover: #E6EDF5; -$primaryBackgroundMutedActive: #C8D3E0; -$primaryBackgroundBox: #FCFEFF; -$primaryBorderBase: #C8D3E0; -$primaryBorderHover: #596D84; -$primaryBorderActive: #2E3A47; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #C8D3E0; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #36485C; -$accentForestTextBody: #275E43; -$accentForestTextEmphasis: #244C38; -$accentForestBackgroundMuted0: #EBF2EF; -$accentForestBackgroundMuted1: #D1E0D9; -$accentForestBackgroundMuted2: #B6CFC2; -$accentSandTextBody: #5E4D27; -$accentSandTextEmphasis: #3E3114; -$accentSandBackgroundMuted0: #F6F1E5; -$accentSandBackgroundMuted1: #E4D9C2; -$accentSandBackgroundMuted2: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss deleted file mode 100644 index be4a7089..00000000 --- a/dist/tokens/scss/themes/lightDS3.scss +++ /dev/null @@ -1,150 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 02 Feb 2024 20:01:56 GMT - -$textEmphasis: #36485C; -$textBody: #475A70; -$textSubdued: #596D84; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #F5F7FA; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #307553; -$primaryTextHover: #275E43; -$primaryTextActive: #244C38; -$primaryBackgroundBase: #307553; -$primaryBackgroundHover: #275E43; -$primaryBackgroundActive: #244C38; -$primaryBackgroundMuted: #EBF2EF; -$primaryBackgroundMutedHover: #D1E0D9; -$primaryBackgroundMutedActive: #B6CFC2; -$primaryBackgroundBox: #FAFFFC; -$primaryBorderBase: #307553; -$primaryBorderHover: #275E43; -$primaryBorderActive: #244C38; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #E6EDF5; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #36485C; -$accentForestTextBody: #275E43; -$accentForestTextEmphasis: #244C38; -$accentForestBackgroundMuted0: #EBF2EF; -$accentForestBackgroundMuted1: #D1E0D9; -$accentForestBackgroundMuted2: #B6CFC2; -$accentSandTextBody: #5E4D27; -$accentSandTextEmphasis: #3E3114; -$accentSandBackgroundMuted0: #F6F1E5; -$accentSandBackgroundMuted1: #E4D9C2; -$accentSandBackgroundMuted2: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss deleted file mode 100644 index a38da0e2..00000000 --- a/dist/tokens/scss/typography.scss +++ /dev/null @@ -1,30 +0,0 @@ - -// Do not edit directly -// Generated on Fri, 02 Feb 2024 20:01:56 GMT - -$letterSpacingBase: 0; -$paragraphSpacingBase: 0; -$textDecorationBase: none; -$textCaseBase: none; -$size3xlarge: 40px; -$size2xlarge: 32px; -$sizeXlarge: 24px; -$sizeLarge: 20px; -$sizeNormal: 16px; -$sizeSmall: 14px; -$sizeXsmall: 12px; -$sizeXxsmall: 10px; -$sizeMobile3xlarge: 32px; -$sizeMobile2xlarge: 28px; -$sizeMobileXlarge: 22px; -$lineHeightXlarge: 40px; -$lineHeightLarge: 32px; -$lineHeightNormal: 24px; -$lineHeightSmall: 16px; -$fontFamilySansSerif: Mulish; -$fontFamilySerif: Besley; -$weightSemiBold: 700; -$weightBase: 500; -$weightLight: 400; -$weightStrong: 600; -$weightBold: 900; \ No newline at end of file diff --git a/dist/tokens/ts/borders.d.ts b/dist/tokens/ts/borders.d.ts deleted file mode 100644 index b24d1702..00000000 --- a/dist/tokens/ts/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const radiusBase : string; -export const radiusCircle : string; -export const radiusModal : string; -export const radiusPill : string; -export const widthBase : string; \ No newline at end of file diff --git a/dist/tokens/ts/borders.js b/dist/tokens/ts/borders.js deleted file mode 100644 index b499e042..00000000 --- a/dist/tokens/ts/borders.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = { - "radiusBase": "8px", - "radiusCircle": "50%", - "radiusModal": "8px", - "radiusPill": "100px", - "widthBase": "1px" -}; \ No newline at end of file diff --git a/dist/tokens/ts/core-dark-colors.d.ts b/dist/tokens/ts/core-dark-colors.d.ts deleted file mode 100644 index 501bc836..00000000 --- a/dist/tokens/ts/core-dark-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const shades: {white : string,black : string,transparent : string}; -export const brown: {200 : string,300 : string,400 : string,700 : string,800 : string}; diff --git a/dist/tokens/ts/core-dark-colors.js b/dist/tokens/ts/core-dark-colors.js deleted file mode 100644 index 8dbebcbc..00000000 --- a/dist/tokens/ts/core-dark-colors.js +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {green: {100 : "#0C291E",200 : "#124935",300 : "#1F5B45",400 : "#206A4F",500 : "#288563",600 : "#42AD86",700 : "#BFE8D9",800 : "#F0FFF9"}, -blue: {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, -red: {100 : "#290F16",200 : "#451522",300 : "#5E1D2E",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple: {100 : "#200F29",200 : "#33193F",300 : "#482359",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, -orange: {100 : "#29170C",200 : "#4A2915",300 : "#63371C",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, -grey: {100 : "#141719",200 : "#1D2124",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, -shades: {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -brown: {200 : "#493612",300 : "#5E4317",400 : "#6B5024",700 : "#EFE5D1",800 : "#F6F1E5"}, -}; \ No newline at end of file diff --git a/dist/tokens/ts/core-light-colors.d.ts b/dist/tokens/ts/core-light-colors.d.ts deleted file mode 100644 index 1886c5d3..00000000 --- a/dist/tokens/ts/core-light-colors.d.ts +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; -export const shades: {white : string,black : string,transparent : string}; -export const yellow: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const brown: {200 : string,300 : string,400 : string,700 : string,800 : string}; diff --git a/dist/tokens/ts/core-light-colors.js b/dist/tokens/ts/core-light-colors.js deleted file mode 100644 index 4acce2e3..00000000 --- a/dist/tokens/ts/core-light-colors.js +++ /dev/null @@ -1,15 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {green: {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, -blue: {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, -red: {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, -purple: {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, -orange: {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, -grey: {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, -shades: {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow: {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, -brown: {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27",800 : "#3E3114"}, -}; \ No newline at end of file diff --git a/dist/tokens/ts/dimensions.d.ts b/dist/tokens/ts/dimensions.d.ts deleted file mode 100644 index 23ed80c3..00000000 --- a/dist/tokens/ts/dimensions.d.ts +++ /dev/null @@ -1,6 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const contentAreaMax : string; \ No newline at end of file diff --git a/dist/tokens/ts/dimensions.js b/dist/tokens/ts/dimensions.js deleted file mode 100644 index 213c6fcc..00000000 --- a/dist/tokens/ts/dimensions.js +++ /dev/null @@ -1,8 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = { - "contentAreaMax": "1196px" -}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/dark.d.ts b/dist/tokens/ts/themes/dark.d.ts deleted file mode 100644 index 26556cde..00000000 --- a/dist/tokens/ts/themes/dark.d.ts +++ /dev/null @@ -1,25 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const theme: string; -export const text: {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system: {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface: {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled: {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; -export const input: {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator: {base : string}; -export const light: {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow: {base : string}; - -export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; -export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; -export const opacity: {overlayBackdrop : number}; -export const typography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/ts/themes/dark.js b/dist/tokens/ts/themes/dark.js deleted file mode 100644 index 234ba6d9..00000000 --- a/dist/tokens/ts/themes/dark.js +++ /dev/null @@ -1,25 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {theme: "dark", -text: {emphasis : "#FFFFFF",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, -system: {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#141719",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1D2124",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, -surface: {level0 : "#141719",level1 : "#141719",level2 : "#22272B",interactiveBackground : "#1D2124",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#1D2124",overlayTheme : "#1D2124",overlayBackdrop : "#000000"}, -primary: {textBase : "#1D2124",textHover : "#1D2124",textActive : "#1D2124",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, -success: {textBase : "#42AD86",textHover : "#BFE8D9",textActive : "#F0FFF9",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#BFE8D9",backgroundMuted : "#124935",backgroundMutedHover : "#1F5B45",backgroundMutedActive : "#206A4F",backgroundBox : "#0C291E",borderBase : "#206A4F",borderHover : "#288563",borderActive : "#42AD86"}, -info: {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, -warning: {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#4A2915",backgroundMutedHover : "#63371C",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, -danger: {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#451522",backgroundMutedHover : "#5E1D2E",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, -highlight: {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#33193F",backgroundMutedHover : "#482359",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, -disabled: {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, -input: {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, -separator: {base : "#515357"}, -light: {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, -shadow: {base : "#000000"}, - -accent: { forest: { textBody: "#BFE8D9", textEmphasis: "#F0FFF9", backgroundMuted0: "#124935", backgroundMuted1: "#1F5B45", backgroundMuted2: "#206A4F" }, sand: { textBody: "#EFE5D1", textEmphasis: "#F6F1E5", backgroundMuted0: "#493612", backgroundMuted1: "#5E4317", backgroundMuted2: "#6B5024" } }, -boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"}, -opacity: {overlayBackdrop : 0.8}, -typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/emerson.d.ts b/dist/tokens/ts/themes/emerson.d.ts deleted file mode 100644 index 46c33cfe..00000000 --- a/dist/tokens/ts/themes/emerson.d.ts +++ /dev/null @@ -1,25 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const theme: string; -export const text: {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system: {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface: {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled: {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input: {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator: {base : string}; -export const light: {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow: {base : string}; - -export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; -export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; -export const opacity: {overlayBackdrop : number}; -export const typography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/ts/themes/emerson.js b/dist/tokens/ts/themes/emerson.js deleted file mode 100644 index d216b04c..00000000 --- a/dist/tokens/ts/themes/emerson.js +++ /dev/null @@ -1,25 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {theme: "emerson", -text: {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system: {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface: {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary: {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success: {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info: {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning: {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger: {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight: {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled: {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input: {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator: {base : "#C8D3E0"}, -light: {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow: {base : "#000000"}, - -accent: { forest: { textBody: "#275E43", textEmphasis: "#244C38", backgroundMuted0: "#EBF2EF", backgroundMuted1: "#D1E0D9", backgroundMuted2: "#B6CFC2" }, sand: { textBody: "#5E4D27", textEmphasis: "#3E3114", backgroundMuted0: "#F6F1E5", backgroundMuted1: "#E4D9C2", backgroundMuted2: "#DACCAA" } }, -boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"}, -opacity: {overlayBackdrop : 0.2}, -typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/light.d.ts b/dist/tokens/ts/themes/light.d.ts deleted file mode 100644 index 46c33cfe..00000000 --- a/dist/tokens/ts/themes/light.d.ts +++ /dev/null @@ -1,25 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const theme: string; -export const text: {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system: {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface: {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled: {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input: {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator: {base : string}; -export const light: {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow: {base : string}; - -export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; -export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; -export const opacity: {overlayBackdrop : number}; -export const typography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/ts/themes/light.js b/dist/tokens/ts/themes/light.js deleted file mode 100644 index 157aa1a0..00000000 --- a/dist/tokens/ts/themes/light.js +++ /dev/null @@ -1,25 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {theme: "light", -text: {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, -system: {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface: {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary: {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success: {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info: {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning: {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger: {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight: {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled: {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input: {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator: {base : "#C8D3E0"}, -light: {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow: {base : "#36485C"}, - -accent: { forest: { textBody: "#275E43", textEmphasis: "#244C38", backgroundMuted0: "#EBF2EF", backgroundMuted1: "#D1E0D9", backgroundMuted2: "#B6CFC2" }, sand: { textBody: "#5E4D27", textEmphasis: "#3E3114", backgroundMuted0: "#F6F1E5", backgroundMuted1: "#E4D9C2", backgroundMuted2: "#DACCAA" } }, -boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"}, -opacity: {overlayBackdrop : 0.2}, -typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/lightDS3.d.ts b/dist/tokens/ts/themes/lightDS3.d.ts deleted file mode 100644 index 46c33cfe..00000000 --- a/dist/tokens/ts/themes/lightDS3.d.ts +++ /dev/null @@ -1,25 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const theme: string; -export const text: {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system: {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface: {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled: {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input: {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator: {base : string}; -export const light: {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow: {base : string}; - -export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; -export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; -export const opacity: {overlayBackdrop : number}; -export const typography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/ts/themes/lightDS3.js b/dist/tokens/ts/themes/lightDS3.js deleted file mode 100644 index 7a5ebc7a..00000000 --- a/dist/tokens/ts/themes/lightDS3.js +++ /dev/null @@ -1,25 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = {theme: "lightDS3", -text: {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system: {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface: {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary: {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -success: {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info: {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning: {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger: {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight: {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled: {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input: {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator: {base : "#E6EDF5"}, -light: {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow: {base : "#36485C"}, - -accent: { forest: { textBody: "#275E43", textEmphasis: "#244C38", backgroundMuted0: "#EBF2EF", backgroundMuted1: "#D1E0D9", backgroundMuted2: "#B6CFC2" }, sand: { textBody: "#5E4D27", textEmphasis: "#3E3114", backgroundMuted0: "#F6F1E5", backgroundMuted1: "#E4D9C2", backgroundMuted2: "#DACCAA" } }, -boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"}, -opacity: {overlayBackdrop : 0.2}, -typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/ts/typography.d.ts b/dist/tokens/ts/typography.d.ts deleted file mode 100644 index f1ca8f92..00000000 --- a/dist/tokens/ts/typography.d.ts +++ /dev/null @@ -1,31 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -export const letterSpacingBase : number; -export const paragraphSpacingBase : number; -export const textDecorationBase : string; -export const textCaseBase : string; -export const size3xlarge : string; -export const size2xlarge : string; -export const sizeXlarge : string; -export const sizeLarge : string; -export const sizeNormal : string; -export const sizeSmall : string; -export const sizeXsmall : string; -export const sizeXxsmall : string; -export const sizeMobile3xlarge : string; -export const sizeMobile2xlarge : string; -export const sizeMobileXlarge : string; -export const lineHeightXlarge : string; -export const lineHeightLarge : string; -export const lineHeightNormal : string; -export const lineHeightSmall : string; -export const fontFamilySansSerif : string; -export const fontFamilySerif : string; -export const weightSemiBold : number; -export const weightBase : number; -export const weightLight : number; -export const weightStrong : number; -export const weightBold : number; \ No newline at end of file diff --git a/dist/tokens/ts/typography.js b/dist/tokens/ts/typography.js deleted file mode 100644 index e4ecd227..00000000 --- a/dist/tokens/ts/typography.js +++ /dev/null @@ -1,33 +0,0 @@ -/** - * Do not edit directly - * Generated on Fri, 02 Feb 2024 20:01:56 GMT - */ - -module.exports = { - "letterSpacingBase": 0, - "paragraphSpacingBase": 0, - "textDecorationBase": "none", - "textCaseBase": "none", - "size3xlarge": "40px", - "size2xlarge": "32px", - "sizeXlarge": "24px", - "sizeLarge": "20px", - "sizeNormal": "16px", - "sizeSmall": "14px", - "sizeXsmall": "12px", - "sizeXxsmall": "10px", - "sizeMobile3xlarge": "32px", - "sizeMobile2xlarge": "28px", - "sizeMobileXlarge": "22px", - "lineHeightXlarge": "40px", - "lineHeightLarge": "32px", - "lineHeightNormal": "24px", - "lineHeightSmall": "16px", - "fontFamilySansSerif": "Mulish", - "fontFamilySerif": "Besley", - "weightSemiBold": 700, - "weightBase": 500, - "weightLight": 400, - "weightStrong": 600, - "weightBold": 900 -}; \ No newline at end of file diff --git a/dist/types/accents.d.ts b/dist/types/accents.d.ts deleted file mode 100644 index f05772b4..00000000 --- a/dist/types/accents.d.ts +++ /dev/null @@ -1,8 +0,0 @@ -declare const AVIARY_ACCENTS: { - forest: string; - sand: string; -}; -declare type AviaryAccents = keyof typeof AVIARY_ACCENTS; -export type { AviaryAccents }; -export { AVIARY_ACCENTS }; -//# sourceMappingURL=accents.d.ts.map \ No newline at end of file diff --git a/dist/types/accents.d.ts.map b/dist/types/accents.d.ts.map deleted file mode 100644 index b2bd7f17..00000000 --- a/dist/types/accents.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"accents.d.ts","sourceRoot":"","sources":["../../src/types/accents.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,cAAc;;;CAGnB,CAAC;AAEF,aAAK,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAEjD,YAAY,EAAE,aAAa,EAAE,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/accents.js b/dist/types/accents.js deleted file mode 100644 index 4c036bd7..00000000 --- a/dist/types/accents.js +++ /dev/null @@ -1,11 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.AVIARY_ACCENTS = void 0; -var AVIARY_ACCENTS = { - forest: "forest", - sand: "sand" -}; -exports.AVIARY_ACCENTS = AVIARY_ACCENTS; \ No newline at end of file diff --git a/dist/types/index.d.ts b/dist/types/index.d.ts deleted file mode 100644 index 3bbc9771..00000000 --- a/dist/types/index.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -export * from "./accents"; -export * from "./interfaces"; -export * from "./profiles"; -export * from "./intentions"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/index.d.ts.map b/dist/types/index.d.ts.map deleted file mode 100644 index 1ff8e49a..00000000 --- a/dist/types/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"} \ No newline at end of file diff --git a/dist/types/index.js b/dist/types/index.js deleted file mode 100644 index 1acfb9c1..00000000 --- a/dist/types/index.js +++ /dev/null @@ -1,63 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _accents = require("./accents"); - -Object.keys(_accents).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _accents[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _accents[key]; - } - }); -}); - -var _interfaces = require("./interfaces"); - -Object.keys(_interfaces).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _interfaces[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _interfaces[key]; - } - }); -}); - -var _profiles = require("./profiles"); - -Object.keys(_profiles).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _profiles[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _profiles[key]; - } - }); -}); - -var _intentions = require("./intentions"); - -Object.keys(_intentions).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _intentions[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _intentions[key]; - } - }); -}); \ No newline at end of file diff --git a/dist/types/intentions.d.ts b/dist/types/intentions.d.ts deleted file mode 100644 index 549a7988..00000000 --- a/dist/types/intentions.d.ts +++ /dev/null @@ -1,16 +0,0 @@ -declare const AVIARY_INTENTIONS: { - primary: string; - system: string; - danger: string; - success: string; - textSuccess: string; - textSystem: string; - textDanger: string; - lightFilled: string; - lightOutlined: string; - lightText: string; -}; -declare type AviaryIntentions = keyof typeof AVIARY_INTENTIONS; -export type { AviaryIntentions }; -export { AVIARY_INTENTIONS }; -//# sourceMappingURL=intentions.d.ts.map \ No newline at end of file diff --git a/dist/types/intentions.d.ts.map b/dist/types/intentions.d.ts.map deleted file mode 100644 index 1f79d160..00000000 --- a/dist/types/intentions.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"intentions.d.ts","sourceRoot":"","sources":["../../src/types/intentions.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;;;;;;;;;;CAWtB,CAAC;AAEF,aAAK,gBAAgB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAEvD,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/intentions.js b/dist/types/intentions.js deleted file mode 100644 index 85242ea9..00000000 --- a/dist/types/intentions.js +++ /dev/null @@ -1,19 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.AVIARY_INTENTIONS = void 0; -var AVIARY_INTENTIONS = { - primary: "primary", - system: "system", - danger: "danger", - success: "success", - textSuccess: "textSuccess", - textSystem: "textSystem", - textDanger: "textDanger", - lightFilled: "lightFilled", - lightOutlined: "lightOutlined", - lightText: "lightText" -}; -exports.AVIARY_INTENTIONS = AVIARY_INTENTIONS; \ No newline at end of file diff --git a/dist/types/interfaces.d.ts b/dist/types/interfaces.d.ts deleted file mode 100644 index ab0bd272..00000000 --- a/dist/types/interfaces.d.ts +++ /dev/null @@ -1,30 +0,0 @@ -declare const AVIARY_COLORS: { - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; - success: string; -}; -declare const EXTENDED_AVIARY_COLORS: { - light: string; - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; - success: string; -}; -declare type AviaryColors = keyof typeof AVIARY_COLORS; -declare type ExtendedAviaryColors = keyof typeof EXTENDED_AVIARY_COLORS; -interface AviaryColorProps { - isColor?: AviaryColors; -} -interface AviaryExtendedColorProps { - isColor?: ExtendedAviaryColors; -} -export type { AviaryColors, AviaryColorProps, AviaryExtendedColorProps, ExtendedAviaryColors, }; -export { AVIARY_COLORS, EXTENDED_AVIARY_COLORS }; -//# sourceMappingURL=interfaces.d.ts.map \ No newline at end of file diff --git a/dist/types/interfaces.d.ts.map b/dist/types/interfaces.d.ts.map deleted file mode 100644 index 57492602..00000000 --- a/dist/types/interfaces.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa;;;;;;;;CAQlB,CAAC;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;CAG3B,CAAC;AAEF,aAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,aAAK,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEhE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AACD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,GACrB,CAAC;AACF,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js deleted file mode 100644 index 900be27c..00000000 --- a/dist/types/interfaces.js +++ /dev/null @@ -1,43 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.keys.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.array.filter.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.get-own-property-descriptors.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.EXTENDED_AVIARY_COLORS = exports.AVIARY_COLORS = void 0; - -function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -var AVIARY_COLORS = { - primary: "primary", - info: "info", - warning: "warning", - danger: "danger", - highlight: "highlight", - system: "system", - success: "success" -}; -exports.AVIARY_COLORS = AVIARY_COLORS; - -var EXTENDED_AVIARY_COLORS = _objectSpread(_objectSpread({}, AVIARY_COLORS), {}, { - light: "light" -}); - -exports.EXTENDED_AVIARY_COLORS = EXTENDED_AVIARY_COLORS; \ No newline at end of file diff --git a/dist/types/profiles.d.ts b/dist/types/profiles.d.ts deleted file mode 100644 index 34f9245b..00000000 --- a/dist/types/profiles.d.ts +++ /dev/null @@ -1,6 +0,0 @@ -import type * as light from "../../dist/tokens/ts/themes/light.d"; -declare type StandardColorsProfileTheme = typeof light.primary; -declare type SystemColorProfileTheme = typeof light.system; -declare type ColorProfileTheme = StandardColorsProfileTheme | SystemColorProfileTheme; -export type { ColorProfileTheme, StandardColorsProfileTheme }; -//# sourceMappingURL=profiles.d.ts.map \ No newline at end of file diff --git a/dist/types/profiles.d.ts.map b/dist/types/profiles.d.ts.map deleted file mode 100644 index 6599f033..00000000 --- a/dist/types/profiles.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"profiles.d.ts","sourceRoot":"","sources":["../../src/types/profiles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,qCAAqC,CAAC;AAElE,aAAK,0BAA0B,GAAG,OAAO,KAAK,CAAC,OAAO,CAAC;AACvD,aAAK,uBAAuB,GAAG,OAAO,KAAK,CAAC,MAAM,CAAC;AAEnD,aAAK,iBAAiB,GAAG,0BAA0B,GAAG,uBAAuB,CAAC;AAE9E,YAAY,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/profiles.js b/dist/types/profiles.js deleted file mode 100644 index 430afc16..00000000 --- a/dist/types/profiles.js +++ /dev/null @@ -1,5 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); \ No newline at end of file diff --git a/dist/types/themes.d.ts b/dist/types/themes.d.ts deleted file mode 100644 index 89e46216..00000000 --- a/dist/types/themes.d.ts +++ /dev/null @@ -1,8 +0,0 @@ -import * as light from "../../dist/tokens/ts/themes/light"; -import * as lightDS3 from "../../dist/tokens/ts/themes/lightDS3"; -import * as dark from "../../dist/tokens/ts/themes/dark"; -import * as emerson from "../../dist/tokens/ts/themes/emerson"; -declare type AviaryTheme = typeof light; -export { dark, light, emerson, lightDS3 }; -export type { AviaryTheme }; -//# sourceMappingURL=themes.d.ts.map \ No newline at end of file diff --git a/dist/types/themes.d.ts.map b/dist/types/themes.d.ts.map deleted file mode 100644 index 6e0acf98..00000000 --- a/dist/types/themes.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/types/themes.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,mCAAmC,CAAC;AAC3D,OAAO,KAAK,QAAQ,MAAM,sCAAsC,CAAC;AACjE,OAAO,KAAK,IAAI,MAAM,kCAAkC,CAAC;AACzD,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC;AAE/D,aAAK,WAAW,GAAG,OAAO,KAAK,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAC1C,YAAY,EAAE,WAAW,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/themes.js b/dist/types/themes.js deleted file mode 100644 index dab7d546..00000000 --- a/dist/types/themes.js +++ /dev/null @@ -1,46 +0,0 @@ -"use strict"; - -function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } - -require("core-js/modules/es.array.iterator.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.string.iterator.js"); - -require("core-js/modules/es.weak-map.js"); - -require("core-js/modules/web.dom-collections.iterator.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.symbol.description.js"); - -require("core-js/modules/es.symbol.iterator.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.lightDS3 = exports.light = exports.emerson = exports.dark = void 0; - -var light = _interopRequireWildcard(require("../../dist/tokens/ts/themes/light")); - -exports.light = light; - -var lightDS3 = _interopRequireWildcard(require("../../dist/tokens/ts/themes/lightDS3")); - -exports.lightDS3 = lightDS3; - -var dark = _interopRequireWildcard(require("../../dist/tokens/ts/themes/dark")); - -exports.dark = dark; - -var emerson = _interopRequireWildcard(require("../../dist/tokens/ts/themes/emerson")); - -exports.emerson = emerson; - -function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } - -function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/src/transformed/transformed-dark.json b/src/transformed/transformed-dark.json index 0ac95520..fe8245e4 100644 --- a/src/transformed/transformed-dark.json +++ b/src/transformed/transformed-dark.json @@ -898,7 +898,7 @@ "value": { "fontFamily": "Mulish", "fontWeight": 700, - "fontSize": "32px", + "fontSize": "40px", "lineHeight": "40px", "textDecoration": "none", "textCase": "none" @@ -938,6 +938,17 @@ }, "type": "typography" }, + "h5": { + "value": { + "fontFamily": "Mulish", + "fontWeight": 700, + "fontSize": "16px", + "lineHeight": "24px", + "textDecoration": "none", + "textCase": "none" + }, + "type": "typography" + }, "body": { "value": { "fontFamily": "Mulish", @@ -953,8 +964,8 @@ "value": { "fontFamily": "Mulish", "fontWeight": 500, - "fontSize": "14px", - "lineHeight": "16px", + "fontSize": "16px", + "lineHeight": "24px", "textDecoration": "none", "textCase": "none" }, @@ -1028,6 +1039,17 @@ }, "type": "typography" }, + "h5": { + "value": { + "fontFamily": "Mulish", + "fontWeight": 700, + "fontSize": "16px", + "lineHeight": "24px", + "textDecoration": "none", + "textCase": "none" + }, + "type": "typography" + }, "body": { "value": { "fontFamily": "Mulish", @@ -1043,8 +1065,8 @@ "value": { "fontFamily": "Mulish", "fontWeight": 500, - "fontSize": "14px", - "lineHeight": "16px", + "fontSize": "16px", + "lineHeight": "24px", "textDecoration": "none", "textCase": "none" }, From 2ec764c1f0bad1aa45edf028acadf4b4b5960dce Mon Sep 17 00:00:00 2001 From: bambie1 Date: Mon, 5 Feb 2024 19:16:24 +0000 Subject: [PATCH 3/4] Built and updated design tokens --- dist/documentation/core-dark-colors.d.ts | 237 +++++++++ dist/documentation/core-dark-colors.js | 237 +++++++++ dist/documentation/core-light-colors.d.ts | 274 ++++++++++ dist/documentation/core-light-colors.js | 274 ++++++++++ dist/documentation/themes/dark.d.ts | 608 ++++++++++++++++++++++ dist/documentation/themes/dark.js | 608 ++++++++++++++++++++++ dist/documentation/themes/emerson.d.ts | 604 +++++++++++++++++++++ dist/documentation/themes/emerson.js | 604 +++++++++++++++++++++ dist/documentation/themes/light.d.ts | 604 +++++++++++++++++++++ dist/documentation/themes/light.js | 604 +++++++++++++++++++++ dist/documentation/themes/lightDS3.d.ts | 604 +++++++++++++++++++++ dist/documentation/themes/lightDS3.js | 604 +++++++++++++++++++++ dist/tokens/native/borders.d.ts | 10 + dist/tokens/native/borders.js | 12 + dist/tokens/native/core-dark-colors.d.ts | 13 + dist/tokens/native/core-dark-colors.js | 14 + dist/tokens/native/core-light-colors.d.ts | 14 + dist/tokens/native/core-light-colors.js | 15 + dist/tokens/native/themes/dark.d.ts | 25 + dist/tokens/native/themes/dark.js | 25 + dist/tokens/native/themes/emerson.d.ts | 25 + dist/tokens/native/themes/emerson.js | 25 + dist/tokens/native/themes/light.d.ts | 25 + dist/tokens/native/themes/light.js | 25 + dist/tokens/native/themes/lightDS3.d.ts | 25 + dist/tokens/native/themes/lightDS3.js | 25 + dist/tokens/native/typography.d.ts | 31 ++ dist/tokens/native/typography.js | 33 ++ dist/tokens/scss/borders.scss | 9 + dist/tokens/scss/core-dark-colors.scss | 60 +++ dist/tokens/scss/core-light-colors.scss | 69 +++ dist/tokens/scss/themes/dark.scss | 151 ++++++ dist/tokens/scss/themes/emerson.scss | 150 ++++++ dist/tokens/scss/themes/light.scss | 150 ++++++ dist/tokens/scss/themes/lightDS3.scss | 150 ++++++ dist/tokens/scss/typography.scss | 30 ++ dist/tokens/ts/borders.d.ts | 10 + dist/tokens/ts/borders.js | 12 + dist/tokens/ts/core-dark-colors.d.ts | 13 + dist/tokens/ts/core-dark-colors.js | 14 + dist/tokens/ts/core-light-colors.d.ts | 14 + dist/tokens/ts/core-light-colors.js | 15 + dist/tokens/ts/dimensions.d.ts | 6 + dist/tokens/ts/dimensions.js | 8 + dist/tokens/ts/themes/dark.d.ts | 25 + dist/tokens/ts/themes/dark.js | 25 + dist/tokens/ts/themes/emerson.d.ts | 25 + dist/tokens/ts/themes/emerson.js | 25 + dist/tokens/ts/themes/light.d.ts | 25 + dist/tokens/ts/themes/light.js | 25 + dist/tokens/ts/themes/lightDS3.d.ts | 25 + dist/tokens/ts/themes/lightDS3.js | 25 + dist/tokens/ts/typography.d.ts | 31 ++ dist/tokens/ts/typography.js | 33 ++ 54 files changed, 7329 insertions(+) create mode 100644 dist/documentation/core-dark-colors.d.ts create mode 100644 dist/documentation/core-dark-colors.js create mode 100644 dist/documentation/core-light-colors.d.ts create mode 100644 dist/documentation/core-light-colors.js create mode 100644 dist/documentation/themes/dark.d.ts create mode 100644 dist/documentation/themes/dark.js create mode 100644 dist/documentation/themes/emerson.d.ts create mode 100644 dist/documentation/themes/emerson.js create mode 100644 dist/documentation/themes/light.d.ts create mode 100644 dist/documentation/themes/light.js create mode 100644 dist/documentation/themes/lightDS3.d.ts create mode 100644 dist/documentation/themes/lightDS3.js create mode 100644 dist/tokens/native/borders.d.ts create mode 100644 dist/tokens/native/borders.js create mode 100644 dist/tokens/native/core-dark-colors.d.ts create mode 100644 dist/tokens/native/core-dark-colors.js create mode 100644 dist/tokens/native/core-light-colors.d.ts create mode 100644 dist/tokens/native/core-light-colors.js create mode 100644 dist/tokens/native/themes/dark.d.ts create mode 100644 dist/tokens/native/themes/dark.js create mode 100644 dist/tokens/native/themes/emerson.d.ts create mode 100644 dist/tokens/native/themes/emerson.js create mode 100644 dist/tokens/native/themes/light.d.ts create mode 100644 dist/tokens/native/themes/light.js create mode 100644 dist/tokens/native/themes/lightDS3.d.ts create mode 100644 dist/tokens/native/themes/lightDS3.js create mode 100644 dist/tokens/native/typography.d.ts create mode 100644 dist/tokens/native/typography.js create mode 100644 dist/tokens/scss/borders.scss create mode 100644 dist/tokens/scss/core-dark-colors.scss create mode 100644 dist/tokens/scss/core-light-colors.scss create mode 100644 dist/tokens/scss/themes/dark.scss create mode 100644 dist/tokens/scss/themes/emerson.scss create mode 100644 dist/tokens/scss/themes/light.scss create mode 100644 dist/tokens/scss/themes/lightDS3.scss create mode 100644 dist/tokens/scss/typography.scss create mode 100644 dist/tokens/ts/borders.d.ts create mode 100644 dist/tokens/ts/borders.js create mode 100644 dist/tokens/ts/core-dark-colors.d.ts create mode 100644 dist/tokens/ts/core-dark-colors.js create mode 100644 dist/tokens/ts/core-light-colors.d.ts create mode 100644 dist/tokens/ts/core-light-colors.js create mode 100644 dist/tokens/ts/dimensions.d.ts create mode 100644 dist/tokens/ts/dimensions.js create mode 100644 dist/tokens/ts/themes/dark.d.ts create mode 100644 dist/tokens/ts/themes/dark.js create mode 100644 dist/tokens/ts/themes/emerson.d.ts create mode 100644 dist/tokens/ts/themes/emerson.js create mode 100644 dist/tokens/ts/themes/light.d.ts create mode 100644 dist/tokens/ts/themes/light.js create mode 100644 dist/tokens/ts/themes/lightDS3.d.ts create mode 100644 dist/tokens/ts/themes/lightDS3.js create mode 100644 dist/tokens/ts/typography.d.ts create mode 100644 dist/tokens/ts/typography.js diff --git a/dist/documentation/core-dark-colors.d.ts b/dist/documentation/core-dark-colors.d.ts new file mode 100644 index 00000000..f262e192 --- /dev/null +++ b/dist/documentation/core-dark-colors.d.ts @@ -0,0 +1,237 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const green : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const blue : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const red : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const purple : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const orange : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const grey : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const shades : {white:{ + name: string, + hex: string, + + },black:{ + name: string, + hex: string, + + },transparent:{ + name: string, + hex: string, + + }}; +export const brown : {200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/core-dark-colors.js b/dist/documentation/core-dark-colors.js new file mode 100644 index 00000000..1a215b35 --- /dev/null +++ b/dist/documentation/core-dark-colors.js @@ -0,0 +1,237 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#0C291E", + + },200:{ + name: "green.200", + hex: "#124935", + + },300:{ + name: "green.300", + hex: "#1F5B45", + + },400:{ + name: "green.400", + hex: "#206A4F", + + },500:{ + name: "green.500", + hex: "#288563", + + },600:{ + name: "green.600", + hex: "#42AD86", + + },700:{ + name: "green.700", + hex: "#BFE8D9", + + },800:{ + name: "green.800", + hex: "#F0FFF9", + + }}, +blue : {100:{ + name: "blue.100", + hex: "#0C1B29", + + },200:{ + name: "blue.200", + hex: "#102337", + + },300:{ + name: "blue.300", + hex: "#142C45", + + },400:{ + name: "blue.400", + hex: "#285685", + + },500:{ + name: "blue.500", + hex: "#4577AD", + + },600:{ + name: "blue.600", + hex: "#6597CE", + + },700:{ + name: "blue.700", + hex: "#96BDE7", + + },800:{ + name: "blue.800", + hex: "#D1E8FF", + + }}, +red : {100:{ + name: "red.100", + hex: "#290F16", + + },200:{ + name: "red.200", + hex: "#451522", + + },300:{ + name: "red.300", + hex: "#5E1D2E", + + },400:{ + name: "red.400", + hex: "#8F2843", + + },500:{ + name: "red.500", + hex: "#B23655", + + },600:{ + name: "red.600", + hex: "#C74C6B", + + },700:{ + name: "red.700", + hex: "#EA8AA3", + + },800:{ + name: "red.800", + hex: "#FFD1DD", + + }}, +purple : {100:{ + name: "purple.100", + hex: "#200F29", + + },200:{ + name: "purple.200", + hex: "#33193F", + + },300:{ + name: "purple.300", + hex: "#482359", + + },400:{ + name: "purple.400", + hex: "#542F66", + + },500:{ + name: "purple.500", + hex: "#693B80", + + },600:{ + name: "purple.600", + hex: "#865C99", + + },700:{ + name: "purple.700", + hex: "#B990CC", + + },800:{ + name: "purple.800", + hex: "#F0D1FF", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#29170C", + + },200:{ + name: "orange.200", + hex: "#4A2915", + + },300:{ + name: "orange.300", + hex: "#63371C", + + },400:{ + name: "orange.400", + hex: "#8A4E29", + + },500:{ + name: "orange.500", + hex: "#AD6234", + + },600:{ + name: "orange.600", + hex: "#CF7945", + + },700:{ + name: "orange.700", + hex: "#E7AA84", + + },800:{ + name: "orange.800", + hex: "#FFE3D1", + + }}, +grey : {100:{ + name: "grey.100", + hex: "#141719", + + },200:{ + name: "grey.200", + hex: "#1D2124", + + },300:{ + name: "grey.300", + hex: "#22272B", + + },400:{ + name: "grey.400", + hex: "#2D3238", + + },500:{ + name: "grey.500", + hex: "#515357", + + },600:{ + name: "grey.600", + hex: "#98999B", + + },700:{ + name: "grey.700", + hex: "#BCBDBF", + + },800:{ + name: "grey.800", + hex: "#E8E9EA", + + }}, +shades : {white:{ + name: "shades.white", + hex: "#FFFFFF", + + },black:{ + name: "shades.black", + hex: "#000000", + + },transparent:{ + name: "shades.transparent", + hex: "transparent", + + }}, +brown : {200:{ + name: "brown.200", + hex: "#493612", + + },300:{ + name: "brown.300", + hex: "#5E4317", + + },400:{ + name: "brown.400", + hex: "#6B5024", + + },700:{ + name: "brown.700", + hex: "#EFE5D1", + + },800:{ + name: "brown.800", + hex: "#F6F1E5", + + }},}; \ No newline at end of file diff --git a/dist/documentation/core-light-colors.d.ts b/dist/documentation/core-light-colors.d.ts new file mode 100644 index 00000000..2b5100f0 --- /dev/null +++ b/dist/documentation/core-light-colors.d.ts @@ -0,0 +1,274 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const green : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const blue : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const red : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const purple : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const orange : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const grey : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + },900:{ + name: string, + hex: string, + + }}; +export const shades : {white:{ + name: string, + hex: string, + + },black:{ + name: string, + hex: string, + + },transparent:{ + name: string, + hex: string, + + }}; +export const yellow : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const brown : {200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/core-light-colors.js b/dist/documentation/core-light-colors.js new file mode 100644 index 00000000..12a63c1a --- /dev/null +++ b/dist/documentation/core-light-colors.js @@ -0,0 +1,274 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#FAFFFC", + + },200:{ + name: "green.200", + hex: "#EBF2EF", + + },300:{ + name: "green.300", + hex: "#D1E0D9", + + },400:{ + name: "green.400", + hex: "#B6CFC2", + + },500:{ + name: "green.500", + hex: "#86B09B", + + },600:{ + name: "green.600", + hex: "#307553", + + },700:{ + name: "green.700", + hex: "#275E43", + + },800:{ + name: "green.800", + hex: "#244C38", + + }}, +blue : {100:{ + name: "blue.100", + hex: "#F5FAFF", + + },200:{ + name: "blue.200", + hex: "#E6F1FC", + + },300:{ + name: "blue.300", + hex: "#C0D8F0", + + },400:{ + name: "blue.400", + hex: "#88B1D9", + + },500:{ + name: "blue.500", + hex: "#5D96CF", + + },600:{ + name: "blue.600", + hex: "#3971A8", + + },700:{ + name: "blue.700", + hex: "#21588F", + + },800:{ + name: "blue.800", + hex: "#194673", + + }}, +red : {100:{ + name: "red.100", + hex: "#FFF7F9", + + },200:{ + name: "red.200", + hex: "#FEEEF2", + + },300:{ + name: "red.300", + hex: "#F0C4CD", + + },400:{ + name: "red.400", + hex: "#E296A6", + + },500:{ + name: "red.500", + hex: "#C6516A", + + },600:{ + name: "red.600", + hex: "#AF2645", + + },700:{ + name: "red.700", + hex: "#980B29", + + },800:{ + name: "red.800", + hex: "#800D25", + + }}, +purple : {100:{ + name: "purple.100", + hex: "#FCFAFF", + + },200:{ + name: "purple.200", + hex: "#F2ECFE", + + },300:{ + name: "purple.300", + hex: "#D7CEE9", + + },400:{ + name: "purple.400", + hex: "#B9ABD5", + + },500:{ + name: "purple.500", + hex: "#8471AB", + + },600:{ + name: "purple.600", + hex: "#533E7D", + + },700:{ + name: "purple.700", + hex: "#3B2566", + + },800:{ + name: "purple.800", + hex: "#2A174F", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#FFFAF5", + + },200:{ + name: "orange.200", + hex: "#FFF3E8", + + },300:{ + name: "orange.300", + hex: "#F3D8C0", + + },400:{ + name: "orange.400", + hex: "#E7B88F", + + },500:{ + name: "orange.500", + hex: "#CF8545", + + },600:{ + name: "orange.600", + hex: "#B4631D", + + },700:{ + name: "orange.700", + hex: "#8E4D14", + + },800:{ + name: "orange.800", + hex: "#784213", + + }}, +grey : {100:{ + name: "grey.100", + hex: "#FCFEFF", + + },200:{ + name: "grey.200", + hex: "#F5F7FA", + + },300:{ + name: "grey.300", + hex: "#E6EDF5", + + },400:{ + name: "grey.400", + hex: "#C8D3E0", + + },500:{ + name: "grey.500", + hex: "#596D84", + + },600:{ + name: "grey.600", + hex: "#475A70", + + },700:{ + name: "grey.700", + hex: "#36485C", + + },800:{ + name: "grey.800", + hex: "#2E3A47", + + },900:{ + name: "grey.900", + hex: "#212933", + + }}, +shades : {white:{ + name: "shades.white", + hex: "#FFFFFF", + + },black:{ + name: "shades.black", + hex: "#000000", + + },transparent:{ + name: "shades.transparent", + hex: "transparent", + + }}, +yellow : {100:{ + name: "yellow.100", + hex: "#faf8f2", + + },200:{ + name: "yellow.200", + hex: "#fcf3dd", + + },300:{ + name: "yellow.300", + hex: "#fce7b1", + + },400:{ + name: "yellow.400", + hex: "#fcd97e", + + },500:{ + name: "yellow.500", + hex: "#fccb4c", + + },600:{ + name: "yellow.600", + hex: "#ffc121", + + },700:{ + name: "yellow.700", + hex: "#f7b200", + + },800:{ + name: "yellow.800", + hex: "#e5a500", + + }}, +brown : {200:{ + name: "brown.200", + hex: "#F6F1E5", + + },300:{ + name: "brown.300", + hex: "#E4D9C2", + + },400:{ + name: "brown.400", + hex: "#DACCAA", + + },700:{ + name: "brown.700", + hex: "#5E4D27", + + },800:{ + name: "brown.800", + hex: "#3E3114", + + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/dark.d.ts b/dist/documentation/themes/dark.d.ts new file mode 100644 index 00000000..6357f707 --- /dev/null +++ b/dist/documentation/themes/dark.d.ts @@ -0,0 +1,608 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },nakedContent:{ + name: string, + hex: string, + + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBody:{ + name: string, + hex: string, + + },forestTextEmphasis:{ + name: string, + hex: string, + + },forestBackgroundMuted0:{ + name: string, + hex: string, + + },forestBackgroundMuted1:{ + name: string, + hex: string, + + },forestBackgroundMuted2:{ + name: string, + hex: string, + + },sandTextBody:{ + name: string, + hex: string, + + },sandTextEmphasis:{ + name: string, + hex: string, + + },sandBackgroundMuted0:{ + name: string, + hex: string, + + },sandBackgroundMuted1:{ + name: string, + hex: string, + + },sandBackgroundMuted2:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js new file mode 100644 index 00000000..2035e6b5 --- /dev/null +++ b/dist/documentation/themes/dark.js @@ -0,0 +1,608 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#FFFFFF", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#BCBDBF", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#98999B", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#FFFFFF", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#BCBDBF", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#E8E9EA", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#141719", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#22272B", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#2D3238", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#515357", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#1D2124", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#515357", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#98999B", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#BCBDBF", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#6597CE", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#141719", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#141719", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#22272B", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#1D2124", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#22272B", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#2D3238", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#1D2124", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#1D2124", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#000000", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#1D2124", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#1D2124", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#1D2124", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#E8E9EA", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#FFFFFF", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#FFFFFF", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#22272B", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#2D3238", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#515357", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#0C291E", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#515357", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#98999B", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#BCBDBF", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#42AD86", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#BFE8D9", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#F0FFF9", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#288563", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#42AD86", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#BFE8D9", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#124935", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast." + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#1F5B45", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#206A4F", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#0C291E", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#206A4F", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#288563", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#42AD86", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#6597CE", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#96BDE7", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#D1E8FF", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#4577AD", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#285685", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#142C45", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#102337", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#142C45", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#285685", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#0C1B29", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#4577AD", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#285685", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#142C45", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#CF7945", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#E7AA84", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#FFE3D1", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#AD6234", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#CF7945", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#E7AA84", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#4A2915", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#63371C", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#8A4E29", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#29170C", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#8A4E29", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#AD6234", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#CF7945", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#C74C6B", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#EA8AA3", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#FFD1DD", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#B23655", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#C74C6B", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#EA8AA3", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#451522", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#5E1D2E", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#8F2843", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#290F16", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#8F2843", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#B23655", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#C74C6B", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#865C99", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#B990CC", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#F0D1FF", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#693B80", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#865C99", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#B990CC", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#33193F", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#482359", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#542F66", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#200F29", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#542F66", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#693B80", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#865C99", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#98999B", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#22272B", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#515357", + description: "Used as the border for disabled components" + },nakedContent:{ + name: "disabled.nakedContent", + hex: "#22272B", + + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#2D3238", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#98999B", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#1B2228", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#2D3238", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#FFFFFF", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#BCBDBF", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#B23655", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#BCBDBF", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#4577AD", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#B23655", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#98999B", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#FFFFFF", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#2D3238", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#8F2843", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#515357", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#98999B", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#BCBDBF", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#285685", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#515357", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#515357", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#E8E9EA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E8E9EA", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2D3238", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#E8E9EA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#000000", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBody:{ + name: "accent.forestTextBody", + hex: "#BFE8D9", + + },forestTextEmphasis:{ + name: "accent.forestTextEmphasis", + hex: "#F0FFF9", + + },forestBackgroundMuted0:{ + name: "accent.forestBackgroundMuted0", + hex: "#124935", + + },forestBackgroundMuted1:{ + name: "accent.forestBackgroundMuted1", + hex: "#1F5B45", + + },forestBackgroundMuted2:{ + name: "accent.forestBackgroundMuted2", + hex: "#206A4F", + + },sandTextBody:{ + name: "accent.sandTextBody", + hex: "#EFE5D1", + + },sandTextEmphasis:{ + name: "accent.sandTextEmphasis", + hex: "#F6F1E5", + + },sandBackgroundMuted0:{ + name: "accent.sandBackgroundMuted0", + hex: "#493612", + + },sandBackgroundMuted1:{ + name: "accent.sandBackgroundMuted1", + hex: "#5E4317", + + },sandBackgroundMuted2:{ + name: "accent.sandBackgroundMuted2", + hex: "#6B5024", + + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/emerson.d.ts b/dist/documentation/themes/emerson.d.ts new file mode 100644 index 00000000..03807f45 --- /dev/null +++ b/dist/documentation/themes/emerson.d.ts @@ -0,0 +1,604 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBody:{ + name: string, + hex: string, + + },forestTextEmphasis:{ + name: string, + hex: string, + + },forestBackgroundMuted0:{ + name: string, + hex: string, + + },forestBackgroundMuted1:{ + name: string, + hex: string, + + },forestBackgroundMuted2:{ + name: string, + hex: string, + + },sandTextBody:{ + name: string, + hex: string, + + },sandTextEmphasis:{ + name: string, + hex: string, + + },sandBackgroundMuted0:{ + name: string, + hex: string, + + },sandBackgroundMuted1:{ + name: string, + hex: string, + + },sandBackgroundMuted2:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js new file mode 100644 index 00000000..f412e2c2 --- /dev/null +++ b/dist/documentation/themes/emerson.js @@ -0,0 +1,604 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#36485C", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#475A70", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#596D84", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#FFFFFF", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#FFFFFF", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#FFFFFF", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#36485C", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#2E3A47", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#212933", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FCFEFF", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#2E3A47", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as buttons" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as buttons" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#C8D3E0", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#000000", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBody:{ + name: "accent.forestTextBody", + hex: "#275E43", + + },forestTextEmphasis:{ + name: "accent.forestTextEmphasis", + hex: "#244C38", + + },forestBackgroundMuted0:{ + name: "accent.forestBackgroundMuted0", + hex: "#EBF2EF", + + },forestBackgroundMuted1:{ + name: "accent.forestBackgroundMuted1", + hex: "#D1E0D9", + + },forestBackgroundMuted2:{ + name: "accent.forestBackgroundMuted2", + hex: "#B6CFC2", + + },sandTextBody:{ + name: "accent.sandTextBody", + hex: "#5E4D27", + + },sandTextEmphasis:{ + name: "accent.sandTextEmphasis", + hex: "#3E3114", + + },sandBackgroundMuted0:{ + name: "accent.sandBackgroundMuted0", + hex: "#F6F1E5", + + },sandBackgroundMuted1:{ + name: "accent.sandBackgroundMuted1", + hex: "#E4D9C2", + + },sandBackgroundMuted2:{ + name: "accent.sandBackgroundMuted2", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts new file mode 100644 index 00000000..c01edf83 --- /dev/null +++ b/dist/documentation/themes/light.d.ts @@ -0,0 +1,604 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBody:{ + name: string, + hex: string, + + },forestTextEmphasis:{ + name: string, + hex: string, + description: string + },forestBackgroundMuted0:{ + name: string, + hex: string, + + },forestBackgroundMuted1:{ + name: string, + hex: string, + + },forestBackgroundMuted2:{ + name: string, + hex: string, + + },sandTextBody:{ + name: string, + hex: string, + + },sandTextEmphasis:{ + name: string, + hex: string, + description: string + },sandBackgroundMuted0:{ + name: string, + hex: string, + + },sandBackgroundMuted1:{ + name: string, + hex: string, + + },sandBackgroundMuted2:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js new file mode 100644 index 00000000..2e4c23ae --- /dev/null +++ b/dist/documentation/themes/light.js @@ -0,0 +1,604 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#36485C", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#475A70", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#FFFFFF", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#FFFFFF", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#FFFFFF", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#36485C", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#2E3A47", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#212933", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FCFEFF", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for primary components" + },borderHover:{ + name: "primary.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for primary components" + },borderActive:{ + name: "primary.borderActive", + hex: "#2E3A47", + description: "Used for the pressed border colour for primary components" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#C8D3E0", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#36485C", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBody:{ + name: "accent.forestTextBody", + hex: "#275E43", + + },forestTextEmphasis:{ + name: "accent.forestTextEmphasis", + hex: "#244C38", + description: "Accent used for headings and icons of empahsis" + },forestBackgroundMuted0:{ + name: "accent.forestBackgroundMuted0", + hex: "#EBF2EF", + + },forestBackgroundMuted1:{ + name: "accent.forestBackgroundMuted1", + hex: "#D1E0D9", + + },forestBackgroundMuted2:{ + name: "accent.forestBackgroundMuted2", + hex: "#B6CFC2", + + },sandTextBody:{ + name: "accent.sandTextBody", + hex: "#5E4D27", + + },sandTextEmphasis:{ + name: "accent.sandTextEmphasis", + hex: "#3E3114", + description: "Accent colour used for heading or icons of emphasis" + },sandBackgroundMuted0:{ + name: "accent.sandBackgroundMuted0", + hex: "#F6F1E5", + + },sandBackgroundMuted1:{ + name: "accent.sandBackgroundMuted1", + hex: "#E4D9C2", + + },sandBackgroundMuted2:{ + name: "accent.sandBackgroundMuted2", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts new file mode 100644 index 00000000..03807f45 --- /dev/null +++ b/dist/documentation/themes/lightDS3.d.ts @@ -0,0 +1,604 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBody:{ + name: string, + hex: string, + + },forestTextEmphasis:{ + name: string, + hex: string, + + },forestBackgroundMuted0:{ + name: string, + hex: string, + + },forestBackgroundMuted1:{ + name: string, + hex: string, + + },forestBackgroundMuted2:{ + name: string, + hex: string, + + },sandTextBody:{ + name: string, + hex: string, + + },sandTextEmphasis:{ + name: string, + hex: string, + + },sandBackgroundMuted0:{ + name: string, + hex: string, + + },sandBackgroundMuted1:{ + name: string, + hex: string, + + },sandBackgroundMuted2:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js new file mode 100644 index 00000000..7b13105a --- /dev/null +++ b/dist/documentation/themes/lightDS3.js @@ -0,0 +1,604 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#36485C", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#475A70", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#596D84", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#F5F7FA", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#307553", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#307553", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#275E43", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#244C38", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#307553", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#E6EDF5", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#36485C", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBody:{ + name: "accent.forestTextBody", + hex: "#275E43", + + },forestTextEmphasis:{ + name: "accent.forestTextEmphasis", + hex: "#244C38", + + },forestBackgroundMuted0:{ + name: "accent.forestBackgroundMuted0", + hex: "#EBF2EF", + + },forestBackgroundMuted1:{ + name: "accent.forestBackgroundMuted1", + hex: "#D1E0D9", + + },forestBackgroundMuted2:{ + name: "accent.forestBackgroundMuted2", + hex: "#B6CFC2", + + },sandTextBody:{ + name: "accent.sandTextBody", + hex: "#5E4D27", + + },sandTextEmphasis:{ + name: "accent.sandTextEmphasis", + hex: "#3E3114", + + },sandBackgroundMuted0:{ + name: "accent.sandBackgroundMuted0", + hex: "#F6F1E5", + + },sandBackgroundMuted1:{ + name: "accent.sandBackgroundMuted1", + hex: "#E4D9C2", + + },sandBackgroundMuted2:{ + name: "accent.sandBackgroundMuted2", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts new file mode 100644 index 00000000..5c3d6fe5 --- /dev/null +++ b/dist/tokens/native/borders.d.ts @@ -0,0 +1,10 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const radiusBase : number; +export const radiusCircle : string; +export const radiusModal : number; +export const radiusPill : number; +export const widthBase : number; \ No newline at end of file diff --git a/dist/tokens/native/borders.js b/dist/tokens/native/borders.js new file mode 100644 index 00000000..2a395e6e --- /dev/null +++ b/dist/tokens/native/borders.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = { + "radiusBase": 8, + "radiusCircle": "50%", + "radiusModal": 8, + "radiusPill": 100, + "widthBase": 1 +}; \ No newline at end of file diff --git a/dist/tokens/native/core-dark-colors.d.ts b/dist/tokens/native/core-dark-colors.d.ts new file mode 100644 index 00000000..e3191ff1 --- /dev/null +++ b/dist/tokens/native/core-dark-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const shades: {white : string,black : string,transparent : string}; +export const brown: {200 : string,300 : string,400 : string,700 : string,800 : string}; diff --git a/dist/tokens/native/core-dark-colors.js b/dist/tokens/native/core-dark-colors.js new file mode 100644 index 00000000..1b02c8c7 --- /dev/null +++ b/dist/tokens/native/core-dark-colors.js @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {green: {100 : "#0C291E",200 : "#124935",300 : "#1F5B45",400 : "#206A4F",500 : "#288563",600 : "#42AD86",700 : "#BFE8D9",800 : "#F0FFF9"}, +blue: {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red: {100 : "#290F16",200 : "#451522",300 : "#5E1D2E",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple: {100 : "#200F29",200 : "#33193F",300 : "#482359",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, +orange: {100 : "#29170C",200 : "#4A2915",300 : "#63371C",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey: {100 : "#141719",200 : "#1D2124",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, +shades: {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +brown: {200 : "#493612",300 : "#5E4317",400 : "#6B5024",700 : "#EFE5D1",800 : "#F6F1E5"}, +}; \ No newline at end of file diff --git a/dist/tokens/native/core-light-colors.d.ts b/dist/tokens/native/core-light-colors.d.ts new file mode 100644 index 00000000..704757a3 --- /dev/null +++ b/dist/tokens/native/core-light-colors.d.ts @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; +export const shades: {white : string,black : string,transparent : string}; +export const yellow: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const brown: {200 : string,300 : string,400 : string,700 : string,800 : string}; diff --git a/dist/tokens/native/core-light-colors.js b/dist/tokens/native/core-light-colors.js new file mode 100644 index 00000000..71ec240b --- /dev/null +++ b/dist/tokens/native/core-light-colors.js @@ -0,0 +1,15 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {green: {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, +blue: {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, +red: {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, +purple: {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, +orange: {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, +grey: {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, +shades: {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow: {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, +brown: {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27",800 : "#3E3114"}, +}; \ No newline at end of file diff --git a/dist/tokens/native/themes/dark.d.ts b/dist/tokens/native/themes/dark.d.ts new file mode 100644 index 00000000..fcab6932 --- /dev/null +++ b/dist/tokens/native/themes/dark.d.ts @@ -0,0 +1,25 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const theme: string; +export const text: {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system: {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface: {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled: {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; +export const input: {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator: {base : string}; +export const light: {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow: {base : string}; + +export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; +export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; +export const opacity: {overlayBackdrop : number}; +export const typography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/native/themes/dark.js b/dist/tokens/native/themes/dark.js new file mode 100644 index 00000000..4b27f823 --- /dev/null +++ b/dist/tokens/native/themes/dark.js @@ -0,0 +1,25 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {theme: "dark", +text: {emphasis : "#FFFFFF",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, +system: {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#141719",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1D2124",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, +surface: {level0 : "#141719",level1 : "#141719",level2 : "#22272B",interactiveBackground : "#1D2124",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#1D2124",overlayTheme : "#1D2124",overlayBackdrop : "#000000"}, +primary: {textBase : "#1D2124",textHover : "#1D2124",textActive : "#1D2124",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, +success: {textBase : "#42AD86",textHover : "#BFE8D9",textActive : "#F0FFF9",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#BFE8D9",backgroundMuted : "#124935",backgroundMutedHover : "#1F5B45",backgroundMutedActive : "#206A4F",backgroundBox : "#0C291E",borderBase : "#206A4F",borderHover : "#288563",borderActive : "#42AD86"}, +info: {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, +warning: {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#4A2915",backgroundMutedHover : "#63371C",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, +danger: {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#451522",backgroundMutedHover : "#5E1D2E",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, +highlight: {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#33193F",backgroundMutedHover : "#482359",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, +disabled: {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, +input: {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, +separator: {base : "#515357"}, +light: {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, +shadow: {base : "#000000"}, + +accent: { forest: { textBody: "#BFE8D9", textEmphasis: "#F0FFF9", backgroundMuted0: "#124935", backgroundMuted1: "#1F5B45", backgroundMuted2: "#206A4F" }, sand: { textBody: "#EFE5D1", textEmphasis: "#F6F1E5", backgroundMuted0: "#493612", backgroundMuted1: "#5E4317", backgroundMuted2: "#6B5024" } }, +boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"}, +opacity: {overlayBackdrop : 0.8}, +typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/native/themes/emerson.d.ts b/dist/tokens/native/themes/emerson.d.ts new file mode 100644 index 00000000..68c7a229 --- /dev/null +++ b/dist/tokens/native/themes/emerson.d.ts @@ -0,0 +1,25 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const theme: string; +export const text: {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system: {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface: {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled: {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input: {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator: {base : string}; +export const light: {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow: {base : string}; + +export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; +export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; +export const opacity: {overlayBackdrop : number}; +export const typography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/native/themes/emerson.js b/dist/tokens/native/themes/emerson.js new file mode 100644 index 00000000..cfb2c17a --- /dev/null +++ b/dist/tokens/native/themes/emerson.js @@ -0,0 +1,25 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {theme: "emerson", +text: {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system: {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface: {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary: {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success: {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info: {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning: {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger: {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight: {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled: {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input: {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator: {base : "#C8D3E0"}, +light: {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow: {base : "#000000"}, + +accent: { forest: { textBody: "#275E43", textEmphasis: "#244C38", backgroundMuted0: "#EBF2EF", backgroundMuted1: "#D1E0D9", backgroundMuted2: "#B6CFC2" }, sand: { textBody: "#5E4D27", textEmphasis: "#3E3114", backgroundMuted0: "#F6F1E5", backgroundMuted1: "#E4D9C2", backgroundMuted2: "#DACCAA" } }, +boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"}, +opacity: {overlayBackdrop : 0.2}, +typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/native/themes/light.d.ts b/dist/tokens/native/themes/light.d.ts new file mode 100644 index 00000000..68c7a229 --- /dev/null +++ b/dist/tokens/native/themes/light.d.ts @@ -0,0 +1,25 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const theme: string; +export const text: {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system: {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface: {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled: {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input: {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator: {base : string}; +export const light: {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow: {base : string}; + +export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; +export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; +export const opacity: {overlayBackdrop : number}; +export const typography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/native/themes/light.js b/dist/tokens/native/themes/light.js new file mode 100644 index 00000000..861e54e5 --- /dev/null +++ b/dist/tokens/native/themes/light.js @@ -0,0 +1,25 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {theme: "light", +text: {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, +system: {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface: {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary: {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success: {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info: {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning: {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger: {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight: {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled: {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input: {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator: {base : "#C8D3E0"}, +light: {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow: {base : "#36485C"}, + +accent: { forest: { textBody: "#275E43", textEmphasis: "#244C38", backgroundMuted0: "#EBF2EF", backgroundMuted1: "#D1E0D9", backgroundMuted2: "#B6CFC2" }, sand: { textBody: "#5E4D27", textEmphasis: "#3E3114", backgroundMuted0: "#F6F1E5", backgroundMuted1: "#E4D9C2", backgroundMuted2: "#DACCAA" } }, +boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"}, +opacity: {overlayBackdrop : 0.2}, +typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/native/themes/lightDS3.d.ts b/dist/tokens/native/themes/lightDS3.d.ts new file mode 100644 index 00000000..68c7a229 --- /dev/null +++ b/dist/tokens/native/themes/lightDS3.d.ts @@ -0,0 +1,25 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const theme: string; +export const text: {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system: {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface: {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled: {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input: {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator: {base : string}; +export const light: {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow: {base : string}; + +export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; +export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; +export const opacity: {overlayBackdrop : number}; +export const typography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/native/themes/lightDS3.js b/dist/tokens/native/themes/lightDS3.js new file mode 100644 index 00000000..d0cd0c70 --- /dev/null +++ b/dist/tokens/native/themes/lightDS3.js @@ -0,0 +1,25 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {theme: "lightDS3", +text: {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system: {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface: {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary: {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +success: {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info: {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning: {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger: {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight: {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled: {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input: {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator: {base : "#E6EDF5"}, +light: {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow: {base : "#36485C"}, + +accent: { forest: { textBody: "#275E43", textEmphasis: "#244C38", backgroundMuted0: "#EBF2EF", backgroundMuted1: "#D1E0D9", backgroundMuted2: "#B6CFC2" }, sand: { textBody: "#5E4D27", textEmphasis: "#3E3114", backgroundMuted0: "#F6F1E5", backgroundMuted1: "#E4D9C2", backgroundMuted2: "#DACCAA" } }, +boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"}, +opacity: {overlayBackdrop : 0.2}, +typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/native/typography.d.ts b/dist/tokens/native/typography.d.ts new file mode 100644 index 00000000..e6e9f7b2 --- /dev/null +++ b/dist/tokens/native/typography.d.ts @@ -0,0 +1,31 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const letterSpacingBase : number; +export const paragraphSpacingBase : number; +export const textDecorationBase : string; +export const textCaseBase : string; +export const size3xlarge : number; +export const size2xlarge : number; +export const sizeXlarge : number; +export const sizeLarge : number; +export const sizeNormal : number; +export const sizeSmall : number; +export const sizeXsmall : number; +export const sizeXxsmall : number; +export const sizeMobile3xlarge : number; +export const sizeMobile2xlarge : number; +export const sizeMobileXlarge : number; +export const lineHeightXlarge : number; +export const lineHeightLarge : number; +export const lineHeightNormal : number; +export const lineHeightSmall : number; +export const fontFamilySansSerif : string; +export const fontFamilySerif : string; +export const weightSemiBold : string; +export const weightBase : string; +export const weightLight : string; +export const weightStrong : string; +export const weightBold : string; \ No newline at end of file diff --git a/dist/tokens/native/typography.js b/dist/tokens/native/typography.js new file mode 100644 index 00000000..ce1c1c23 --- /dev/null +++ b/dist/tokens/native/typography.js @@ -0,0 +1,33 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = { + "letterSpacingBase": 0, + "paragraphSpacingBase": 0, + "textDecorationBase": "none", + "textCaseBase": "none", + "size3xlarge": 40, + "size2xlarge": 32, + "sizeXlarge": 24, + "sizeLarge": 20, + "sizeNormal": 16, + "sizeSmall": 14, + "sizeXsmall": 12, + "sizeXxsmall": 10, + "sizeMobile3xlarge": 32, + "sizeMobile2xlarge": 28, + "sizeMobileXlarge": 22, + "lineHeightXlarge": 40, + "lineHeightLarge": 32, + "lineHeightNormal": 24, + "lineHeightSmall": 16, + "fontFamilySansSerif": "Mulish", + "fontFamilySerif": "Besley", + "weightSemiBold": "700", + "weightBase": "500", + "weightLight": "400", + "weightStrong": "600", + "weightBold": "900" +}; \ No newline at end of file diff --git a/dist/tokens/scss/borders.scss b/dist/tokens/scss/borders.scss new file mode 100644 index 00000000..0ef2cdc0 --- /dev/null +++ b/dist/tokens/scss/borders.scss @@ -0,0 +1,9 @@ + +// Do not edit directly +// Generated on Mon, 05 Feb 2024 19:16:23 GMT + +$radiusBase: 8px; +$radiusCircle: 50%; +$radiusModal: 8px; +$radiusPill: 100px; +$widthBase: 1px; \ No newline at end of file diff --git a/dist/tokens/scss/core-dark-colors.scss b/dist/tokens/scss/core-dark-colors.scss new file mode 100644 index 00000000..f1a4b7b6 --- /dev/null +++ b/dist/tokens/scss/core-dark-colors.scss @@ -0,0 +1,60 @@ + +// Do not edit directly +// Generated on Mon, 05 Feb 2024 19:16:23 GMT + +$green100: #0C291E; +$green200: #124935; +$green300: #1F5B45; +$green400: #206A4F; +$green500: #288563; +$green600: #42AD86; +$green700: #BFE8D9; +$green800: #F0FFF9; +$blue100: #0C1B29; +$blue200: #102337; +$blue300: #142C45; +$blue400: #285685; +$blue500: #4577AD; +$blue600: #6597CE; +$blue700: #96BDE7; +$blue800: #D1E8FF; +$red100: #290F16; +$red200: #451522; +$red300: #5E1D2E; +$red400: #8F2843; +$red500: #B23655; +$red600: #C74C6B; +$red700: #EA8AA3; +$red800: #FFD1DD; +$purple100: #200F29; +$purple200: #33193F; +$purple300: #482359; +$purple400: #542F66; +$purple500: #693B80; +$purple600: #865C99; +$purple700: #B990CC; +$purple800: #F0D1FF; +$orange100: #29170C; +$orange200: #4A2915; +$orange300: #63371C; +$orange400: #8A4E29; +$orange500: #AD6234; +$orange600: #CF7945; +$orange700: #E7AA84; +$orange800: #FFE3D1; +$grey100: #141719; +$grey200: #1D2124; +$grey300: #22272B; +$grey400: #2D3238; +$grey500: #515357; +$grey600: #98999B; +$grey700: #BCBDBF; +$grey800: #E8E9EA; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$brown200: #493612; +$brown300: #5E4317; +$brown400: #6B5024; +$brown700: #EFE5D1; +$brown800: #F6F1E5; \ No newline at end of file diff --git a/dist/tokens/scss/core-light-colors.scss b/dist/tokens/scss/core-light-colors.scss new file mode 100644 index 00000000..7e9bb792 --- /dev/null +++ b/dist/tokens/scss/core-light-colors.scss @@ -0,0 +1,69 @@ + +// Do not edit directly +// Generated on Mon, 05 Feb 2024 19:16:23 GMT + +$green100: #FAFFFC; +$green200: #EBF2EF; +$green300: #D1E0D9; +$green400: #B6CFC2; +$green500: #86B09B; +$green600: #307553; +$green700: #275E43; +$green800: #244C38; +$blue100: #F5FAFF; +$blue200: #E6F1FC; +$blue300: #C0D8F0; +$blue400: #88B1D9; +$blue500: #5D96CF; +$blue600: #3971A8; +$blue700: #21588F; +$blue800: #194673; +$red100: #FFF7F9; +$red200: #FEEEF2; +$red300: #F0C4CD; +$red400: #E296A6; +$red500: #C6516A; +$red600: #AF2645; +$red700: #980B29; +$red800: #800D25; +$purple100: #FCFAFF; +$purple200: #F2ECFE; +$purple300: #D7CEE9; +$purple400: #B9ABD5; +$purple500: #8471AB; +$purple600: #533E7D; +$purple700: #3B2566; +$purple800: #2A174F; +$orange100: #FFFAF5; +$orange200: #FFF3E8; +$orange300: #F3D8C0; +$orange400: #E7B88F; +$orange500: #CF8545; +$orange600: #B4631D; +$orange700: #8E4D14; +$orange800: #784213; +$grey100: #FCFEFF; +$grey200: #F5F7FA; +$grey300: #E6EDF5; +$grey400: #C8D3E0; +$grey500: #596D84; +$grey600: #475A70; +$grey700: #36485C; +$grey800: #2E3A47; +$grey900: #212933; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$yellow100: #faf8f2; +$yellow200: #fcf3dd; +$yellow300: #fce7b1; +$yellow400: #fcd97e; +$yellow500: #fccb4c; +$yellow600: #ffc121; +$yellow700: #f7b200; +$yellow800: #e5a500; +$brown200: #F6F1E5; +$brown300: #E4D9C2; +$brown400: #DACCAA; +$brown700: #5E4D27; +$brown800: #3E3114; \ No newline at end of file diff --git a/dist/tokens/scss/themes/dark.scss b/dist/tokens/scss/themes/dark.scss new file mode 100644 index 00000000..1ebe5b4d --- /dev/null +++ b/dist/tokens/scss/themes/dark.scss @@ -0,0 +1,151 @@ + +// Do not edit directly +// Generated on Mon, 05 Feb 2024 19:16:23 GMT + +$textEmphasis: #FFFFFF; +$textBody: #BCBDBF; +$textSubdued: #98999B; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #FFFFFF; +$systemTextBase: #BCBDBF; +$systemTextHover: #E8E9EA; +$systemTextActive: #FFFFFF; +$systemBackgroundBase: #141719; +$systemBackgroundMuted: #22272B; +$systemBackgroundMutedHover: #2D3238; +$systemBackgroundMutedActive: #515357; +$systemBackgroundBox: #1D2124; +$systemBorderBase: #515357; +$systemBorderHover: #98999B; +$systemBorderActive: #BCBDBF; +$systemBorderFocused: #6597CE; +$surfaceLevel0: #141719; +$surfaceLevel1: #141719; +$surfaceLevel2: #22272B; +$surfaceInteractiveBackground: #1D2124; +$surfaceInteractiveHover: #22272B; +$surfaceInteractiveActive: #2D3238; +$surfaceOverlayDark: #1D2124; +$surfaceOverlayTheme: #1D2124; +$surfaceOverlayBackdrop: #000000; +$primaryTextBase: #1D2124; +$primaryTextHover: #1D2124; +$primaryTextActive: #1D2124; +$primaryBackgroundBase: #E8E9EA; +$primaryBackgroundHover: #FFFFFF; +$primaryBackgroundActive: #FFFFFF; +$primaryBackgroundMuted: #22272B; +$primaryBackgroundMutedHover: #2D3238; +$primaryBackgroundMutedActive: #515357; +$primaryBackgroundBox: #0C291E; +$primaryBorderBase: #515357; +$primaryBorderHover: #98999B; +$primaryBorderActive: #BCBDBF; +$successTextBase: #42AD86; +$successTextHover: #BFE8D9; +$successTextActive: #F0FFF9; +$successBackgroundBase: #288563; +$successBackgroundHover: #42AD86; +$successBackgroundActive: #BFE8D9; +$successBackgroundMuted: #124935; +$successBackgroundMutedHover: #1F5B45; +$successBackgroundMutedActive: #206A4F; +$successBackgroundBox: #0C291E; +$successBorderBase: #206A4F; +$successBorderHover: #288563; +$successBorderActive: #42AD86; +$infoTextBase: #6597CE; +$infoTextHover: #96BDE7; +$infoTextActive: #D1E8FF; +$infoBackgroundBase: #4577AD; +$infoBackgroundHover: #285685; +$infoBackgroundActive: #142C45; +$infoBackgroundMuted: #102337; +$infoBackgroundMutedHover: #142C45; +$infoBackgroundMutedActive: #285685; +$infoBackgroundBox: #0C1B29; +$infoBorderBase: #4577AD; +$infoBorderHover: #285685; +$infoBorderActive: #142C45; +$warningTextBase: #CF7945; +$warningTextHover: #E7AA84; +$warningTextActive: #FFE3D1; +$warningBackgroundBase: #AD6234; +$warningBackgroundHover: #CF7945; +$warningBackgroundActive: #E7AA84; +$warningBackgroundMuted: #4A2915; +$warningBackgroundMutedHover: #63371C; +$warningBackgroundMutedActive: #8A4E29; +$warningBackgroundBox: #29170C; +$warningBorderBase: #8A4E29; +$warningBorderHover: #AD6234; +$warningBorderActive: #CF7945; +$dangerTextBase: #C74C6B; +$dangerTextHover: #EA8AA3; +$dangerTextActive: #FFD1DD; +$dangerBackgroundBase: #B23655; +$dangerBackgroundHover: #C74C6B; +$dangerBackgroundActive: #EA8AA3; +$dangerBackgroundMuted: #451522; +$dangerBackgroundMutedHover: #5E1D2E; +$dangerBackgroundMutedActive: #8F2843; +$dangerBackgroundBox: #290F16; +$dangerBorderBase: #8F2843; +$dangerBorderHover: #B23655; +$dangerBorderActive: #C74C6B; +$highlightTextBase: #865C99; +$highlightTextHover: #B990CC; +$highlightTextActive: #F0D1FF; +$highlightBackgroundBase: #693B80; +$highlightBackgroundHover: #865C99; +$highlightBackgroundActive: #B990CC; +$highlightBackgroundMuted: #33193F; +$highlightBackgroundMutedHover: #482359; +$highlightBackgroundMutedActive: #542F66; +$highlightBackgroundBox: #200F29; +$highlightBorderBase: #542F66; +$highlightBorderHover: #693B80; +$highlightBorderActive: #865C99; +$disabledText: #98999B; +$disabledBackground: #22272B; +$disabledNakedBackground: transparent; +$disabledBorder: #515357; +$disabledNakedContent: #22272B; +$disabledInputBackground: #2D3238; +$disabledInputLabelText: #98999B; +$inputBackgroundBase: #1B2228; +$inputBackgroundHover: #2D3238; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #FFFFFF; +$inputTextInformation: #BCBDBF; +$inputTextInformationError: #B23655; +$inputTextLabel: #BCBDBF; +$inputTextFloatingLabel: #4577AD; +$inputTextFloatingLabelError: #B23655; +$inputTextPlaceholder: #98999B; +$inputTextActive: #FFFFFF; +$inputBorderBase: #2D3238; +$inputBorderError: #8F2843; +$inputBorderHover: #515357; +$inputBorderEmphasized: #98999B; +$inputBorderEmphasizedHover: #BCBDBF; +$inputBorderActive: #285685; +$separatorBase: #515357; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #515357; +$lightBackgroundHover: #E8E9EA; +$lightBackgroundActive: #E8E9EA; +$lightTextBase: #2D3238; +$lightLinkMutedBase: #E8E9EA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #000000; +$accentForestTextBody: #BFE8D9; +$accentForestTextEmphasis: #F0FFF9; +$accentForestBackgroundMuted0: #124935; +$accentForestBackgroundMuted1: #1F5B45; +$accentForestBackgroundMuted2: #206A4F; +$accentSandTextBody: #EFE5D1; +$accentSandTextEmphasis: #F6F1E5; +$accentSandBackgroundMuted0: #493612; +$accentSandBackgroundMuted1: #5E4317; +$accentSandBackgroundMuted2: #6B5024; \ No newline at end of file diff --git a/dist/tokens/scss/themes/emerson.scss b/dist/tokens/scss/themes/emerson.scss new file mode 100644 index 00000000..db02ecee --- /dev/null +++ b/dist/tokens/scss/themes/emerson.scss @@ -0,0 +1,150 @@ + +// Do not edit directly +// Generated on Mon, 05 Feb 2024 19:16:23 GMT + +$textEmphasis: #36485C; +$textBody: #475A70; +$textSubdued: #596D84; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #FFFFFF; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #FFFFFF; +$primaryTextHover: #FFFFFF; +$primaryTextActive: #FFFFFF; +$primaryBackgroundBase: #36485C; +$primaryBackgroundHover: #2E3A47; +$primaryBackgroundActive: #212933; +$primaryBackgroundMuted: #F5F7FA; +$primaryBackgroundMutedHover: #E6EDF5; +$primaryBackgroundMutedActive: #C8D3E0; +$primaryBackgroundBox: #FCFEFF; +$primaryBorderBase: #C8D3E0; +$primaryBorderHover: #596D84; +$primaryBorderActive: #2E3A47; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #C8D3E0; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #000000; +$accentForestTextBody: #275E43; +$accentForestTextEmphasis: #244C38; +$accentForestBackgroundMuted0: #EBF2EF; +$accentForestBackgroundMuted1: #D1E0D9; +$accentForestBackgroundMuted2: #B6CFC2; +$accentSandTextBody: #5E4D27; +$accentSandTextEmphasis: #3E3114; +$accentSandBackgroundMuted0: #F6F1E5; +$accentSandBackgroundMuted1: #E4D9C2; +$accentSandBackgroundMuted2: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss new file mode 100644 index 00000000..1bae8097 --- /dev/null +++ b/dist/tokens/scss/themes/light.scss @@ -0,0 +1,150 @@ + +// Do not edit directly +// Generated on Mon, 05 Feb 2024 19:16:23 GMT + +$textEmphasis: #2E3A47; +$textBody: #36485C; +$textSubdued: #475A70; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #FFFFFF; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #FFFFFF; +$primaryTextHover: #FFFFFF; +$primaryTextActive: #FFFFFF; +$primaryBackgroundBase: #36485C; +$primaryBackgroundHover: #2E3A47; +$primaryBackgroundActive: #212933; +$primaryBackgroundMuted: #F5F7FA; +$primaryBackgroundMutedHover: #E6EDF5; +$primaryBackgroundMutedActive: #C8D3E0; +$primaryBackgroundBox: #FCFEFF; +$primaryBorderBase: #C8D3E0; +$primaryBorderHover: #596D84; +$primaryBorderActive: #2E3A47; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #C8D3E0; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #36485C; +$accentForestTextBody: #275E43; +$accentForestTextEmphasis: #244C38; +$accentForestBackgroundMuted0: #EBF2EF; +$accentForestBackgroundMuted1: #D1E0D9; +$accentForestBackgroundMuted2: #B6CFC2; +$accentSandTextBody: #5E4D27; +$accentSandTextEmphasis: #3E3114; +$accentSandBackgroundMuted0: #F6F1E5; +$accentSandBackgroundMuted1: #E4D9C2; +$accentSandBackgroundMuted2: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss new file mode 100644 index 00000000..646ee834 --- /dev/null +++ b/dist/tokens/scss/themes/lightDS3.scss @@ -0,0 +1,150 @@ + +// Do not edit directly +// Generated on Mon, 05 Feb 2024 19:16:23 GMT + +$textEmphasis: #36485C; +$textBody: #475A70; +$textSubdued: #596D84; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #F5F7FA; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #307553; +$primaryTextHover: #275E43; +$primaryTextActive: #244C38; +$primaryBackgroundBase: #307553; +$primaryBackgroundHover: #275E43; +$primaryBackgroundActive: #244C38; +$primaryBackgroundMuted: #EBF2EF; +$primaryBackgroundMutedHover: #D1E0D9; +$primaryBackgroundMutedActive: #B6CFC2; +$primaryBackgroundBox: #FAFFFC; +$primaryBorderBase: #307553; +$primaryBorderHover: #275E43; +$primaryBorderActive: #244C38; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #E6EDF5; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #36485C; +$accentForestTextBody: #275E43; +$accentForestTextEmphasis: #244C38; +$accentForestBackgroundMuted0: #EBF2EF; +$accentForestBackgroundMuted1: #D1E0D9; +$accentForestBackgroundMuted2: #B6CFC2; +$accentSandTextBody: #5E4D27; +$accentSandTextEmphasis: #3E3114; +$accentSandBackgroundMuted0: #F6F1E5; +$accentSandBackgroundMuted1: #E4D9C2; +$accentSandBackgroundMuted2: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss new file mode 100644 index 00000000..2cbcbe7a --- /dev/null +++ b/dist/tokens/scss/typography.scss @@ -0,0 +1,30 @@ + +// Do not edit directly +// Generated on Mon, 05 Feb 2024 19:16:23 GMT + +$letterSpacingBase: 0; +$paragraphSpacingBase: 0; +$textDecorationBase: none; +$textCaseBase: none; +$size3xlarge: 40px; +$size2xlarge: 32px; +$sizeXlarge: 24px; +$sizeLarge: 20px; +$sizeNormal: 16px; +$sizeSmall: 14px; +$sizeXsmall: 12px; +$sizeXxsmall: 10px; +$sizeMobile3xlarge: 32px; +$sizeMobile2xlarge: 28px; +$sizeMobileXlarge: 22px; +$lineHeightXlarge: 40px; +$lineHeightLarge: 32px; +$lineHeightNormal: 24px; +$lineHeightSmall: 16px; +$fontFamilySansSerif: Mulish; +$fontFamilySerif: Besley; +$weightSemiBold: 700; +$weightBase: 500; +$weightLight: 400; +$weightStrong: 600; +$weightBold: 900; \ No newline at end of file diff --git a/dist/tokens/ts/borders.d.ts b/dist/tokens/ts/borders.d.ts new file mode 100644 index 00000000..a0e4bb4e --- /dev/null +++ b/dist/tokens/ts/borders.d.ts @@ -0,0 +1,10 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const radiusBase : string; +export const radiusCircle : string; +export const radiusModal : string; +export const radiusPill : string; +export const widthBase : string; \ No newline at end of file diff --git a/dist/tokens/ts/borders.js b/dist/tokens/ts/borders.js new file mode 100644 index 00000000..af9adad3 --- /dev/null +++ b/dist/tokens/ts/borders.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = { + "radiusBase": "8px", + "radiusCircle": "50%", + "radiusModal": "8px", + "radiusPill": "100px", + "widthBase": "1px" +}; \ No newline at end of file diff --git a/dist/tokens/ts/core-dark-colors.d.ts b/dist/tokens/ts/core-dark-colors.d.ts new file mode 100644 index 00000000..e3191ff1 --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const shades: {white : string,black : string,transparent : string}; +export const brown: {200 : string,300 : string,400 : string,700 : string,800 : string}; diff --git a/dist/tokens/ts/core-dark-colors.js b/dist/tokens/ts/core-dark-colors.js new file mode 100644 index 00000000..1b02c8c7 --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.js @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {green: {100 : "#0C291E",200 : "#124935",300 : "#1F5B45",400 : "#206A4F",500 : "#288563",600 : "#42AD86",700 : "#BFE8D9",800 : "#F0FFF9"}, +blue: {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red: {100 : "#290F16",200 : "#451522",300 : "#5E1D2E",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple: {100 : "#200F29",200 : "#33193F",300 : "#482359",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, +orange: {100 : "#29170C",200 : "#4A2915",300 : "#63371C",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey: {100 : "#141719",200 : "#1D2124",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, +shades: {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +brown: {200 : "#493612",300 : "#5E4317",400 : "#6B5024",700 : "#EFE5D1",800 : "#F6F1E5"}, +}; \ No newline at end of file diff --git a/dist/tokens/ts/core-light-colors.d.ts b/dist/tokens/ts/core-light-colors.d.ts new file mode 100644 index 00000000..704757a3 --- /dev/null +++ b/dist/tokens/ts/core-light-colors.d.ts @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const green: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; +export const shades: {white : string,black : string,transparent : string}; +export const yellow: {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const brown: {200 : string,300 : string,400 : string,700 : string,800 : string}; diff --git a/dist/tokens/ts/core-light-colors.js b/dist/tokens/ts/core-light-colors.js new file mode 100644 index 00000000..71ec240b --- /dev/null +++ b/dist/tokens/ts/core-light-colors.js @@ -0,0 +1,15 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {green: {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, +blue: {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, +red: {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, +purple: {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, +orange: {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, +grey: {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, +shades: {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow: {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, +brown: {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27",800 : "#3E3114"}, +}; \ No newline at end of file diff --git a/dist/tokens/ts/dimensions.d.ts b/dist/tokens/ts/dimensions.d.ts new file mode 100644 index 00000000..942f0a0f --- /dev/null +++ b/dist/tokens/ts/dimensions.d.ts @@ -0,0 +1,6 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const contentAreaMax : string; \ No newline at end of file diff --git a/dist/tokens/ts/dimensions.js b/dist/tokens/ts/dimensions.js new file mode 100644 index 00000000..1e067d4c --- /dev/null +++ b/dist/tokens/ts/dimensions.js @@ -0,0 +1,8 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = { + "contentAreaMax": "1196px" +}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/dark.d.ts b/dist/tokens/ts/themes/dark.d.ts new file mode 100644 index 00000000..fcab6932 --- /dev/null +++ b/dist/tokens/ts/themes/dark.d.ts @@ -0,0 +1,25 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const theme: string; +export const text: {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system: {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface: {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled: {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; +export const input: {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator: {base : string}; +export const light: {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow: {base : string}; + +export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; +export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; +export const opacity: {overlayBackdrop : number}; +export const typography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/ts/themes/dark.js b/dist/tokens/ts/themes/dark.js new file mode 100644 index 00000000..4b27f823 --- /dev/null +++ b/dist/tokens/ts/themes/dark.js @@ -0,0 +1,25 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {theme: "dark", +text: {emphasis : "#FFFFFF",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, +system: {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#141719",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1D2124",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, +surface: {level0 : "#141719",level1 : "#141719",level2 : "#22272B",interactiveBackground : "#1D2124",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#1D2124",overlayTheme : "#1D2124",overlayBackdrop : "#000000"}, +primary: {textBase : "#1D2124",textHover : "#1D2124",textActive : "#1D2124",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, +success: {textBase : "#42AD86",textHover : "#BFE8D9",textActive : "#F0FFF9",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#BFE8D9",backgroundMuted : "#124935",backgroundMutedHover : "#1F5B45",backgroundMutedActive : "#206A4F",backgroundBox : "#0C291E",borderBase : "#206A4F",borderHover : "#288563",borderActive : "#42AD86"}, +info: {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, +warning: {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#4A2915",backgroundMutedHover : "#63371C",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, +danger: {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#451522",backgroundMutedHover : "#5E1D2E",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, +highlight: {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#33193F",backgroundMutedHover : "#482359",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, +disabled: {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, +input: {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, +separator: {base : "#515357"}, +light: {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, +shadow: {base : "#000000"}, + +accent: { forest: { textBody: "#BFE8D9", textEmphasis: "#F0FFF9", backgroundMuted0: "#124935", backgroundMuted1: "#1F5B45", backgroundMuted2: "#206A4F" }, sand: { textBody: "#EFE5D1", textEmphasis: "#F6F1E5", backgroundMuted0: "#493612", backgroundMuted1: "#5E4317", backgroundMuted2: "#6B5024" } }, +boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"}, +opacity: {overlayBackdrop : 0.8}, +typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/emerson.d.ts b/dist/tokens/ts/themes/emerson.d.ts new file mode 100644 index 00000000..68c7a229 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.d.ts @@ -0,0 +1,25 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const theme: string; +export const text: {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system: {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface: {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled: {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input: {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator: {base : string}; +export const light: {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow: {base : string}; + +export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; +export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; +export const opacity: {overlayBackdrop : number}; +export const typography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/ts/themes/emerson.js b/dist/tokens/ts/themes/emerson.js new file mode 100644 index 00000000..cfb2c17a --- /dev/null +++ b/dist/tokens/ts/themes/emerson.js @@ -0,0 +1,25 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {theme: "emerson", +text: {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system: {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface: {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary: {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success: {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info: {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning: {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger: {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight: {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled: {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input: {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator: {base : "#C8D3E0"}, +light: {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow: {base : "#000000"}, + +accent: { forest: { textBody: "#275E43", textEmphasis: "#244C38", backgroundMuted0: "#EBF2EF", backgroundMuted1: "#D1E0D9", backgroundMuted2: "#B6CFC2" }, sand: { textBody: "#5E4D27", textEmphasis: "#3E3114", backgroundMuted0: "#F6F1E5", backgroundMuted1: "#E4D9C2", backgroundMuted2: "#DACCAA" } }, +boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"}, +opacity: {overlayBackdrop : 0.2}, +typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/light.d.ts b/dist/tokens/ts/themes/light.d.ts new file mode 100644 index 00000000..68c7a229 --- /dev/null +++ b/dist/tokens/ts/themes/light.d.ts @@ -0,0 +1,25 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const theme: string; +export const text: {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system: {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface: {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled: {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input: {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator: {base : string}; +export const light: {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow: {base : string}; + +export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; +export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; +export const opacity: {overlayBackdrop : number}; +export const typography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/ts/themes/light.js b/dist/tokens/ts/themes/light.js new file mode 100644 index 00000000..861e54e5 --- /dev/null +++ b/dist/tokens/ts/themes/light.js @@ -0,0 +1,25 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {theme: "light", +text: {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, +system: {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface: {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary: {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success: {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info: {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning: {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger: {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight: {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled: {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input: {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator: {base : "#C8D3E0"}, +light: {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow: {base : "#36485C"}, + +accent: { forest: { textBody: "#275E43", textEmphasis: "#244C38", backgroundMuted0: "#EBF2EF", backgroundMuted1: "#D1E0D9", backgroundMuted2: "#B6CFC2" }, sand: { textBody: "#5E4D27", textEmphasis: "#3E3114", backgroundMuted0: "#F6F1E5", backgroundMuted1: "#E4D9C2", backgroundMuted2: "#DACCAA" } }, +boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"}, +opacity: {overlayBackdrop : 0.2}, +typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/lightDS3.d.ts b/dist/tokens/ts/themes/lightDS3.d.ts new file mode 100644 index 00000000..68c7a229 --- /dev/null +++ b/dist/tokens/ts/themes/lightDS3.d.ts @@ -0,0 +1,25 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const theme: string; +export const text: {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system: {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface: {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight: {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled: {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input: {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator: {base : string}; +export const light: {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow: {base : string}; + +export const accent: { forest: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string }, sand: { textBody: string, textEmphasis: string, backgroundMuted0: string, backgroundMuted1: string, backgroundMuted2: string } }; +export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; +export const opacity: {overlayBackdrop : number}; +export const typography: { h1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },h5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },body: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },footnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },caption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },subcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH1: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH2: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH3: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH4: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileH5: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileBody: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileFootnote: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileCaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string },mobileSubcaption: { fontFamily: string ,fontWeight: number ,fontSize: string ,lineHeight: string ,textDecoration: string ,textCase: string } }; \ No newline at end of file diff --git a/dist/tokens/ts/themes/lightDS3.js b/dist/tokens/ts/themes/lightDS3.js new file mode 100644 index 00000000..d0cd0c70 --- /dev/null +++ b/dist/tokens/ts/themes/lightDS3.js @@ -0,0 +1,25 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = {theme: "lightDS3", +text: {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system: {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface: {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary: {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +success: {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info: {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning: {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger: {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight: {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled: {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input: {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator: {base : "#E6EDF5"}, +light: {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow: {base : "#36485C"}, + +accent: { forest: { textBody: "#275E43", textEmphasis: "#244C38", backgroundMuted0: "#EBF2EF", backgroundMuted1: "#D1E0D9", backgroundMuted2: "#B6CFC2" }, sand: { textBody: "#5E4D27", textEmphasis: "#3E3114", backgroundMuted0: "#F6F1E5", backgroundMuted1: "#E4D9C2", backgroundMuted2: "#DACCAA" } }, +boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"}, +opacity: {overlayBackdrop : 0.2}, +typography: { h1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "40px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h2: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },h3: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "24px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },h4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },h5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },body: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },footnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },caption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },subcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileH1: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "32px" ,lineHeight: "40px" ,textDecoration: "none" ,textCase: "none" },mobileH2: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "28px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH3: { fontFamily: "Besley" ,fontWeight: 500 ,fontSize: "22px" ,lineHeight: "32px" ,textDecoration: "none" ,textCase: "none" },mobileH4: { fontFamily: "Mulish" ,fontWeight: 600 ,fontSize: "20px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileH5: { fontFamily: "Mulish" ,fontWeight: 700 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileBody: { fontFamily: "Mulish" ,fontWeight: 400 ,fontSize: "16px" ,lineHeight: "24px" ,textDecoration: "none" ,textCase: "none" },mobileFootnote: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "14px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileCaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "12px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" },mobileSubcaption: { fontFamily: "Mulish" ,fontWeight: 500 ,fontSize: "10px" ,lineHeight: "16px" ,textDecoration: "none" ,textCase: "none" } },}; \ No newline at end of file diff --git a/dist/tokens/ts/typography.d.ts b/dist/tokens/ts/typography.d.ts new file mode 100644 index 00000000..1a99e6f2 --- /dev/null +++ b/dist/tokens/ts/typography.d.ts @@ -0,0 +1,31 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +export const letterSpacingBase : number; +export const paragraphSpacingBase : number; +export const textDecorationBase : string; +export const textCaseBase : string; +export const size3xlarge : string; +export const size2xlarge : string; +export const sizeXlarge : string; +export const sizeLarge : string; +export const sizeNormal : string; +export const sizeSmall : string; +export const sizeXsmall : string; +export const sizeXxsmall : string; +export const sizeMobile3xlarge : string; +export const sizeMobile2xlarge : string; +export const sizeMobileXlarge : string; +export const lineHeightXlarge : string; +export const lineHeightLarge : string; +export const lineHeightNormal : string; +export const lineHeightSmall : string; +export const fontFamilySansSerif : string; +export const fontFamilySerif : string; +export const weightSemiBold : number; +export const weightBase : number; +export const weightLight : number; +export const weightStrong : number; +export const weightBold : number; \ No newline at end of file diff --git a/dist/tokens/ts/typography.js b/dist/tokens/ts/typography.js new file mode 100644 index 00000000..1a16ea34 --- /dev/null +++ b/dist/tokens/ts/typography.js @@ -0,0 +1,33 @@ +/** + * Do not edit directly + * Generated on Mon, 05 Feb 2024 19:16:23 GMT + */ + +module.exports = { + "letterSpacingBase": 0, + "paragraphSpacingBase": 0, + "textDecorationBase": "none", + "textCaseBase": "none", + "size3xlarge": "40px", + "size2xlarge": "32px", + "sizeXlarge": "24px", + "sizeLarge": "20px", + "sizeNormal": "16px", + "sizeSmall": "14px", + "sizeXsmall": "12px", + "sizeXxsmall": "10px", + "sizeMobile3xlarge": "32px", + "sizeMobile2xlarge": "28px", + "sizeMobileXlarge": "22px", + "lineHeightXlarge": "40px", + "lineHeightLarge": "32px", + "lineHeightNormal": "24px", + "lineHeightSmall": "16px", + "fontFamilySansSerif": "Mulish", + "fontFamilySerif": "Besley", + "weightSemiBold": 700, + "weightBase": 500, + "weightLight": 400, + "weightStrong": 600, + "weightBold": 900 +}; \ No newline at end of file From f40b175ea8d3364c6841e30dd50c829512076920 Mon Sep 17 00:00:00 2001 From: bambie1 Date: Mon, 5 Feb 2024 19:16:52 +0000 Subject: [PATCH 4/4] Files compiled! --- dist/helpers/colorProfileMapper.d.ts | 109 +++++++++++++++++++++++ dist/helpers/colorProfileMapper.d.ts.map | 1 + dist/helpers/colorProfileMapper.js | 21 +++++ dist/helpers/index.d.ts | 2 + dist/helpers/index.d.ts.map | 1 + dist/helpers/index.js | 24 +++++ dist/index.d.ts | 9 ++ dist/index.d.ts.map | 1 + dist/index.js | 94 +++++++++++++++++++ dist/types/accents.d.ts | 8 ++ dist/types/accents.d.ts.map | 1 + dist/types/accents.js | 11 +++ dist/types/index.d.ts | 5 ++ dist/types/index.d.ts.map | 1 + dist/types/index.js | 63 +++++++++++++ dist/types/intentions.d.ts | 16 ++++ dist/types/intentions.d.ts.map | 1 + dist/types/intentions.js | 19 ++++ dist/types/interfaces.d.ts | 30 +++++++ dist/types/interfaces.d.ts.map | 1 + dist/types/interfaces.js | 43 +++++++++ dist/types/profiles.d.ts | 6 ++ dist/types/profiles.d.ts.map | 1 + dist/types/profiles.js | 5 ++ dist/types/themes.d.ts | 8 ++ dist/types/themes.d.ts.map | 1 + dist/types/themes.js | 46 ++++++++++ 27 files changed, 528 insertions(+) create mode 100644 dist/helpers/colorProfileMapper.d.ts create mode 100644 dist/helpers/colorProfileMapper.d.ts.map create mode 100644 dist/helpers/colorProfileMapper.js create mode 100644 dist/helpers/index.d.ts create mode 100644 dist/helpers/index.d.ts.map create mode 100644 dist/helpers/index.js create mode 100644 dist/index.d.ts create mode 100644 dist/index.d.ts.map create mode 100644 dist/index.js create mode 100644 dist/types/accents.d.ts create mode 100644 dist/types/accents.d.ts.map create mode 100644 dist/types/accents.js create mode 100644 dist/types/index.d.ts create mode 100644 dist/types/index.d.ts.map create mode 100644 dist/types/index.js create mode 100644 dist/types/intentions.d.ts create mode 100644 dist/types/intentions.d.ts.map create mode 100644 dist/types/intentions.js create mode 100644 dist/types/interfaces.d.ts create mode 100644 dist/types/interfaces.d.ts.map create mode 100644 dist/types/interfaces.js create mode 100644 dist/types/profiles.d.ts create mode 100644 dist/types/profiles.d.ts.map create mode 100644 dist/types/profiles.js create mode 100644 dist/types/themes.d.ts create mode 100644 dist/types/themes.d.ts.map create mode 100644 dist/types/themes.js diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts new file mode 100644 index 00000000..05da7d25 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts @@ -0,0 +1,109 @@ +import type { AviaryTheme } from "../types/themes"; +export declare const colorProfileMapper: (currentTheme: AviaryTheme) => { + primary: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + info: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + warning: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + danger: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + highlight: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + system: { + textLabelEmphasis: string; + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + borderFocused: string; + }; + success: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; +}; +//# sourceMappingURL=colorProfileMapper.d.ts.map \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map new file mode 100644 index 00000000..3c1e9e83 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js new file mode 100644 index 00000000..e5da22d5 --- /dev/null +++ b/dist/helpers/colorProfileMapper.js @@ -0,0 +1,21 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.colorProfileMapper = void 0; + +// Used for mapping over selected `isColor` properties +var colorProfileMapper = function colorProfileMapper(currentTheme) { + return { + primary: currentTheme.primary, + info: currentTheme.info, + warning: currentTheme.warning, + danger: currentTheme.danger, + highlight: currentTheme.highlight, + system: currentTheme.system, + success: currentTheme.success + }; +}; + +exports.colorProfileMapper = colorProfileMapper; \ No newline at end of file diff --git a/dist/helpers/index.d.ts b/dist/helpers/index.d.ts new file mode 100644 index 00000000..7a4a22d6 --- /dev/null +++ b/dist/helpers/index.d.ts @@ -0,0 +1,2 @@ +export * from "./colorProfileMapper"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/helpers/index.d.ts.map b/dist/helpers/index.d.ts.map new file mode 100644 index 00000000..94ae4bb1 --- /dev/null +++ b/dist/helpers/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"} \ No newline at end of file diff --git a/dist/helpers/index.js b/dist/helpers/index.js new file mode 100644 index 00000000..155de21a --- /dev/null +++ b/dist/helpers/index.js @@ -0,0 +1,24 @@ +"use strict"; + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _colorProfileMapper = require("./colorProfileMapper"); + +Object.keys(_colorProfileMapper).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _colorProfileMapper[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _colorProfileMapper[key]; + } + }); +}); \ No newline at end of file diff --git a/dist/index.d.ts b/dist/index.d.ts new file mode 100644 index 00000000..dcd56928 --- /dev/null +++ b/dist/index.d.ts @@ -0,0 +1,9 @@ +export * from "./helpers"; +export * from "./types"; +export * as borders from "../dist/tokens/ts/borders"; +export * as typography from "../dist/tokens/ts/typography"; +export * as lightThemeDocumentation from "../dist/documentation/themes/light"; +export * as darkThemeDocumentation from "../dist/documentation/themes/dark"; +export * as coreDarkDocumentation from "../dist/documentation/core-dark-colors"; +export * as coreLightDocumentation from "../dist/documentation/core-light-colors"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map new file mode 100644 index 00000000..666537dc --- /dev/null +++ b/dist/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,uBAAuB,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,sBAAsB,MAAM,mCAAmC,CAAC;AAG5E,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAChF,OAAO,KAAK,sBAAsB,MAAM,yCAAyC,CAAC"} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js new file mode 100644 index 00000000..b653d350 --- /dev/null +++ b/dist/index.js @@ -0,0 +1,94 @@ +"use strict"; + +function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } + +require("core-js/modules/es.array.iterator.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.string.iterator.js"); + +require("core-js/modules/es.weak-map.js"); + +require("core-js/modules/web.dom-collections.iterator.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.symbol.description.js"); + +require("core-js/modules/es.symbol.iterator.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +var _exportNames = { + borders: true, + typography: true, + lightThemeDocumentation: true, + darkThemeDocumentation: true, + coreDarkDocumentation: true, + coreLightDocumentation: true +}; +exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = exports.borders = void 0; + +var _helpers = require("./helpers"); + +Object.keys(_helpers).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; + if (key in exports && exports[key] === _helpers[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _helpers[key]; + } + }); +}); + +var _types = require("./types"); + +Object.keys(_types).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; + if (key in exports && exports[key] === _types[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _types[key]; + } + }); +}); + +var _borders = _interopRequireWildcard(require("../dist/tokens/ts/borders")); + +exports.borders = _borders; + +var _typography = _interopRequireWildcard(require("../dist/tokens/ts/typography")); + +exports.typography = _typography; + +var _lightThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/light")); + +exports.lightThemeDocumentation = _lightThemeDocumentation; + +var _darkThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/dark")); + +exports.darkThemeDocumentation = _darkThemeDocumentation; + +var _coreDarkDocumentation = _interopRequireWildcard(require("../dist/documentation/core-dark-colors")); + +exports.coreDarkDocumentation = _coreDarkDocumentation; + +var _coreLightDocumentation = _interopRequireWildcard(require("../dist/documentation/core-light-colors")); + +exports.coreLightDocumentation = _coreLightDocumentation; + +function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } + +function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/dist/types/accents.d.ts b/dist/types/accents.d.ts new file mode 100644 index 00000000..f05772b4 --- /dev/null +++ b/dist/types/accents.d.ts @@ -0,0 +1,8 @@ +declare const AVIARY_ACCENTS: { + forest: string; + sand: string; +}; +declare type AviaryAccents = keyof typeof AVIARY_ACCENTS; +export type { AviaryAccents }; +export { AVIARY_ACCENTS }; +//# sourceMappingURL=accents.d.ts.map \ No newline at end of file diff --git a/dist/types/accents.d.ts.map b/dist/types/accents.d.ts.map new file mode 100644 index 00000000..b2bd7f17 --- /dev/null +++ b/dist/types/accents.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"accents.d.ts","sourceRoot":"","sources":["../../src/types/accents.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,cAAc;;;CAGnB,CAAC;AAEF,aAAK,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAEjD,YAAY,EAAE,aAAa,EAAE,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/accents.js b/dist/types/accents.js new file mode 100644 index 00000000..4c036bd7 --- /dev/null +++ b/dist/types/accents.js @@ -0,0 +1,11 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.AVIARY_ACCENTS = void 0; +var AVIARY_ACCENTS = { + forest: "forest", + sand: "sand" +}; +exports.AVIARY_ACCENTS = AVIARY_ACCENTS; \ No newline at end of file diff --git a/dist/types/index.d.ts b/dist/types/index.d.ts new file mode 100644 index 00000000..3bbc9771 --- /dev/null +++ b/dist/types/index.d.ts @@ -0,0 +1,5 @@ +export * from "./accents"; +export * from "./interfaces"; +export * from "./profiles"; +export * from "./intentions"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/index.d.ts.map b/dist/types/index.d.ts.map new file mode 100644 index 00000000..1ff8e49a --- /dev/null +++ b/dist/types/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"} \ No newline at end of file diff --git a/dist/types/index.js b/dist/types/index.js new file mode 100644 index 00000000..1acfb9c1 --- /dev/null +++ b/dist/types/index.js @@ -0,0 +1,63 @@ +"use strict"; + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _accents = require("./accents"); + +Object.keys(_accents).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _accents[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _accents[key]; + } + }); +}); + +var _interfaces = require("./interfaces"); + +Object.keys(_interfaces).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _interfaces[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _interfaces[key]; + } + }); +}); + +var _profiles = require("./profiles"); + +Object.keys(_profiles).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _profiles[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _profiles[key]; + } + }); +}); + +var _intentions = require("./intentions"); + +Object.keys(_intentions).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _intentions[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _intentions[key]; + } + }); +}); \ No newline at end of file diff --git a/dist/types/intentions.d.ts b/dist/types/intentions.d.ts new file mode 100644 index 00000000..549a7988 --- /dev/null +++ b/dist/types/intentions.d.ts @@ -0,0 +1,16 @@ +declare const AVIARY_INTENTIONS: { + primary: string; + system: string; + danger: string; + success: string; + textSuccess: string; + textSystem: string; + textDanger: string; + lightFilled: string; + lightOutlined: string; + lightText: string; +}; +declare type AviaryIntentions = keyof typeof AVIARY_INTENTIONS; +export type { AviaryIntentions }; +export { AVIARY_INTENTIONS }; +//# sourceMappingURL=intentions.d.ts.map \ No newline at end of file diff --git a/dist/types/intentions.d.ts.map b/dist/types/intentions.d.ts.map new file mode 100644 index 00000000..1f79d160 --- /dev/null +++ b/dist/types/intentions.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"intentions.d.ts","sourceRoot":"","sources":["../../src/types/intentions.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;;;;;;;;;;CAWtB,CAAC;AAEF,aAAK,gBAAgB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAEvD,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/intentions.js b/dist/types/intentions.js new file mode 100644 index 00000000..85242ea9 --- /dev/null +++ b/dist/types/intentions.js @@ -0,0 +1,19 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.AVIARY_INTENTIONS = void 0; +var AVIARY_INTENTIONS = { + primary: "primary", + system: "system", + danger: "danger", + success: "success", + textSuccess: "textSuccess", + textSystem: "textSystem", + textDanger: "textDanger", + lightFilled: "lightFilled", + lightOutlined: "lightOutlined", + lightText: "lightText" +}; +exports.AVIARY_INTENTIONS = AVIARY_INTENTIONS; \ No newline at end of file diff --git a/dist/types/interfaces.d.ts b/dist/types/interfaces.d.ts new file mode 100644 index 00000000..ab0bd272 --- /dev/null +++ b/dist/types/interfaces.d.ts @@ -0,0 +1,30 @@ +declare const AVIARY_COLORS: { + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; + success: string; +}; +declare const EXTENDED_AVIARY_COLORS: { + light: string; + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; + success: string; +}; +declare type AviaryColors = keyof typeof AVIARY_COLORS; +declare type ExtendedAviaryColors = keyof typeof EXTENDED_AVIARY_COLORS; +interface AviaryColorProps { + isColor?: AviaryColors; +} +interface AviaryExtendedColorProps { + isColor?: ExtendedAviaryColors; +} +export type { AviaryColors, AviaryColorProps, AviaryExtendedColorProps, ExtendedAviaryColors, }; +export { AVIARY_COLORS, EXTENDED_AVIARY_COLORS }; +//# sourceMappingURL=interfaces.d.ts.map \ No newline at end of file diff --git a/dist/types/interfaces.d.ts.map b/dist/types/interfaces.d.ts.map new file mode 100644 index 00000000..57492602 --- /dev/null +++ b/dist/types/interfaces.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa;;;;;;;;CAQlB,CAAC;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;CAG3B,CAAC;AAEF,aAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,aAAK,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEhE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AACD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,GACrB,CAAC;AACF,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js new file mode 100644 index 00000000..900be27c --- /dev/null +++ b/dist/types/interfaces.js @@ -0,0 +1,43 @@ +"use strict"; + +require("core-js/modules/es.object.keys.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.array.filter.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.get-own-property-descriptors.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.EXTENDED_AVIARY_COLORS = exports.AVIARY_COLORS = void 0; + +function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } + +function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } + +function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + +var AVIARY_COLORS = { + primary: "primary", + info: "info", + warning: "warning", + danger: "danger", + highlight: "highlight", + system: "system", + success: "success" +}; +exports.AVIARY_COLORS = AVIARY_COLORS; + +var EXTENDED_AVIARY_COLORS = _objectSpread(_objectSpread({}, AVIARY_COLORS), {}, { + light: "light" +}); + +exports.EXTENDED_AVIARY_COLORS = EXTENDED_AVIARY_COLORS; \ No newline at end of file diff --git a/dist/types/profiles.d.ts b/dist/types/profiles.d.ts new file mode 100644 index 00000000..34f9245b --- /dev/null +++ b/dist/types/profiles.d.ts @@ -0,0 +1,6 @@ +import type * as light from "../../dist/tokens/ts/themes/light.d"; +declare type StandardColorsProfileTheme = typeof light.primary; +declare type SystemColorProfileTheme = typeof light.system; +declare type ColorProfileTheme = StandardColorsProfileTheme | SystemColorProfileTheme; +export type { ColorProfileTheme, StandardColorsProfileTheme }; +//# sourceMappingURL=profiles.d.ts.map \ No newline at end of file diff --git a/dist/types/profiles.d.ts.map b/dist/types/profiles.d.ts.map new file mode 100644 index 00000000..6599f033 --- /dev/null +++ b/dist/types/profiles.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"profiles.d.ts","sourceRoot":"","sources":["../../src/types/profiles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,qCAAqC,CAAC;AAElE,aAAK,0BAA0B,GAAG,OAAO,KAAK,CAAC,OAAO,CAAC;AACvD,aAAK,uBAAuB,GAAG,OAAO,KAAK,CAAC,MAAM,CAAC;AAEnD,aAAK,iBAAiB,GAAG,0BAA0B,GAAG,uBAAuB,CAAC;AAE9E,YAAY,EAAE,iBAAiB,EAAE,0BAA0B,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/profiles.js b/dist/types/profiles.js new file mode 100644 index 00000000..430afc16 --- /dev/null +++ b/dist/types/profiles.js @@ -0,0 +1,5 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); \ No newline at end of file diff --git a/dist/types/themes.d.ts b/dist/types/themes.d.ts new file mode 100644 index 00000000..89e46216 --- /dev/null +++ b/dist/types/themes.d.ts @@ -0,0 +1,8 @@ +import * as light from "../../dist/tokens/ts/themes/light"; +import * as lightDS3 from "../../dist/tokens/ts/themes/lightDS3"; +import * as dark from "../../dist/tokens/ts/themes/dark"; +import * as emerson from "../../dist/tokens/ts/themes/emerson"; +declare type AviaryTheme = typeof light; +export { dark, light, emerson, lightDS3 }; +export type { AviaryTheme }; +//# sourceMappingURL=themes.d.ts.map \ No newline at end of file diff --git a/dist/types/themes.d.ts.map b/dist/types/themes.d.ts.map new file mode 100644 index 00000000..6e0acf98 --- /dev/null +++ b/dist/types/themes.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/types/themes.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,mCAAmC,CAAC;AAC3D,OAAO,KAAK,QAAQ,MAAM,sCAAsC,CAAC;AACjE,OAAO,KAAK,IAAI,MAAM,kCAAkC,CAAC;AACzD,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC;AAE/D,aAAK,WAAW,GAAG,OAAO,KAAK,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAC1C,YAAY,EAAE,WAAW,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/themes.js b/dist/types/themes.js new file mode 100644 index 00000000..dab7d546 --- /dev/null +++ b/dist/types/themes.js @@ -0,0 +1,46 @@ +"use strict"; + +function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } + +require("core-js/modules/es.array.iterator.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.string.iterator.js"); + +require("core-js/modules/es.weak-map.js"); + +require("core-js/modules/web.dom-collections.iterator.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.symbol.description.js"); + +require("core-js/modules/es.symbol.iterator.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.lightDS3 = exports.light = exports.emerson = exports.dark = void 0; + +var light = _interopRequireWildcard(require("../../dist/tokens/ts/themes/light")); + +exports.light = light; + +var lightDS3 = _interopRequireWildcard(require("../../dist/tokens/ts/themes/lightDS3")); + +exports.lightDS3 = lightDS3; + +var dark = _interopRequireWildcard(require("../../dist/tokens/ts/themes/dark")); + +exports.dark = dark; + +var emerson = _interopRequireWildcard(require("../../dist/tokens/ts/themes/emerson")); + +exports.emerson = emerson; + +function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } + +function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file