From e5b9198a2b6e387f642b2b23dead7d48107c309a Mon Sep 17 00:00:00 2001 From: Catherine Aylward` Date: Tue, 2 May 2023 13:31:43 -0400 Subject: [PATCH 01/10] add yellow --- src/data/core-light.json | 36 +++++++++++++++++++++++++++++++++++- 1 file changed, 35 insertions(+), 1 deletion(-) diff --git a/src/data/core-light.json b/src/data/core-light.json index 6cc49dbe..2ba95421 100644 --- a/src/data/core-light.json +++ b/src/data/core-light.json @@ -217,6 +217,40 @@ "value": "transparent", "type": "color" } + }, + "yellow": { + "100": { + "value": "#faf8f2", + "type": "color" + }, + "200": { + "value": "#fcf3dd", + "type": "color" + }, + "300": { + "value": "#fce7b1", + "type": "color" + }, + "400": { + "value": "#fcd97e", + "type": "color" + }, + "500": { + "value": "#fccb4c", + "type": "color" + }, + "600": { + "value": "#ffc121", + "type": "color" + }, + "700": { + "value": "#f7b200", + "type": "color" + }, + "800": { + "value": "#e5a500", + "type": "color" + } } }, "typography": { @@ -484,4 +518,4 @@ } } } -} \ No newline at end of file +} From 17b5ae9e9aa1eb9670536e65c8c8ebdbf494ae69 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 2 May 2023 17:32:33 +0000 Subject: [PATCH 02/10] Transformed tokens --- dist/documentation/core-dark-colors.d.ts | 216 --------- dist/documentation/core-dark-colors.js | 216 --------- dist/documentation/core-light-colors.d.ts | 216 --------- dist/documentation/core-light-colors.js | 216 --------- dist/documentation/themes/dark.d.ts | 505 -------------------- dist/documentation/themes/dark.js | 505 -------------------- dist/documentation/themes/emerson.d.ts | 505 -------------------- dist/documentation/themes/emerson.js | 505 -------------------- dist/documentation/themes/light.d.ts | 505 -------------------- dist/documentation/themes/light.js | 505 -------------------- dist/helpers/colorProfileMapper.d.ts | 94 ---- dist/helpers/colorProfileMapper.d.ts.map | 1 - dist/helpers/colorProfileMapper.js | 20 - dist/helpers/index.d.ts | 2 - dist/helpers/index.d.ts.map | 1 - dist/helpers/index.js | 24 - dist/index.d.ts | 8 - dist/index.d.ts.map | 1 - dist/index.js | 89 ---- dist/tokens/native/core-dark-colors.d.ts | 12 - dist/tokens/native/core-dark-colors.js | 12 - dist/tokens/native/core-light-colors.d.ts | 12 - dist/tokens/native/core-light-colors.js | 12 - dist/tokens/native/themes/dark.d.ts | 18 - dist/tokens/native/themes/dark.js | 18 - dist/tokens/native/themes/emerson.d.ts | 18 - dist/tokens/native/themes/emerson.js | 18 - dist/tokens/native/themes/light.d.ts | 18 - dist/tokens/native/themes/light.js | 18 - dist/tokens/native/typography.d.ts | 117 ----- dist/tokens/native/typography.js | 119 ----- dist/tokens/scss/core-dark-colors.scss | 55 --- dist/tokens/scss/core-light-colors.scss | 55 --- dist/tokens/scss/themes/dark.scss | 126 ----- dist/tokens/scss/themes/emerson.scss | 126 ----- dist/tokens/scss/themes/light.scss | 126 ----- dist/tokens/scss/typography.scss | 116 ----- dist/tokens/ts/core-dark-colors.d.ts | 12 - dist/tokens/ts/core-dark-colors.js | 12 - dist/tokens/ts/core-light-colors.d.ts | 12 - dist/tokens/ts/core-light-colors.js | 12 - dist/tokens/ts/themes/dark.d.ts | 18 - dist/tokens/ts/themes/dark.js | 18 - dist/tokens/ts/themes/emerson.d.ts | 18 - dist/tokens/ts/themes/emerson.js | 18 - dist/tokens/ts/themes/light.d.ts | 18 - dist/tokens/ts/themes/light.js | 18 - dist/tokens/ts/typography.d.ts | 117 ----- dist/tokens/ts/typography.js | 119 ----- dist/types/index.d.ts | 3 - dist/types/index.d.ts.map | 1 - dist/types/index.js | 37 -- dist/types/interfaces.d.ts | 28 -- dist/types/interfaces.d.ts.map | 1 - dist/types/interfaces.js | 42 -- dist/types/profiles.d.ts | 6 - dist/types/profiles.d.ts.map | 1 - dist/types/profiles.js | 5 - dist/types/themes.d.ts | 7 - dist/types/themes.d.ts.map | 1 - dist/types/themes.js | 42 -- src/transformed/transformed-core-light.json | 34 ++ 62 files changed, 34 insertions(+), 5696 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/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/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/typography.d.ts delete mode 100644 dist/tokens/native/typography.js 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/typography.scss 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/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/typography.d.ts delete mode 100644 dist/tokens/ts/typography.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/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 56810510..00000000 --- a/dist/documentation/core-dark-colors.d.ts +++ /dev/null @@ -1,216 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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, - - }}; \ 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 ade0b45f..00000000 --- a/dist/documentation/core-dark-colors.js +++ /dev/null @@ -1,216 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 GMT - */ - -module.exports = {green : {100:{ - name: "green.100", - hex: "#0C291E", - - },200:{ - name: "green.200", - hex: "#13402F", - - },300:{ - name: "green.300", - hex: "#1A5740", - - },400:{ - name: "green.400", - hex: "#256E53", - - },500:{ - name: "green.500", - hex: "#288563", - - },600:{ - name: "green.600", - hex: "#42AD86", - - },700:{ - name: "green.700", - hex: "#86D6B9", - - },800:{ - name: "green.800", - hex: "#DBFFF1", - - }}, -blue : {100:{ - name: "blue.100", - hex: "#0C1B29", - - },200:{ - name: "blue.200", - hex: "#142C45", - - },300:{ - name: "blue.300", - hex: "#1F4366", - - },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: "#611D30", - - },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: "#432652", - - },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: "#F0F1FF", - - }}, -orange : {100:{ - name: "orange.100", - hex: "#29170C", - - },200:{ - name: "orange.200", - hex: "#4A2915", - - },300:{ - name: "orange.300", - hex: "#663A1E", - - },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: "#101012", - - },200:{ - name: "grey.200", - hex: "#1A1D21", - - },300:{ - name: "grey.300", - hex: "#22272B", - - },400:{ - name: "grey.400", - hex: "#2D3238", - - },500:{ - name: "grey.500", - hex: "#515357", - - },600:{ - name: "grey.600", - hex: "#616568", - - },700:{ - name: "grey.700", - hex: "#98999B", - - },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", - - }},}; \ 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 56810510..00000000 --- a/dist/documentation/core-light-colors.d.ts +++ /dev/null @@ -1,216 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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, - - }}; \ 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 ae508ff3..00000000 --- a/dist/documentation/core-light-colors.js +++ /dev/null @@ -1,216 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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", - - }}, -shades : {white:{ - name: "shades.white", - hex: "#FFFFFF", - - },black:{ - name: "shades.black", - hex: "#000000", - - },transparent:{ - name: "shades.transparent", - hex: "transparent", - - }},}; \ 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 9216b3d8..00000000 --- a/dist/documentation/themes/dark.d.ts +++ /dev/null @@ -1,505 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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, - - },textBase:{ - name: string, - hex: string, - - },textHover:{ - name: string, - hex: string, - - },textActive:{ - name: string, - hex: string, - - },backgroundBase:{ - name: string, - hex: string, - - },backgroundMuted:{ - name: string, - hex: string, - - },backgroundMutedHover:{ - name: string, - hex: string, - - },backgroundMutedActive:{ - name: string, - hex: string, - - },backgroundBox:{ - name: string, - hex: string, - - },borderBase:{ - name: string, - hex: string, - - },borderHover:{ - name: string, - hex: string, - - },borderActive:{ - name: string, - hex: string, - - },borderFocused:{ - name: string, - hex: 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 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 - }}; \ 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 61df4ba3..00000000 --- a/dist/documentation/themes/dark.js +++ /dev/null @@ -1,505 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#E8E9EA", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#98999B", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#616568", - 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", - - },textBase:{ - name: "system.textBase", - hex: "#98999B", - - },textHover:{ - name: "system.textHover", - hex: "#E8E9EA", - - },textActive:{ - name: "system.textActive", - hex: "#FFFFFF", - - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#1A1D21", - - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#22272B", - - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#2D3238", - - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#515357", - - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#1A1D21", - - },borderBase:{ - name: "system.borderBase", - hex: "#515357", - - },borderHover:{ - name: "system.borderHover", - hex: "#616568", - - },borderActive:{ - name: "system.borderActive", - hex: "#98999B", - - },borderFocused:{ - name: "system.borderFocused", - hex: "#6597CE", - - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#101012", - 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: "#1A1D21", - 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: "#1A1D21", - 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: "#22272B", - description: "Used for elements that are absolutely positioned to overlay content on the page. Has a high contrast versus the current theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#22272B", - 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: "#1A1D21", - 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: "#42AD86", - 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: "#86D6B9", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#DBFFF1", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#288563", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#256E53", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#1A5740", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#13402F", - 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: "#1A5740", - 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: "#256E53", - 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: "#288563", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#256E53", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#1A5740", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -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: "#1F4366", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#142C45", - 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: "#1F4366", - 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: "#1F4366", - 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: "#8A4E29", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#663A1E", - 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: "#663A1E", - 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: "#AD6234", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8A4E29", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#663A1E", - 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: "#8F2843", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#611D30", - 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: "#611D30", - 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: "#B23655", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#8F2843", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#611D30", - 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: "#F0F1FF", - 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: "#542F66", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#432652", - 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: "#432652", - 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: "#693B80", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#542F66", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#432652", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#616568", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#1A1D21", - 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" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#1B2228", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#616568", - 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: "#98999B", - 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: "#98999B", - 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: "#616568", - 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: "#616568", - 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: "#98999B", - 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: "#2D3238", - 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: "#616568", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#1A1D21", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#22272B", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#E8E9EA", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#1A1D21", - 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" - }},}; \ 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 9216b3d8..00000000 --- a/dist/documentation/themes/emerson.d.ts +++ /dev/null @@ -1,505 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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, - - },textBase:{ - name: string, - hex: string, - - },textHover:{ - name: string, - hex: string, - - },textActive:{ - name: string, - hex: string, - - },backgroundBase:{ - name: string, - hex: string, - - },backgroundMuted:{ - name: string, - hex: string, - - },backgroundMutedHover:{ - name: string, - hex: string, - - },backgroundMutedActive:{ - name: string, - hex: string, - - },backgroundBox:{ - name: string, - hex: string, - - },borderBase:{ - name: string, - hex: string, - - },borderHover:{ - name: string, - hex: string, - - },borderActive:{ - name: string, - hex: string, - - },borderFocused:{ - name: string, - hex: 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 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 - }}; \ 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 cc87d4df..00000000 --- a/dist/documentation/themes/emerson.js +++ /dev/null @@ -1,505 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#1A1D21", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#22272B", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#2D3238", - 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: "#101012", - - },textBase:{ - name: "system.textBase", - hex: "#22272B", - - },textHover:{ - name: "system.textHover", - hex: "#1A1D21", - - },textActive:{ - name: "system.textActive", - hex: "#101012", - - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#98999B", - - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#616568", - - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#515357", - - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#E8E9EA", - - },borderBase:{ - name: "system.borderBase", - hex: "#515357", - - },borderHover:{ - name: "system.borderHover", - hex: "#2D3238", - - },borderActive:{ - name: "system.borderActive", - hex: "#22272B", - - },borderFocused:{ - name: "system.borderFocused", - hex: "#0281d7", - - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#98999B", - 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: "#98999B", - 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: "#98999B", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#616568", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#101012", - description: "Used for elements that are absolutely positioned to overlay content on the page. Has a high contrast versus the current 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: "#1A1D21", - 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" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#0281d7", - 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: "#0281d7", - 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: "#0281d7", - 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: "#2D3238", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#98999B", - 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" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#616568", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#2D3238", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#98999B", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#616568", - 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: "#22272B", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#22272B", - 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: "#22272B", - 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: "#0281d7", - 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: "#2D3238", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#101012", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#616568", - 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: "#515357", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#2D3238", - 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: "#22272B", - 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: "#0281d7", - 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: "#616568", - 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: "#22272B", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#98999B", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#616568", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#101012", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#98999B", - 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" - }},}; \ 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 9216b3d8..00000000 --- a/dist/documentation/themes/light.d.ts +++ /dev/null @@ -1,505 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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, - - },textBase:{ - name: string, - hex: string, - - },textHover:{ - name: string, - hex: string, - - },textActive:{ - name: string, - hex: string, - - },backgroundBase:{ - name: string, - hex: string, - - },backgroundMuted:{ - name: string, - hex: string, - - },backgroundMutedHover:{ - name: string, - hex: string, - - },backgroundMutedActive:{ - name: string, - hex: string, - - },backgroundBox:{ - name: string, - hex: string, - - },borderBase:{ - name: string, - hex: string, - - },borderHover:{ - name: string, - hex: string, - - },borderActive:{ - name: string, - hex: string, - - },borderFocused:{ - name: string, - hex: 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 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 - }}; \ 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 0ffdd4bf..00000000 --- a/dist/documentation/themes/light.js +++ /dev/null @@ -1,505 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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", - - },textBase:{ - name: "system.textBase", - hex: "#475A70", - - },textHover:{ - name: "system.textHover", - hex: "#36485C", - - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - - }}, -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. Has a high contrast versus the current 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" - }}, -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" - }},}; \ 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 f1f8e962..00000000 --- a/dist/helpers/colorProfileMapper.d.ts +++ /dev/null @@ -1,94 +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; - }; -}; -//# 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 82925827..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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js deleted file mode 100644 index 77f12372..00000000 --- a/dist/helpers/colorProfileMapper.js +++ /dev/null @@ -1,20 +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 - }; -}; - -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 90fee409..00000000 --- a/dist/index.d.ts +++ /dev/null @@ -1,8 +0,0 @@ -export * from "./helpers"; -export * from "./types"; -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 54ac0542..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,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 224c96c5..00000000 --- a/dist/index.js +++ /dev/null @@ -1,89 +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 = { - typography: true, - lightThemeDocumentation: true, - darkThemeDocumentation: true, - coreDarkDocumentation: true, - coreLightDocumentation: true -}; -exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = 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 _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/core-dark-colors.d.ts b/dist/tokens/native/core-dark-colors.d.ts deleted file mode 100644 index 6f25f4d6..00000000 --- a/dist/tokens/native/core-dark-colors.d.ts +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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}; \ No newline at end of file diff --git a/dist/tokens/native/core-dark-colors.js b/dist/tokens/native/core-dark-colors.js deleted file mode 100644 index 6ebe8ccd..00000000 --- a/dist/tokens/native/core-dark-colors.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 GMT - */ - -module.exports = {green : {100 : "#0C291E",200 : "#13402F",300 : "#1A5740",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, -blue : {100 : "#0C1B29",200 : "#142C45",300 : "#1F4366",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, -red : {100 : "#290F16",200 : "#451522",300 : "#611D30",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple : {100 : "#200F29",200 : "#33193F",300 : "#432652",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0F1FF"}, -orange : {100 : "#29170C",200 : "#4A2915",300 : "#663A1E",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, -grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#616568",700 : "#98999B",800 : "#E8E9EA"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; \ 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 6f25f4d6..00000000 --- a/dist/tokens/native/core-light-colors.d.ts +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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}; \ No newline at end of file diff --git a/dist/tokens/native/core-light-colors.js b/dist/tokens/native/core-light-colors.js deleted file mode 100644 index 8217baa8..00000000 --- a/dist/tokens/native/core-light-colors.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; \ 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 78476ac5..00000000 --- a/dist/tokens/native/themes/dark.d.ts +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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 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}; \ 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 f514e527..00000000 --- a/dist/tokens/native/themes/dark.js +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 GMT - */ - -module.exports = {theme: "dark", -text : {emphasis : "#E8E9EA",body : "#98999B",subdued : "#616568",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#FFFFFF",textBase : "#98999B",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#1A1D21",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#616568",borderActive : "#98999B",borderFocused : "#6597CE"}, -surface : {level0 : "#101012",level1 : "#1A1D21",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#22272B",overlayBackdrop : "#1A1D21"}, -primary : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#256E53",backgroundActive : "#1A5740",backgroundMuted : "#13402F",backgroundMutedHover : "#1A5740",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#288563",borderHover : "#256E53",borderActive : "#1A5740"}, -info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#1F4366",backgroundMuted : "#142C45",backgroundMutedHover : "#1F4366",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#1F4366"}, -warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#8A4E29",backgroundActive : "#663A1E",backgroundMuted : "#4A2915",backgroundMutedHover : "#663A1E",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#AD6234",borderHover : "#8A4E29",borderActive : "#663A1E"}, -danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#8F2843",backgroundActive : "#611D30",backgroundMuted : "#451522",backgroundMutedHover : "#611D30",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#B23655",borderHover : "#8F2843",borderActive : "#611D30"}, -highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0F1FF",backgroundBase : "#693B80",backgroundHover : "#542F66",backgroundActive : "#432652",backgroundMuted : "#33193F",backgroundMutedHover : "#432652",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#693B80",borderHover : "#542F66",borderActive : "#432652"}, -disabled : {text : "#616568",background : "#1A1D21",nakedBackground : "transparent",border : "#515357",inputBackground : "#1B2228",inputLabelText : "#616568"}, -input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#98999B",textInformationError : "#B23655",textLabel : "#98999B",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#616568",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#616568",borderEmphasizedHover : "#98999B",borderActive : "#285685"}, -separator : {base : "#2D3238"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#616568",backgroundHover : "#1A1D21",backgroundActive : "#22272B",textBase : "#E8E9EA",linkMutedBase : "#1A1D21",linkMutedHover : "#FFFFFF"},}; \ 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 78476ac5..00000000 --- a/dist/tokens/native/themes/emerson.d.ts +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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 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}; \ 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 3fcf426c..00000000 --- a/dist/tokens/native/themes/emerson.js +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 GMT - */ - -module.exports = {theme: "emerson", -text : {emphasis : "#1A1D21",body : "#22272B",subdued : "#2D3238",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#101012",textBase : "#22272B",textHover : "#1A1D21",textActive : "#101012",backgroundBase : "#FFFFFF",backgroundMuted : "#98999B",backgroundMutedHover : "#616568",backgroundMutedActive : "#515357",backgroundBox : "#E8E9EA",borderBase : "#515357",borderHover : "#2D3238",borderActive : "#22272B",borderFocused : "#0281d7"}, -surface : {level0 : "#98999B",level1 : "#FFFFFF",level2 : "#98999B",interactiveBackground : "#FFFFFF",interactiveHover : "#98999B",interactiveActive : "#616568",overlayDark : "#101012",overlayTheme : "#FFFFFF",overlayBackdrop : "#1A1D21"}, -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"}, -info : {textBase : "#0281d7",textHover : "#21588F",textActive : "#194673",backgroundBase : "#0281d7",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#0281d7",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 : "#2D3238",background : "#98999B",nakedBackground : "transparent",border : "#515357",inputBackground : "#616568",inputLabelText : "#2D3238"}, -input : {backgroundBase : "#98999B",backgroundHover : "#616568",backgroundInformation : "#FFFFFF",textBase : "#22272B",textInformation : "#22272B",textInformationError : "#AF2645",textLabel : "#22272B",textFloatingLabel : "#0281d7",textFloatingLabelError : "#AF2645",textPlaceholder : "#2D3238",textActive : "#101012",borderBase : "#616568",borderError : "#AF2645",borderHover : "#515357",borderEmphasized : "#2D3238",borderEmphasizedHover : "#22272B",borderActive : "#0281d7"}, -separator : {base : "#616568"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#22272B",backgroundHover : "#98999B",backgroundActive : "#616568",textBase : "#101012",linkMutedBase : "#98999B",linkMutedHover : "#FFFFFF"},}; \ 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 78476ac5..00000000 --- a/dist/tokens/native/themes/light.d.ts +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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 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}; \ 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 9acd8fd4..00000000 --- a/dist/tokens/native/themes/light.js +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 GMT - */ - -module.exports = {theme: "light", -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"}, -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"},}; \ 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 9f081aab..00000000 --- a/dist/tokens/native/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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 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 weightSemiBold : string; -export const weightBase : string; -export const weightLight : string; -export const weightStrong : string; -export const weightBold : string; -export const h1FontFamily : string; -export const h1FontWeight : string; -export const h1LineHeight : number; -export const h1FontSize : number; -export const h1LetterSpacing : number; -export const h1ParagraphSpacing : number; -export const h1TextDecoration : string; -export const h1TextCase : string; -export const h2FontFamily : string; -export const h2FontWeight : string; -export const h2LineHeight : number; -export const h2FontSize : number; -export const h2LetterSpacing : number; -export const h2ParagraphSpacing : number; -export const h2TextDecoration : string; -export const h2TextCase : string; -export const h3FontFamily : string; -export const h3FontWeight : string; -export const h3LineHeight : number; -export const h3FontSize : number; -export const h3LetterSpacing : number; -export const h3ParagraphSpacing : number; -export const h3TextDecoration : string; -export const h3TextCase : string; -export const h4FontFamily : string; -export const h4FontWeight : string; -export const h4LineHeight : number; -export const h4FontSize : number; -export const h4LetterSpacing : number; -export const h4ParagraphSpacing : number; -export const h4TextDecoration : string; -export const h4TextCase : string; -export const h5FontFamily : string; -export const h5FontWeight : string; -export const h5LineHeight : number; -export const h5FontSize : number; -export const h5LetterSpacing : number; -export const h5ParagraphSpacing : number; -export const h5TextDecoration : string; -export const h5TextCase : string; -export const bodyFontFamily : string; -export const bodyFontWeight : string; -export const bodyLineHeight : number; -export const bodyFontSize : number; -export const bodyLetterSpacing : number; -export const bodyParagraphSpacing : number; -export const bodyTextDecoration : string; -export const bodyTextCase : string; -export const footnoteFontFamily : string; -export const footnoteFontWeight : string; -export const footnoteLineHeight : number; -export const footnoteFontSize : number; -export const footnoteLetterSpacing : number; -export const footnoteParagraphSpacing : number; -export const footnoteTextDecoration : string; -export const footnoteTextCase : string; -export const captionFontFamily : string; -export const captionFontWeight : string; -export const captionLineHeight : number; -export const captionFontSize : number; -export const captionLetterSpacing : number; -export const captionParagraphSpacing : number; -export const captionTextDecoration : string; -export const captionTextCase : string; -export const mobileH1FontFamily : string; -export const mobileH1FontWeight : string; -export const mobileH1LineHeight : number; -export const mobileH1FontSize : number; -export const mobileH1LetterSpacing : number; -export const mobileH1ParagraphSpacing : number; -export const mobileH1TextDecoration : string; -export const mobileH1TextCase : string; -export const mobileH2FontFamily : string; -export const mobileH2FontWeight : string; -export const mobileH2LineHeight : number; -export const mobileH2FontSize : number; -export const mobileH2LetterSpacing : number; -export const mobileH2ParagraphSpacing : number; -export const mobileH2TextDecoration : string; -export const mobileH2TextCase : string; -export const mobileH3FontFamily : string; -export const mobileH3FontWeight : string; -export const mobileH3LineHeight : number; -export const mobileH3FontSize : number; -export const mobileH3LetterSpacing : number; -export const mobileH3ParagraphSpacing : number; -export const mobileH3TextDecoration : string; -export const mobileH3TextCase : 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 1c09ca72..00000000 --- a/dist/tokens/native/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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, - "sizeMobile3xlarge": 32, - "sizeMobile2xlarge": 28, - "sizeMobileXlarge": 22, - "lineHeightXlarge": 40, - "lineHeightLarge": 32, - "lineHeightNormal": 24, - "lineHeightSmall": 16, - "fontFamilySansSerif": "Mulish", - "weightSemiBold": "700", - "weightBase": "500", - "weightLight": "400", - "weightStrong": "600", - "weightBold": "900", - "h1FontFamily": "Mulish", - "h1FontWeight": "700", - "h1LineHeight": 40, - "h1FontSize": 40, - "h1LetterSpacing": 0, - "h1ParagraphSpacing": 0, - "h1TextDecoration": "none", - "h1TextCase": "none", - "h2FontFamily": "Mulish", - "h2FontWeight": "700", - "h2LineHeight": 40, - "h2FontSize": 32, - "h2LetterSpacing": 0, - "h2ParagraphSpacing": 0, - "h2TextDecoration": "none", - "h2TextCase": "none", - "h3FontFamily": "Mulish", - "h3FontWeight": "700", - "h3LineHeight": 32, - "h3FontSize": 24, - "h3LetterSpacing": 0, - "h3ParagraphSpacing": 0, - "h3TextDecoration": "none", - "h3TextCase": "none", - "h4FontFamily": "Mulish", - "h4FontWeight": "700", - "h4LineHeight": 24, - "h4FontSize": 20, - "h4LetterSpacing": 0, - "h4ParagraphSpacing": 0, - "h4TextDecoration": "none", - "h4TextCase": "none", - "h5FontFamily": "Mulish", - "h5FontWeight": "700", - "h5LineHeight": 24, - "h5FontSize": 16, - "h5LetterSpacing": 0, - "h5ParagraphSpacing": 0, - "h5TextDecoration": "none", - "h5TextCase": "none", - "bodyFontFamily": "Mulish", - "bodyFontWeight": "500", - "bodyLineHeight": 24, - "bodyFontSize": 16, - "bodyLetterSpacing": 0, - "bodyParagraphSpacing": 0, - "bodyTextDecoration": "none", - "bodyTextCase": "none", - "footnoteFontFamily": "Mulish", - "footnoteFontWeight": "500", - "footnoteLineHeight": 16, - "footnoteFontSize": 14, - "footnoteLetterSpacing": 0, - "footnoteParagraphSpacing": 0, - "footnoteTextDecoration": "none", - "footnoteTextCase": "none", - "captionFontFamily": "Mulish", - "captionFontWeight": "500", - "captionLineHeight": 16, - "captionFontSize": 12, - "captionLetterSpacing": 0, - "captionParagraphSpacing": 0, - "captionTextDecoration": "none", - "captionTextCase": "none", - "mobileH1FontFamily": "Mulish", - "mobileH1FontWeight": "700", - "mobileH1LineHeight": 40, - "mobileH1FontSize": 32, - "mobileH1LetterSpacing": 0, - "mobileH1ParagraphSpacing": 0, - "mobileH1TextDecoration": "none", - "mobileH1TextCase": "none", - "mobileH2FontFamily": "Mulish", - "mobileH2FontWeight": "700", - "mobileH2LineHeight": 32, - "mobileH2FontSize": 28, - "mobileH2LetterSpacing": 0, - "mobileH2ParagraphSpacing": 0, - "mobileH2TextDecoration": "none", - "mobileH2TextCase": "none", - "mobileH3FontFamily": "Mulish", - "mobileH3FontWeight": "700", - "mobileH3LineHeight": 32, - "mobileH3FontSize": 22, - "mobileH3LetterSpacing": 0, - "mobileH3ParagraphSpacing": 0, - "mobileH3TextDecoration": "none", - "mobileH3TextCase": "none" -}; \ 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 ed3c64a3..00000000 --- a/dist/tokens/scss/core-dark-colors.scss +++ /dev/null @@ -1,55 +0,0 @@ - -// Do not edit directly -// Generated on Thu, 02 Feb 2023 17:15:53 GMT - -$green100: #0C291E; -$green200: #13402F; -$green300: #1A5740; -$green400: #256E53; -$green500: #288563; -$green600: #42AD86; -$green700: #86D6B9; -$green800: #DBFFF1; -$blue100: #0C1B29; -$blue200: #142C45; -$blue300: #1F4366; -$blue400: #285685; -$blue500: #4577AD; -$blue600: #6597CE; -$blue700: #96BDE7; -$blue800: #D1E8FF; -$red100: #290F16; -$red200: #451522; -$red300: #611D30; -$red400: #8F2843; -$red500: #B23655; -$red600: #C74C6B; -$red700: #EA8AA3; -$red800: #FFD1DD; -$purple100: #200F29; -$purple200: #33193F; -$purple300: #432652; -$purple400: #542F66; -$purple500: #693B80; -$purple600: #865C99; -$purple700: #B990CC; -$purple800: #F0F1FF; -$orange100: #29170C; -$orange200: #4A2915; -$orange300: #663A1E; -$orange400: #8A4E29; -$orange500: #AD6234; -$orange600: #CF7945; -$orange700: #E7AA84; -$orange800: #FFE3D1; -$grey100: #101012; -$grey200: #1A1D21; -$grey300: #22272B; -$grey400: #2D3238; -$grey500: #515357; -$grey600: #616568; -$grey700: #98999B; -$grey800: #E8E9EA; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; \ 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 222d387e..00000000 --- a/dist/tokens/scss/core-light-colors.scss +++ /dev/null @@ -1,55 +0,0 @@ - -// Do not edit directly -// Generated on Thu, 02 Feb 2023 17:15:53 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; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; \ 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 ba8744f2..00000000 --- a/dist/tokens/scss/themes/dark.scss +++ /dev/null @@ -1,126 +0,0 @@ - -// Do not edit directly -// Generated on Thu, 02 Feb 2023 17:15:53 GMT - -$textEmphasis: #E8E9EA; -$textBody: #98999B; -$textSubdued: #616568; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #FFFFFF; -$systemTextBase: #98999B; -$systemTextHover: #E8E9EA; -$systemTextActive: #FFFFFF; -$systemBackgroundBase: #1A1D21; -$systemBackgroundMuted: #22272B; -$systemBackgroundMutedHover: #2D3238; -$systemBackgroundMutedActive: #515357; -$systemBackgroundBox: #1A1D21; -$systemBorderBase: #515357; -$systemBorderHover: #616568; -$systemBorderActive: #98999B; -$systemBorderFocused: #6597CE; -$surfaceLevel0: #101012; -$surfaceLevel1: #1A1D21; -$surfaceLevel2: #22272B; -$surfaceInteractiveBackground: #1A1D21; -$surfaceInteractiveHover: #22272B; -$surfaceInteractiveActive: #2D3238; -$surfaceOverlayDark: #22272B; -$surfaceOverlayTheme: #22272B; -$surfaceOverlayBackdrop: #1A1D21; -$primaryTextBase: #42AD86; -$primaryTextHover: #86D6B9; -$primaryTextActive: #DBFFF1; -$primaryBackgroundBase: #288563; -$primaryBackgroundHover: #256E53; -$primaryBackgroundActive: #1A5740; -$primaryBackgroundMuted: #13402F; -$primaryBackgroundMutedHover: #1A5740; -$primaryBackgroundMutedActive: #256E53; -$primaryBackgroundBox: #0C291E; -$primaryBorderBase: #288563; -$primaryBorderHover: #256E53; -$primaryBorderActive: #1A5740; -$infoTextBase: #6597CE; -$infoTextHover: #96BDE7; -$infoTextActive: #D1E8FF; -$infoBackgroundBase: #4577AD; -$infoBackgroundHover: #285685; -$infoBackgroundActive: #1F4366; -$infoBackgroundMuted: #142C45; -$infoBackgroundMutedHover: #1F4366; -$infoBackgroundMutedActive: #285685; -$infoBackgroundBox: #0C1B29; -$infoBorderBase: #4577AD; -$infoBorderHover: #285685; -$infoBorderActive: #1F4366; -$warningTextBase: #CF7945; -$warningTextHover: #E7AA84; -$warningTextActive: #FFE3D1; -$warningBackgroundBase: #AD6234; -$warningBackgroundHover: #8A4E29; -$warningBackgroundActive: #663A1E; -$warningBackgroundMuted: #4A2915; -$warningBackgroundMutedHover: #663A1E; -$warningBackgroundMutedActive: #8A4E29; -$warningBackgroundBox: #29170C; -$warningBorderBase: #AD6234; -$warningBorderHover: #8A4E29; -$warningBorderActive: #663A1E; -$dangerTextBase: #C74C6B; -$dangerTextHover: #EA8AA3; -$dangerTextActive: #FFD1DD; -$dangerBackgroundBase: #B23655; -$dangerBackgroundHover: #8F2843; -$dangerBackgroundActive: #611D30; -$dangerBackgroundMuted: #451522; -$dangerBackgroundMutedHover: #611D30; -$dangerBackgroundMutedActive: #8F2843; -$dangerBackgroundBox: #290F16; -$dangerBorderBase: #B23655; -$dangerBorderHover: #8F2843; -$dangerBorderActive: #611D30; -$highlightTextBase: #865C99; -$highlightTextHover: #B990CC; -$highlightTextActive: #F0F1FF; -$highlightBackgroundBase: #693B80; -$highlightBackgroundHover: #542F66; -$highlightBackgroundActive: #432652; -$highlightBackgroundMuted: #33193F; -$highlightBackgroundMutedHover: #432652; -$highlightBackgroundMutedActive: #542F66; -$highlightBackgroundBox: #200F29; -$highlightBorderBase: #693B80; -$highlightBorderHover: #542F66; -$highlightBorderActive: #432652; -$disabledText: #616568; -$disabledBackground: #1A1D21; -$disabledNakedBackground: transparent; -$disabledBorder: #515357; -$disabledInputBackground: #1B2228; -$disabledInputLabelText: #616568; -$inputBackgroundBase: #1B2228; -$inputBackgroundHover: #2D3238; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #FFFFFF; -$inputTextInformation: #98999B; -$inputTextInformationError: #B23655; -$inputTextLabel: #98999B; -$inputTextFloatingLabel: #4577AD; -$inputTextFloatingLabelError: #B23655; -$inputTextPlaceholder: #616568; -$inputTextActive: #FFFFFF; -$inputBorderBase: #2D3238; -$inputBorderError: #8F2843; -$inputBorderHover: #515357; -$inputBorderEmphasized: #616568; -$inputBorderEmphasizedHover: #98999B; -$inputBorderActive: #285685; -$separatorBase: #2D3238; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #616568; -$lightBackgroundHover: #1A1D21; -$lightBackgroundActive: #22272B; -$lightTextBase: #E8E9EA; -$lightLinkMutedBase: #1A1D21; -$lightLinkMutedHover: #FFFFFF; \ 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 5b998f53..00000000 --- a/dist/tokens/scss/themes/emerson.scss +++ /dev/null @@ -1,126 +0,0 @@ - -// Do not edit directly -// Generated on Thu, 02 Feb 2023 17:15:53 GMT - -$textEmphasis: #1A1D21; -$textBody: #22272B; -$textSubdued: #2D3238; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #101012; -$systemTextBase: #22272B; -$systemTextHover: #1A1D21; -$systemTextActive: #101012; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #98999B; -$systemBackgroundMutedHover: #616568; -$systemBackgroundMutedActive: #515357; -$systemBackgroundBox: #E8E9EA; -$systemBorderBase: #515357; -$systemBorderHover: #2D3238; -$systemBorderActive: #22272B; -$systemBorderFocused: #0281d7; -$surfaceLevel0: #98999B; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #98999B; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #98999B; -$surfaceInteractiveActive: #616568; -$surfaceOverlayDark: #101012; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #1A1D21; -$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; -$infoTextBase: #0281d7; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #0281d7; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #0281d7; -$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: #2D3238; -$disabledBackground: #98999B; -$disabledNakedBackground: transparent; -$disabledBorder: #515357; -$disabledInputBackground: #616568; -$disabledInputLabelText: #2D3238; -$inputBackgroundBase: #98999B; -$inputBackgroundHover: #616568; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #22272B; -$inputTextInformation: #22272B; -$inputTextInformationError: #AF2645; -$inputTextLabel: #22272B; -$inputTextFloatingLabel: #0281d7; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #2D3238; -$inputTextActive: #101012; -$inputBorderBase: #616568; -$inputBorderError: #AF2645; -$inputBorderHover: #515357; -$inputBorderEmphasized: #2D3238; -$inputBorderEmphasizedHover: #22272B; -$inputBorderActive: #0281d7; -$separatorBase: #616568; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #22272B; -$lightBackgroundHover: #98999B; -$lightBackgroundActive: #616568; -$lightTextBase: #101012; -$lightLinkMutedBase: #98999B; -$lightLinkMutedHover: #FFFFFF; \ 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 46d2cb02..00000000 --- a/dist/tokens/scss/themes/light.scss +++ /dev/null @@ -1,126 +0,0 @@ - -// Do not edit directly -// Generated on Thu, 02 Feb 2023 17:15:53 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; -$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; \ 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 ab2b1c4b..00000000 --- a/dist/tokens/scss/typography.scss +++ /dev/null @@ -1,116 +0,0 @@ - -// Do not edit directly -// Generated on Thu, 02 Feb 2023 17:15:53 GMT - -$letterSpacingBase: 0; -$paragraphSpacingBase: 0; -$textDecorationBase: none; -$textCaseBase: none; -$size3xlarge: 40px; -$size2xlarge: 32px; -$sizeXlarge: 24px; -$sizeLarge: 20px; -$sizeNormal: 16px; -$sizeSmall: 14px; -$sizeXsmall: 12px; -$sizeMobile3xlarge: 32px; -$sizeMobile2xlarge: 28px; -$sizeMobileXlarge: 22px; -$lineHeightXlarge: 40px; -$lineHeightLarge: 32px; -$lineHeightNormal: 24px; -$lineHeightSmall: 16px; -$fontFamilySansSerif: Mulish; -$weightSemiBold: 700; -$weightBase: 500; -$weightLight: 400; -$weightStrong: 600; -$weightBold: 900; -$h1FontFamily: Mulish; -$h1FontWeight: 700; -$h1LineHeight: 40px; -$h1FontSize: 40px; -$h1LetterSpacing: 0; -$h1ParagraphSpacing: 0; -$h1TextDecoration: none; -$h1TextCase: none; -$h2FontFamily: Mulish; -$h2FontWeight: 700; -$h2LineHeight: 40px; -$h2FontSize: 32px; -$h2LetterSpacing: 0; -$h2ParagraphSpacing: 0; -$h2TextDecoration: none; -$h2TextCase: none; -$h3FontFamily: Mulish; -$h3FontWeight: 700; -$h3LineHeight: 32px; -$h3FontSize: 24px; -$h3LetterSpacing: 0; -$h3ParagraphSpacing: 0; -$h3TextDecoration: none; -$h3TextCase: none; -$h4FontFamily: Mulish; -$h4FontWeight: 700; -$h4LineHeight: 24px; -$h4FontSize: 20px; -$h4LetterSpacing: 0; -$h4ParagraphSpacing: 0; -$h4TextDecoration: none; -$h4TextCase: none; -$h5FontFamily: Mulish; -$h5FontWeight: 700; -$h5LineHeight: 24px; -$h5FontSize: 16px; -$h5LetterSpacing: 0; -$h5ParagraphSpacing: 0; -$h5TextDecoration: none; -$h5TextCase: none; -$bodyFontFamily: Mulish; -$bodyFontWeight: 500; -$bodyLineHeight: 24px; -$bodyFontSize: 16px; -$bodyLetterSpacing: 0; -$bodyParagraphSpacing: 0; -$bodyTextDecoration: none; -$bodyTextCase: none; -$footnoteFontFamily: Mulish; -$footnoteFontWeight: 500; -$footnoteLineHeight: 16px; -$footnoteFontSize: 14px; -$footnoteLetterSpacing: 0; -$footnoteParagraphSpacing: 0; -$footnoteTextDecoration: none; -$footnoteTextCase: none; -$captionFontFamily: Mulish; -$captionFontWeight: 500; -$captionLineHeight: 16px; -$captionFontSize: 12px; -$captionLetterSpacing: 0; -$captionParagraphSpacing: 0; -$captionTextDecoration: none; -$captionTextCase: none; -$mobileH1FontFamily: Mulish; -$mobileH1FontWeight: 700; -$mobileH1LineHeight: 40px; -$mobileH1FontSize: 32px; -$mobileH1LetterSpacing: 0; -$mobileH1ParagraphSpacing: 0; -$mobileH1TextDecoration: none; -$mobileH1TextCase: none; -$mobileH2FontFamily: Mulish; -$mobileH2FontWeight: 700; -$mobileH2LineHeight: 32px; -$mobileH2FontSize: 28px; -$mobileH2LetterSpacing: 0; -$mobileH2ParagraphSpacing: 0; -$mobileH2TextDecoration: none; -$mobileH2TextCase: none; -$mobileH3FontFamily: Mulish; -$mobileH3FontWeight: 700; -$mobileH3LineHeight: 32px; -$mobileH3FontSize: 22px; -$mobileH3LetterSpacing: 0; -$mobileH3ParagraphSpacing: 0; -$mobileH3TextDecoration: none; -$mobileH3TextCase: none; \ 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 6f25f4d6..00000000 --- a/dist/tokens/ts/core-dark-colors.d.ts +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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}; \ No newline at end of file diff --git a/dist/tokens/ts/core-dark-colors.js b/dist/tokens/ts/core-dark-colors.js deleted file mode 100644 index 6ebe8ccd..00000000 --- a/dist/tokens/ts/core-dark-colors.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 GMT - */ - -module.exports = {green : {100 : "#0C291E",200 : "#13402F",300 : "#1A5740",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, -blue : {100 : "#0C1B29",200 : "#142C45",300 : "#1F4366",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, -red : {100 : "#290F16",200 : "#451522",300 : "#611D30",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple : {100 : "#200F29",200 : "#33193F",300 : "#432652",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0F1FF"}, -orange : {100 : "#29170C",200 : "#4A2915",300 : "#663A1E",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, -grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#616568",700 : "#98999B",800 : "#E8E9EA"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; \ 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 6f25f4d6..00000000 --- a/dist/tokens/ts/core-light-colors.d.ts +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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}; \ No newline at end of file diff --git a/dist/tokens/ts/core-light-colors.js b/dist/tokens/ts/core-light-colors.js deleted file mode 100644 index 8217baa8..00000000 --- a/dist/tokens/ts/core-light-colors.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; \ 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 78476ac5..00000000 --- a/dist/tokens/ts/themes/dark.d.ts +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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 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}; \ 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 f514e527..00000000 --- a/dist/tokens/ts/themes/dark.js +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 GMT - */ - -module.exports = {theme: "dark", -text : {emphasis : "#E8E9EA",body : "#98999B",subdued : "#616568",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#FFFFFF",textBase : "#98999B",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#1A1D21",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#616568",borderActive : "#98999B",borderFocused : "#6597CE"}, -surface : {level0 : "#101012",level1 : "#1A1D21",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#22272B",overlayBackdrop : "#1A1D21"}, -primary : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#256E53",backgroundActive : "#1A5740",backgroundMuted : "#13402F",backgroundMutedHover : "#1A5740",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#288563",borderHover : "#256E53",borderActive : "#1A5740"}, -info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#1F4366",backgroundMuted : "#142C45",backgroundMutedHover : "#1F4366",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#1F4366"}, -warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#8A4E29",backgroundActive : "#663A1E",backgroundMuted : "#4A2915",backgroundMutedHover : "#663A1E",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#AD6234",borderHover : "#8A4E29",borderActive : "#663A1E"}, -danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#8F2843",backgroundActive : "#611D30",backgroundMuted : "#451522",backgroundMutedHover : "#611D30",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#B23655",borderHover : "#8F2843",borderActive : "#611D30"}, -highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0F1FF",backgroundBase : "#693B80",backgroundHover : "#542F66",backgroundActive : "#432652",backgroundMuted : "#33193F",backgroundMutedHover : "#432652",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#693B80",borderHover : "#542F66",borderActive : "#432652"}, -disabled : {text : "#616568",background : "#1A1D21",nakedBackground : "transparent",border : "#515357",inputBackground : "#1B2228",inputLabelText : "#616568"}, -input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#98999B",textInformationError : "#B23655",textLabel : "#98999B",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#616568",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#616568",borderEmphasizedHover : "#98999B",borderActive : "#285685"}, -separator : {base : "#2D3238"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#616568",backgroundHover : "#1A1D21",backgroundActive : "#22272B",textBase : "#E8E9EA",linkMutedBase : "#1A1D21",linkMutedHover : "#FFFFFF"},}; \ 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 78476ac5..00000000 --- a/dist/tokens/ts/themes/emerson.d.ts +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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 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}; \ 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 3fcf426c..00000000 --- a/dist/tokens/ts/themes/emerson.js +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 GMT - */ - -module.exports = {theme: "emerson", -text : {emphasis : "#1A1D21",body : "#22272B",subdued : "#2D3238",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#101012",textBase : "#22272B",textHover : "#1A1D21",textActive : "#101012",backgroundBase : "#FFFFFF",backgroundMuted : "#98999B",backgroundMutedHover : "#616568",backgroundMutedActive : "#515357",backgroundBox : "#E8E9EA",borderBase : "#515357",borderHover : "#2D3238",borderActive : "#22272B",borderFocused : "#0281d7"}, -surface : {level0 : "#98999B",level1 : "#FFFFFF",level2 : "#98999B",interactiveBackground : "#FFFFFF",interactiveHover : "#98999B",interactiveActive : "#616568",overlayDark : "#101012",overlayTheme : "#FFFFFF",overlayBackdrop : "#1A1D21"}, -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"}, -info : {textBase : "#0281d7",textHover : "#21588F",textActive : "#194673",backgroundBase : "#0281d7",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#0281d7",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 : "#2D3238",background : "#98999B",nakedBackground : "transparent",border : "#515357",inputBackground : "#616568",inputLabelText : "#2D3238"}, -input : {backgroundBase : "#98999B",backgroundHover : "#616568",backgroundInformation : "#FFFFFF",textBase : "#22272B",textInformation : "#22272B",textInformationError : "#AF2645",textLabel : "#22272B",textFloatingLabel : "#0281d7",textFloatingLabelError : "#AF2645",textPlaceholder : "#2D3238",textActive : "#101012",borderBase : "#616568",borderError : "#AF2645",borderHover : "#515357",borderEmphasized : "#2D3238",borderEmphasizedHover : "#22272B",borderActive : "#0281d7"}, -separator : {base : "#616568"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#22272B",backgroundHover : "#98999B",backgroundActive : "#616568",textBase : "#101012",linkMutedBase : "#98999B",linkMutedHover : "#FFFFFF"},}; \ 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 78476ac5..00000000 --- a/dist/tokens/ts/themes/light.d.ts +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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 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}; \ 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 9acd8fd4..00000000 --- a/dist/tokens/ts/themes/light.js +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 GMT - */ - -module.exports = {theme: "light", -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"}, -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"},}; \ 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 daa110c8..00000000 --- a/dist/tokens/ts/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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 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 weightSemiBold : number; -export const weightBase : number; -export const weightLight : number; -export const weightStrong : number; -export const weightBold : number; -export const h1FontFamily : string; -export const h1FontWeight : number; -export const h1LineHeight : string; -export const h1FontSize : string; -export const h1LetterSpacing : number; -export const h1ParagraphSpacing : number; -export const h1TextDecoration : string; -export const h1TextCase : string; -export const h2FontFamily : string; -export const h2FontWeight : number; -export const h2LineHeight : string; -export const h2FontSize : string; -export const h2LetterSpacing : number; -export const h2ParagraphSpacing : number; -export const h2TextDecoration : string; -export const h2TextCase : string; -export const h3FontFamily : string; -export const h3FontWeight : number; -export const h3LineHeight : string; -export const h3FontSize : string; -export const h3LetterSpacing : number; -export const h3ParagraphSpacing : number; -export const h3TextDecoration : string; -export const h3TextCase : string; -export const h4FontFamily : string; -export const h4FontWeight : number; -export const h4LineHeight : string; -export const h4FontSize : string; -export const h4LetterSpacing : number; -export const h4ParagraphSpacing : number; -export const h4TextDecoration : string; -export const h4TextCase : string; -export const h5FontFamily : string; -export const h5FontWeight : number; -export const h5LineHeight : string; -export const h5FontSize : string; -export const h5LetterSpacing : number; -export const h5ParagraphSpacing : number; -export const h5TextDecoration : string; -export const h5TextCase : string; -export const bodyFontFamily : string; -export const bodyFontWeight : number; -export const bodyLineHeight : string; -export const bodyFontSize : string; -export const bodyLetterSpacing : number; -export const bodyParagraphSpacing : number; -export const bodyTextDecoration : string; -export const bodyTextCase : string; -export const footnoteFontFamily : string; -export const footnoteFontWeight : number; -export const footnoteLineHeight : string; -export const footnoteFontSize : string; -export const footnoteLetterSpacing : number; -export const footnoteParagraphSpacing : number; -export const footnoteTextDecoration : string; -export const footnoteTextCase : string; -export const captionFontFamily : string; -export const captionFontWeight : number; -export const captionLineHeight : string; -export const captionFontSize : string; -export const captionLetterSpacing : number; -export const captionParagraphSpacing : number; -export const captionTextDecoration : string; -export const captionTextCase : string; -export const mobileH1FontFamily : string; -export const mobileH1FontWeight : number; -export const mobileH1LineHeight : string; -export const mobileH1FontSize : string; -export const mobileH1LetterSpacing : number; -export const mobileH1ParagraphSpacing : number; -export const mobileH1TextDecoration : string; -export const mobileH1TextCase : string; -export const mobileH2FontFamily : string; -export const mobileH2FontWeight : number; -export const mobileH2LineHeight : string; -export const mobileH2FontSize : string; -export const mobileH2LetterSpacing : number; -export const mobileH2ParagraphSpacing : number; -export const mobileH2TextDecoration : string; -export const mobileH2TextCase : string; -export const mobileH3FontFamily : string; -export const mobileH3FontWeight : number; -export const mobileH3LineHeight : string; -export const mobileH3FontSize : string; -export const mobileH3LetterSpacing : number; -export const mobileH3ParagraphSpacing : number; -export const mobileH3TextDecoration : string; -export const mobileH3TextCase : string; \ 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 70f47bb8..00000000 --- a/dist/tokens/ts/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 02 Feb 2023 17:15:53 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", - "sizeMobile3xlarge": "32px", - "sizeMobile2xlarge": "28px", - "sizeMobileXlarge": "22px", - "lineHeightXlarge": "40px", - "lineHeightLarge": "32px", - "lineHeightNormal": "24px", - "lineHeightSmall": "16px", - "fontFamilySansSerif": "Mulish", - "weightSemiBold": 700, - "weightBase": 500, - "weightLight": 400, - "weightStrong": 600, - "weightBold": 900, - "h1FontFamily": "Mulish", - "h1FontWeight": 700, - "h1LineHeight": "40px", - "h1FontSize": "40px", - "h1LetterSpacing": 0, - "h1ParagraphSpacing": 0, - "h1TextDecoration": "none", - "h1TextCase": "none", - "h2FontFamily": "Mulish", - "h2FontWeight": 700, - "h2LineHeight": "40px", - "h2FontSize": "32px", - "h2LetterSpacing": 0, - "h2ParagraphSpacing": 0, - "h2TextDecoration": "none", - "h2TextCase": "none", - "h3FontFamily": "Mulish", - "h3FontWeight": 700, - "h3LineHeight": "32px", - "h3FontSize": "24px", - "h3LetterSpacing": 0, - "h3ParagraphSpacing": 0, - "h3TextDecoration": "none", - "h3TextCase": "none", - "h4FontFamily": "Mulish", - "h4FontWeight": 700, - "h4LineHeight": "24px", - "h4FontSize": "20px", - "h4LetterSpacing": 0, - "h4ParagraphSpacing": 0, - "h4TextDecoration": "none", - "h4TextCase": "none", - "h5FontFamily": "Mulish", - "h5FontWeight": 700, - "h5LineHeight": "24px", - "h5FontSize": "16px", - "h5LetterSpacing": 0, - "h5ParagraphSpacing": 0, - "h5TextDecoration": "none", - "h5TextCase": "none", - "bodyFontFamily": "Mulish", - "bodyFontWeight": 500, - "bodyLineHeight": "24px", - "bodyFontSize": "16px", - "bodyLetterSpacing": 0, - "bodyParagraphSpacing": 0, - "bodyTextDecoration": "none", - "bodyTextCase": "none", - "footnoteFontFamily": "Mulish", - "footnoteFontWeight": 500, - "footnoteLineHeight": "16px", - "footnoteFontSize": "14px", - "footnoteLetterSpacing": 0, - "footnoteParagraphSpacing": 0, - "footnoteTextDecoration": "none", - "footnoteTextCase": "none", - "captionFontFamily": "Mulish", - "captionFontWeight": 500, - "captionLineHeight": "16px", - "captionFontSize": "12px", - "captionLetterSpacing": 0, - "captionParagraphSpacing": 0, - "captionTextDecoration": "none", - "captionTextCase": "none", - "mobileH1FontFamily": "Mulish", - "mobileH1FontWeight": 700, - "mobileH1LineHeight": "40px", - "mobileH1FontSize": "32px", - "mobileH1LetterSpacing": 0, - "mobileH1ParagraphSpacing": 0, - "mobileH1TextDecoration": "none", - "mobileH1TextCase": "none", - "mobileH2FontFamily": "Mulish", - "mobileH2FontWeight": 700, - "mobileH2LineHeight": "32px", - "mobileH2FontSize": "28px", - "mobileH2LetterSpacing": 0, - "mobileH2ParagraphSpacing": 0, - "mobileH2TextDecoration": "none", - "mobileH2TextCase": "none", - "mobileH3FontFamily": "Mulish", - "mobileH3FontWeight": 700, - "mobileH3LineHeight": "32px", - "mobileH3FontSize": "22px", - "mobileH3LetterSpacing": 0, - "mobileH3ParagraphSpacing": 0, - "mobileH3TextDecoration": "none", - "mobileH3TextCase": "none" -}; \ 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 bf33064e..00000000 --- a/dist/types/index.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -export * from "./interfaces"; -export * from "./profiles"; -//# 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 1ca1b828..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,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"} \ No newline at end of file diff --git a/dist/types/index.js b/dist/types/index.js deleted file mode 100644 index 9ce320c1..00000000 --- a/dist/types/index.js +++ /dev/null @@ -1,37 +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 _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]; - } - }); -}); \ 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 0cea5539..00000000 --- a/dist/types/interfaces.d.ts +++ /dev/null @@ -1,28 +0,0 @@ -declare const AVIARY_COLORS: { - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; -}; -declare const EXTENDED_AVIARY_COLORS: { - light: string; - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: 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 87d81861..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;;;;;;;CAOlB,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 42449ef5..00000000 --- a/dist/types/interfaces.js +++ /dev/null @@ -1,42 +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" -}; -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 fdaa73de..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 }; -//# 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 c292ac7a..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,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 5197a1c3..00000000 --- a/dist/types/themes.d.ts +++ /dev/null @@ -1,7 +0,0 @@ -import * as light from "../../dist/tokens/ts/themes/light"; -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 }; -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 8bbb62a7..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,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,CAAC;AAChC,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 1b8926c1..00000000 --- a/dist/types/themes.js +++ /dev/null @@ -1,42 +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.light = exports.emerson = exports.dark = void 0; - -var light = _interopRequireWildcard(require("../../dist/tokens/ts/themes/light")); - -exports.light = light; - -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-core-light.json b/src/transformed/transformed-core-light.json index f56bc2bc..196abd18 100644 --- a/src/transformed/transformed-core-light.json +++ b/src/transformed/transformed-core-light.json @@ -217,6 +217,40 @@ "value": "transparent", "type": "color" } + }, + "yellow": { + "100": { + "value": "#faf8f2", + "type": "color" + }, + "200": { + "value": "#fcf3dd", + "type": "color" + }, + "300": { + "value": "#fce7b1", + "type": "color" + }, + "400": { + "value": "#fcd97e", + "type": "color" + }, + "500": { + "value": "#fccb4c", + "type": "color" + }, + "600": { + "value": "#ffc121", + "type": "color" + }, + "700": { + "value": "#f7b200", + "type": "color" + }, + "800": { + "value": "#e5a500", + "type": "color" + } } }, "typography": { From 676a10a08b07911e5ff6e39a498d4041feb4cf98 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 2 May 2023 17:33:03 +0000 Subject: [PATCH 03/10] Built and updated design tokens --- dist/documentation/core-dark-colors.d.ts | 216 +++++++++ dist/documentation/core-dark-colors.js | 216 +++++++++ dist/documentation/core-light-colors.d.ts | 249 +++++++++++ dist/documentation/core-light-colors.js | 249 +++++++++++ dist/documentation/themes/dark.d.ts | 505 ++++++++++++++++++++++ dist/documentation/themes/dark.js | 505 ++++++++++++++++++++++ dist/documentation/themes/emerson.d.ts | 505 ++++++++++++++++++++++ dist/documentation/themes/emerson.js | 505 ++++++++++++++++++++++ dist/documentation/themes/light.d.ts | 505 ++++++++++++++++++++++ dist/documentation/themes/light.js | 505 ++++++++++++++++++++++ dist/tokens/native/core-dark-colors.d.ts | 12 + dist/tokens/native/core-dark-colors.js | 12 + dist/tokens/native/core-light-colors.d.ts | 13 + dist/tokens/native/core-light-colors.js | 13 + dist/tokens/native/themes/dark.d.ts | 18 + dist/tokens/native/themes/dark.js | 18 + dist/tokens/native/themes/emerson.d.ts | 18 + dist/tokens/native/themes/emerson.js | 18 + dist/tokens/native/themes/light.d.ts | 18 + dist/tokens/native/themes/light.js | 18 + dist/tokens/native/typography.d.ts | 117 +++++ dist/tokens/native/typography.js | 119 +++++ dist/tokens/scss/core-dark-colors.scss | 55 +++ dist/tokens/scss/core-light-colors.scss | 63 +++ dist/tokens/scss/themes/dark.scss | 126 ++++++ dist/tokens/scss/themes/emerson.scss | 126 ++++++ dist/tokens/scss/themes/light.scss | 126 ++++++ dist/tokens/scss/typography.scss | 116 +++++ dist/tokens/ts/core-dark-colors.d.ts | 12 + dist/tokens/ts/core-dark-colors.js | 12 + dist/tokens/ts/core-light-colors.d.ts | 13 + dist/tokens/ts/core-light-colors.js | 13 + dist/tokens/ts/themes/dark.d.ts | 18 + dist/tokens/ts/themes/dark.js | 18 + dist/tokens/ts/themes/emerson.d.ts | 18 + dist/tokens/ts/themes/emerson.js | 18 + dist/tokens/ts/themes/light.d.ts | 18 + dist/tokens/ts/themes/light.js | 18 + dist/tokens/ts/typography.d.ts | 117 +++++ dist/tokens/ts/typography.js | 119 +++++ 40 files changed, 5360 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/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/typography.d.ts create mode 100644 dist/tokens/native/typography.js 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/typography.scss 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/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/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..6f0b47e2 --- /dev/null +++ b/dist/documentation/core-dark-colors.d.ts @@ -0,0 +1,216 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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, + + }}; \ 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..ec496570 --- /dev/null +++ b/dist/documentation/core-dark-colors.js @@ -0,0 +1,216 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#0C291E", + + },200:{ + name: "green.200", + hex: "#13402F", + + },300:{ + name: "green.300", + hex: "#1A5740", + + },400:{ + name: "green.400", + hex: "#256E53", + + },500:{ + name: "green.500", + hex: "#288563", + + },600:{ + name: "green.600", + hex: "#42AD86", + + },700:{ + name: "green.700", + hex: "#86D6B9", + + },800:{ + name: "green.800", + hex: "#DBFFF1", + + }}, +blue : {100:{ + name: "blue.100", + hex: "#0C1B29", + + },200:{ + name: "blue.200", + hex: "#142C45", + + },300:{ + name: "blue.300", + hex: "#1F4366", + + },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: "#611D30", + + },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: "#432652", + + },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: "#F0F1FF", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#29170C", + + },200:{ + name: "orange.200", + hex: "#4A2915", + + },300:{ + name: "orange.300", + hex: "#663A1E", + + },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: "#101012", + + },200:{ + name: "grey.200", + hex: "#1A1D21", + + },300:{ + name: "grey.300", + hex: "#22272B", + + },400:{ + name: "grey.400", + hex: "#2D3238", + + },500:{ + name: "grey.500", + hex: "#515357", + + },600:{ + name: "grey.600", + hex: "#616568", + + },700:{ + name: "grey.700", + hex: "#98999B", + + },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", + + }},}; \ 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..524f63b7 --- /dev/null +++ b/dist/documentation/core-light-colors.d.ts @@ -0,0 +1,249 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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 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, + + }}; \ 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..68018316 --- /dev/null +++ b/dist/documentation/core-light-colors.js @@ -0,0 +1,249 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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", + + }}, +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", + + }},}; \ 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..975aedee --- /dev/null +++ b/dist/documentation/themes/dark.d.ts @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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, + + },textBase:{ + name: string, + hex: string, + + },textHover:{ + name: string, + hex: string, + + },textActive:{ + name: string, + hex: string, + + },backgroundBase:{ + name: string, + hex: string, + + },backgroundMuted:{ + name: string, + hex: string, + + },backgroundMutedHover:{ + name: string, + hex: string, + + },backgroundMutedActive:{ + name: string, + hex: string, + + },backgroundBox:{ + name: string, + hex: string, + + },borderBase:{ + name: string, + hex: string, + + },borderHover:{ + name: string, + hex: string, + + },borderActive:{ + name: string, + hex: string, + + },borderFocused:{ + name: string, + hex: 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 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 + }}; \ 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..5ad75eca --- /dev/null +++ b/dist/documentation/themes/dark.js @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#E8E9EA", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#98999B", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#616568", + 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", + + },textBase:{ + name: "system.textBase", + hex: "#98999B", + + },textHover:{ + name: "system.textHover", + hex: "#E8E9EA", + + },textActive:{ + name: "system.textActive", + hex: "#FFFFFF", + + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#1A1D21", + + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#22272B", + + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#2D3238", + + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#515357", + + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#1A1D21", + + },borderBase:{ + name: "system.borderBase", + hex: "#515357", + + },borderHover:{ + name: "system.borderHover", + hex: "#616568", + + },borderActive:{ + name: "system.borderActive", + hex: "#98999B", + + },borderFocused:{ + name: "system.borderFocused", + hex: "#6597CE", + + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#101012", + 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: "#1A1D21", + 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: "#1A1D21", + 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: "#22272B", + description: "Used for elements that are absolutely positioned to overlay content on the page. Has a high contrast versus the current theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#22272B", + 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: "#1A1D21", + 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: "#42AD86", + 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: "#86D6B9", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#DBFFF1", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#288563", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#256E53", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#1A5740", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#13402F", + 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: "#1A5740", + 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: "#256E53", + 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: "#288563", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#256E53", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#1A5740", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +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: "#1F4366", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#142C45", + 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: "#1F4366", + 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: "#1F4366", + 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: "#8A4E29", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#663A1E", + 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: "#663A1E", + 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: "#AD6234", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8A4E29", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#663A1E", + 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: "#8F2843", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#611D30", + 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: "#611D30", + 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: "#B23655", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#8F2843", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#611D30", + 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: "#F0F1FF", + 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: "#542F66", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#432652", + 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: "#432652", + 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: "#693B80", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#542F66", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#432652", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#616568", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#1A1D21", + 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" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#1B2228", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#616568", + 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: "#98999B", + 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: "#98999B", + 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: "#616568", + 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: "#616568", + 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: "#98999B", + 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: "#2D3238", + 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: "#616568", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#1A1D21", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#22272B", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#E8E9EA", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#1A1D21", + 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" + }},}; \ 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..76f3a077 --- /dev/null +++ b/dist/documentation/themes/emerson.d.ts @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:02 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, + + },textBase:{ + name: string, + hex: string, + + },textHover:{ + name: string, + hex: string, + + },textActive:{ + name: string, + hex: string, + + },backgroundBase:{ + name: string, + hex: string, + + },backgroundMuted:{ + name: string, + hex: string, + + },backgroundMutedHover:{ + name: string, + hex: string, + + },backgroundMutedActive:{ + name: string, + hex: string, + + },backgroundBox:{ + name: string, + hex: string, + + },borderBase:{ + name: string, + hex: string, + + },borderHover:{ + name: string, + hex: string, + + },borderActive:{ + name: string, + hex: string, + + },borderFocused:{ + name: string, + hex: 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 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 + }}; \ 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..bb09f382 --- /dev/null +++ b/dist/documentation/themes/emerson.js @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:02 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#1A1D21", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#22272B", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#2D3238", + 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: "#101012", + + },textBase:{ + name: "system.textBase", + hex: "#22272B", + + },textHover:{ + name: "system.textHover", + hex: "#1A1D21", + + },textActive:{ + name: "system.textActive", + hex: "#101012", + + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#98999B", + + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#616568", + + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#515357", + + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#E8E9EA", + + },borderBase:{ + name: "system.borderBase", + hex: "#515357", + + },borderHover:{ + name: "system.borderHover", + hex: "#2D3238", + + },borderActive:{ + name: "system.borderActive", + hex: "#22272B", + + },borderFocused:{ + name: "system.borderFocused", + hex: "#0281d7", + + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#98999B", + 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: "#98999B", + 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: "#98999B", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#616568", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#101012", + description: "Used for elements that are absolutely positioned to overlay content on the page. Has a high contrast versus the current 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: "#1A1D21", + 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" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#0281d7", + 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: "#0281d7", + 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: "#0281d7", + 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: "#2D3238", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#98999B", + 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" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#616568", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#2D3238", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#98999B", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#616568", + 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: "#22272B", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#22272B", + 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: "#22272B", + 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: "#0281d7", + 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: "#2D3238", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#101012", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#616568", + 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: "#515357", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#2D3238", + 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: "#22272B", + 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: "#0281d7", + 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: "#616568", + 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: "#22272B", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#98999B", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#616568", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#101012", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#98999B", + 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" + }},}; \ 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..975aedee --- /dev/null +++ b/dist/documentation/themes/light.d.ts @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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, + + },textBase:{ + name: string, + hex: string, + + },textHover:{ + name: string, + hex: string, + + },textActive:{ + name: string, + hex: string, + + },backgroundBase:{ + name: string, + hex: string, + + },backgroundMuted:{ + name: string, + hex: string, + + },backgroundMutedHover:{ + name: string, + hex: string, + + },backgroundMutedActive:{ + name: string, + hex: string, + + },backgroundBox:{ + name: string, + hex: string, + + },borderBase:{ + name: string, + hex: string, + + },borderHover:{ + name: string, + hex: string, + + },borderActive:{ + name: string, + hex: string, + + },borderFocused:{ + name: string, + hex: 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 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 + }}; \ 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..553333e7 --- /dev/null +++ b/dist/documentation/themes/light.js @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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", + + },textBase:{ + name: "system.textBase", + hex: "#475A70", + + },textHover:{ + name: "system.textHover", + hex: "#36485C", + + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + + }}, +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. Has a high contrast versus the current 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" + }}, +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" + }},}; \ 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..b9a2ab73 --- /dev/null +++ b/dist/tokens/native/core-dark-colors.d.ts @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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}; \ No newline at end of file diff --git a/dist/tokens/native/core-dark-colors.js b/dist/tokens/native/core-dark-colors.js new file mode 100644 index 00000000..d1ea450c --- /dev/null +++ b/dist/tokens/native/core-dark-colors.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 GMT + */ + +module.exports = {green : {100 : "#0C291E",200 : "#13402F",300 : "#1A5740",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +blue : {100 : "#0C1B29",200 : "#142C45",300 : "#1F4366",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red : {100 : "#290F16",200 : "#451522",300 : "#611D30",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple : {100 : "#200F29",200 : "#33193F",300 : "#432652",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0F1FF"}, +orange : {100 : "#29170C",200 : "#4A2915",300 : "#663A1E",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#616568",700 : "#98999B",800 : "#E8E9EA"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; \ 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..3cf047bd --- /dev/null +++ b/dist/tokens/native/core-light-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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 yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ No newline at end of file diff --git a/dist/tokens/native/core-light-colors.js b/dist/tokens/native/core-light-colors.js new file mode 100644 index 00000000..075ed173 --- /dev/null +++ b/dist/tokens/native/core-light-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ 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..60b8ae34 --- /dev/null +++ b/dist/tokens/native/themes/dark.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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 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}; \ 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..16c64f4c --- /dev/null +++ b/dist/tokens/native/themes/dark.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 GMT + */ + +module.exports = {theme: "dark", +text : {emphasis : "#E8E9EA",body : "#98999B",subdued : "#616568",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#FFFFFF",textBase : "#98999B",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#1A1D21",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#616568",borderActive : "#98999B",borderFocused : "#6597CE"}, +surface : {level0 : "#101012",level1 : "#1A1D21",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#22272B",overlayBackdrop : "#1A1D21"}, +primary : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#256E53",backgroundActive : "#1A5740",backgroundMuted : "#13402F",backgroundMutedHover : "#1A5740",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#288563",borderHover : "#256E53",borderActive : "#1A5740"}, +info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#1F4366",backgroundMuted : "#142C45",backgroundMutedHover : "#1F4366",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#1F4366"}, +warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#8A4E29",backgroundActive : "#663A1E",backgroundMuted : "#4A2915",backgroundMutedHover : "#663A1E",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#AD6234",borderHover : "#8A4E29",borderActive : "#663A1E"}, +danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#8F2843",backgroundActive : "#611D30",backgroundMuted : "#451522",backgroundMutedHover : "#611D30",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#B23655",borderHover : "#8F2843",borderActive : "#611D30"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0F1FF",backgroundBase : "#693B80",backgroundHover : "#542F66",backgroundActive : "#432652",backgroundMuted : "#33193F",backgroundMutedHover : "#432652",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#693B80",borderHover : "#542F66",borderActive : "#432652"}, +disabled : {text : "#616568",background : "#1A1D21",nakedBackground : "transparent",border : "#515357",inputBackground : "#1B2228",inputLabelText : "#616568"}, +input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#98999B",textInformationError : "#B23655",textLabel : "#98999B",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#616568",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#616568",borderEmphasizedHover : "#98999B",borderActive : "#285685"}, +separator : {base : "#2D3238"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#616568",backgroundHover : "#1A1D21",backgroundActive : "#22272B",textBase : "#E8E9EA",linkMutedBase : "#1A1D21",linkMutedHover : "#FFFFFF"},}; \ 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..60b8ae34 --- /dev/null +++ b/dist/tokens/native/themes/emerson.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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 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}; \ 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..f92c0422 --- /dev/null +++ b/dist/tokens/native/themes/emerson.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 GMT + */ + +module.exports = {theme: "emerson", +text : {emphasis : "#1A1D21",body : "#22272B",subdued : "#2D3238",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#101012",textBase : "#22272B",textHover : "#1A1D21",textActive : "#101012",backgroundBase : "#FFFFFF",backgroundMuted : "#98999B",backgroundMutedHover : "#616568",backgroundMutedActive : "#515357",backgroundBox : "#E8E9EA",borderBase : "#515357",borderHover : "#2D3238",borderActive : "#22272B",borderFocused : "#0281d7"}, +surface : {level0 : "#98999B",level1 : "#FFFFFF",level2 : "#98999B",interactiveBackground : "#FFFFFF",interactiveHover : "#98999B",interactiveActive : "#616568",overlayDark : "#101012",overlayTheme : "#FFFFFF",overlayBackdrop : "#1A1D21"}, +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"}, +info : {textBase : "#0281d7",textHover : "#21588F",textActive : "#194673",backgroundBase : "#0281d7",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#0281d7",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 : "#2D3238",background : "#98999B",nakedBackground : "transparent",border : "#515357",inputBackground : "#616568",inputLabelText : "#2D3238"}, +input : {backgroundBase : "#98999B",backgroundHover : "#616568",backgroundInformation : "#FFFFFF",textBase : "#22272B",textInformation : "#22272B",textInformationError : "#AF2645",textLabel : "#22272B",textFloatingLabel : "#0281d7",textFloatingLabelError : "#AF2645",textPlaceholder : "#2D3238",textActive : "#101012",borderBase : "#616568",borderError : "#AF2645",borderHover : "#515357",borderEmphasized : "#2D3238",borderEmphasizedHover : "#22272B",borderActive : "#0281d7"}, +separator : {base : "#616568"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#22272B",backgroundHover : "#98999B",backgroundActive : "#616568",textBase : "#101012",linkMutedBase : "#98999B",linkMutedHover : "#FFFFFF"},}; \ 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..60b8ae34 --- /dev/null +++ b/dist/tokens/native/themes/light.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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 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}; \ 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..c66c8e63 --- /dev/null +++ b/dist/tokens/native/themes/light.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 GMT + */ + +module.exports = {theme: "light", +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"}, +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"},}; \ 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..ff6d1862 --- /dev/null +++ b/dist/tokens/native/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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 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 weightSemiBold : string; +export const weightBase : string; +export const weightLight : string; +export const weightStrong : string; +export const weightBold : string; +export const h1FontFamily : string; +export const h1FontWeight : string; +export const h1LineHeight : number; +export const h1FontSize : number; +export const h1LetterSpacing : number; +export const h1ParagraphSpacing : number; +export const h1TextDecoration : string; +export const h1TextCase : string; +export const h2FontFamily : string; +export const h2FontWeight : string; +export const h2LineHeight : number; +export const h2FontSize : number; +export const h2LetterSpacing : number; +export const h2ParagraphSpacing : number; +export const h2TextDecoration : string; +export const h2TextCase : string; +export const h3FontFamily : string; +export const h3FontWeight : string; +export const h3LineHeight : number; +export const h3FontSize : number; +export const h3LetterSpacing : number; +export const h3ParagraphSpacing : number; +export const h3TextDecoration : string; +export const h3TextCase : string; +export const h4FontFamily : string; +export const h4FontWeight : string; +export const h4LineHeight : number; +export const h4FontSize : number; +export const h4LetterSpacing : number; +export const h4ParagraphSpacing : number; +export const h4TextDecoration : string; +export const h4TextCase : string; +export const h5FontFamily : string; +export const h5FontWeight : string; +export const h5LineHeight : number; +export const h5FontSize : number; +export const h5LetterSpacing : number; +export const h5ParagraphSpacing : number; +export const h5TextDecoration : string; +export const h5TextCase : string; +export const bodyFontFamily : string; +export const bodyFontWeight : string; +export const bodyLineHeight : number; +export const bodyFontSize : number; +export const bodyLetterSpacing : number; +export const bodyParagraphSpacing : number; +export const bodyTextDecoration : string; +export const bodyTextCase : string; +export const footnoteFontFamily : string; +export const footnoteFontWeight : string; +export const footnoteLineHeight : number; +export const footnoteFontSize : number; +export const footnoteLetterSpacing : number; +export const footnoteParagraphSpacing : number; +export const footnoteTextDecoration : string; +export const footnoteTextCase : string; +export const captionFontFamily : string; +export const captionFontWeight : string; +export const captionLineHeight : number; +export const captionFontSize : number; +export const captionLetterSpacing : number; +export const captionParagraphSpacing : number; +export const captionTextDecoration : string; +export const captionTextCase : string; +export const mobileH1FontFamily : string; +export const mobileH1FontWeight : string; +export const mobileH1LineHeight : number; +export const mobileH1FontSize : number; +export const mobileH1LetterSpacing : number; +export const mobileH1ParagraphSpacing : number; +export const mobileH1TextDecoration : string; +export const mobileH1TextCase : string; +export const mobileH2FontFamily : string; +export const mobileH2FontWeight : string; +export const mobileH2LineHeight : number; +export const mobileH2FontSize : number; +export const mobileH2LetterSpacing : number; +export const mobileH2ParagraphSpacing : number; +export const mobileH2TextDecoration : string; +export const mobileH2TextCase : string; +export const mobileH3FontFamily : string; +export const mobileH3FontWeight : string; +export const mobileH3LineHeight : number; +export const mobileH3FontSize : number; +export const mobileH3LetterSpacing : number; +export const mobileH3ParagraphSpacing : number; +export const mobileH3TextDecoration : string; +export const mobileH3TextCase : 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..8a4f7782 --- /dev/null +++ b/dist/tokens/native/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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, + "sizeMobile3xlarge": 32, + "sizeMobile2xlarge": 28, + "sizeMobileXlarge": 22, + "lineHeightXlarge": 40, + "lineHeightLarge": 32, + "lineHeightNormal": 24, + "lineHeightSmall": 16, + "fontFamilySansSerif": "Mulish", + "weightSemiBold": "700", + "weightBase": "500", + "weightLight": "400", + "weightStrong": "600", + "weightBold": "900", + "h1FontFamily": "Mulish", + "h1FontWeight": "700", + "h1LineHeight": 40, + "h1FontSize": 40, + "h1LetterSpacing": 0, + "h1ParagraphSpacing": 0, + "h1TextDecoration": "none", + "h1TextCase": "none", + "h2FontFamily": "Mulish", + "h2FontWeight": "700", + "h2LineHeight": 40, + "h2FontSize": 32, + "h2LetterSpacing": 0, + "h2ParagraphSpacing": 0, + "h2TextDecoration": "none", + "h2TextCase": "none", + "h3FontFamily": "Mulish", + "h3FontWeight": "700", + "h3LineHeight": 32, + "h3FontSize": 24, + "h3LetterSpacing": 0, + "h3ParagraphSpacing": 0, + "h3TextDecoration": "none", + "h3TextCase": "none", + "h4FontFamily": "Mulish", + "h4FontWeight": "700", + "h4LineHeight": 24, + "h4FontSize": 20, + "h4LetterSpacing": 0, + "h4ParagraphSpacing": 0, + "h4TextDecoration": "none", + "h4TextCase": "none", + "h5FontFamily": "Mulish", + "h5FontWeight": "700", + "h5LineHeight": 24, + "h5FontSize": 16, + "h5LetterSpacing": 0, + "h5ParagraphSpacing": 0, + "h5TextDecoration": "none", + "h5TextCase": "none", + "bodyFontFamily": "Mulish", + "bodyFontWeight": "500", + "bodyLineHeight": 24, + "bodyFontSize": 16, + "bodyLetterSpacing": 0, + "bodyParagraphSpacing": 0, + "bodyTextDecoration": "none", + "bodyTextCase": "none", + "footnoteFontFamily": "Mulish", + "footnoteFontWeight": "500", + "footnoteLineHeight": 16, + "footnoteFontSize": 14, + "footnoteLetterSpacing": 0, + "footnoteParagraphSpacing": 0, + "footnoteTextDecoration": "none", + "footnoteTextCase": "none", + "captionFontFamily": "Mulish", + "captionFontWeight": "500", + "captionLineHeight": 16, + "captionFontSize": 12, + "captionLetterSpacing": 0, + "captionParagraphSpacing": 0, + "captionTextDecoration": "none", + "captionTextCase": "none", + "mobileH1FontFamily": "Mulish", + "mobileH1FontWeight": "700", + "mobileH1LineHeight": 40, + "mobileH1FontSize": 32, + "mobileH1LetterSpacing": 0, + "mobileH1ParagraphSpacing": 0, + "mobileH1TextDecoration": "none", + "mobileH1TextCase": "none", + "mobileH2FontFamily": "Mulish", + "mobileH2FontWeight": "700", + "mobileH2LineHeight": 32, + "mobileH2FontSize": 28, + "mobileH2LetterSpacing": 0, + "mobileH2ParagraphSpacing": 0, + "mobileH2TextDecoration": "none", + "mobileH2TextCase": "none", + "mobileH3FontFamily": "Mulish", + "mobileH3FontWeight": "700", + "mobileH3LineHeight": 32, + "mobileH3FontSize": 22, + "mobileH3LetterSpacing": 0, + "mobileH3ParagraphSpacing": 0, + "mobileH3TextDecoration": "none", + "mobileH3TextCase": "none" +}; \ 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..ed0d8708 --- /dev/null +++ b/dist/tokens/scss/core-dark-colors.scss @@ -0,0 +1,55 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:33:01 GMT + +$green100: #0C291E; +$green200: #13402F; +$green300: #1A5740; +$green400: #256E53; +$green500: #288563; +$green600: #42AD86; +$green700: #86D6B9; +$green800: #DBFFF1; +$blue100: #0C1B29; +$blue200: #142C45; +$blue300: #1F4366; +$blue400: #285685; +$blue500: #4577AD; +$blue600: #6597CE; +$blue700: #96BDE7; +$blue800: #D1E8FF; +$red100: #290F16; +$red200: #451522; +$red300: #611D30; +$red400: #8F2843; +$red500: #B23655; +$red600: #C74C6B; +$red700: #EA8AA3; +$red800: #FFD1DD; +$purple100: #200F29; +$purple200: #33193F; +$purple300: #432652; +$purple400: #542F66; +$purple500: #693B80; +$purple600: #865C99; +$purple700: #B990CC; +$purple800: #F0F1FF; +$orange100: #29170C; +$orange200: #4A2915; +$orange300: #663A1E; +$orange400: #8A4E29; +$orange500: #AD6234; +$orange600: #CF7945; +$orange700: #E7AA84; +$orange800: #FFE3D1; +$grey100: #101012; +$grey200: #1A1D21; +$grey300: #22272B; +$grey400: #2D3238; +$grey500: #515357; +$grey600: #616568; +$grey700: #98999B; +$grey800: #E8E9EA; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; \ 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..f7d4a0f0 --- /dev/null +++ b/dist/tokens/scss/core-light-colors.scss @@ -0,0 +1,63 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:33:01 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; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$yellow100: #faf8f2; +$yellow200: #fcf3dd; +$yellow300: #fce7b1; +$yellow400: #fcd97e; +$yellow500: #fccb4c; +$yellow600: #ffc121; +$yellow700: #f7b200; +$yellow800: #e5a500; \ 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..7fcd60f3 --- /dev/null +++ b/dist/tokens/scss/themes/dark.scss @@ -0,0 +1,126 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:33:01 GMT + +$textEmphasis: #E8E9EA; +$textBody: #98999B; +$textSubdued: #616568; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #FFFFFF; +$systemTextBase: #98999B; +$systemTextHover: #E8E9EA; +$systemTextActive: #FFFFFF; +$systemBackgroundBase: #1A1D21; +$systemBackgroundMuted: #22272B; +$systemBackgroundMutedHover: #2D3238; +$systemBackgroundMutedActive: #515357; +$systemBackgroundBox: #1A1D21; +$systemBorderBase: #515357; +$systemBorderHover: #616568; +$systemBorderActive: #98999B; +$systemBorderFocused: #6597CE; +$surfaceLevel0: #101012; +$surfaceLevel1: #1A1D21; +$surfaceLevel2: #22272B; +$surfaceInteractiveBackground: #1A1D21; +$surfaceInteractiveHover: #22272B; +$surfaceInteractiveActive: #2D3238; +$surfaceOverlayDark: #22272B; +$surfaceOverlayTheme: #22272B; +$surfaceOverlayBackdrop: #1A1D21; +$primaryTextBase: #42AD86; +$primaryTextHover: #86D6B9; +$primaryTextActive: #DBFFF1; +$primaryBackgroundBase: #288563; +$primaryBackgroundHover: #256E53; +$primaryBackgroundActive: #1A5740; +$primaryBackgroundMuted: #13402F; +$primaryBackgroundMutedHover: #1A5740; +$primaryBackgroundMutedActive: #256E53; +$primaryBackgroundBox: #0C291E; +$primaryBorderBase: #288563; +$primaryBorderHover: #256E53; +$primaryBorderActive: #1A5740; +$infoTextBase: #6597CE; +$infoTextHover: #96BDE7; +$infoTextActive: #D1E8FF; +$infoBackgroundBase: #4577AD; +$infoBackgroundHover: #285685; +$infoBackgroundActive: #1F4366; +$infoBackgroundMuted: #142C45; +$infoBackgroundMutedHover: #1F4366; +$infoBackgroundMutedActive: #285685; +$infoBackgroundBox: #0C1B29; +$infoBorderBase: #4577AD; +$infoBorderHover: #285685; +$infoBorderActive: #1F4366; +$warningTextBase: #CF7945; +$warningTextHover: #E7AA84; +$warningTextActive: #FFE3D1; +$warningBackgroundBase: #AD6234; +$warningBackgroundHover: #8A4E29; +$warningBackgroundActive: #663A1E; +$warningBackgroundMuted: #4A2915; +$warningBackgroundMutedHover: #663A1E; +$warningBackgroundMutedActive: #8A4E29; +$warningBackgroundBox: #29170C; +$warningBorderBase: #AD6234; +$warningBorderHover: #8A4E29; +$warningBorderActive: #663A1E; +$dangerTextBase: #C74C6B; +$dangerTextHover: #EA8AA3; +$dangerTextActive: #FFD1DD; +$dangerBackgroundBase: #B23655; +$dangerBackgroundHover: #8F2843; +$dangerBackgroundActive: #611D30; +$dangerBackgroundMuted: #451522; +$dangerBackgroundMutedHover: #611D30; +$dangerBackgroundMutedActive: #8F2843; +$dangerBackgroundBox: #290F16; +$dangerBorderBase: #B23655; +$dangerBorderHover: #8F2843; +$dangerBorderActive: #611D30; +$highlightTextBase: #865C99; +$highlightTextHover: #B990CC; +$highlightTextActive: #F0F1FF; +$highlightBackgroundBase: #693B80; +$highlightBackgroundHover: #542F66; +$highlightBackgroundActive: #432652; +$highlightBackgroundMuted: #33193F; +$highlightBackgroundMutedHover: #432652; +$highlightBackgroundMutedActive: #542F66; +$highlightBackgroundBox: #200F29; +$highlightBorderBase: #693B80; +$highlightBorderHover: #542F66; +$highlightBorderActive: #432652; +$disabledText: #616568; +$disabledBackground: #1A1D21; +$disabledNakedBackground: transparent; +$disabledBorder: #515357; +$disabledInputBackground: #1B2228; +$disabledInputLabelText: #616568; +$inputBackgroundBase: #1B2228; +$inputBackgroundHover: #2D3238; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #FFFFFF; +$inputTextInformation: #98999B; +$inputTextInformationError: #B23655; +$inputTextLabel: #98999B; +$inputTextFloatingLabel: #4577AD; +$inputTextFloatingLabelError: #B23655; +$inputTextPlaceholder: #616568; +$inputTextActive: #FFFFFF; +$inputBorderBase: #2D3238; +$inputBorderError: #8F2843; +$inputBorderHover: #515357; +$inputBorderEmphasized: #616568; +$inputBorderEmphasizedHover: #98999B; +$inputBorderActive: #285685; +$separatorBase: #2D3238; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #616568; +$lightBackgroundHover: #1A1D21; +$lightBackgroundActive: #22272B; +$lightTextBase: #E8E9EA; +$lightLinkMutedBase: #1A1D21; +$lightLinkMutedHover: #FFFFFF; \ 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..263b648a --- /dev/null +++ b/dist/tokens/scss/themes/emerson.scss @@ -0,0 +1,126 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:33:01 GMT + +$textEmphasis: #1A1D21; +$textBody: #22272B; +$textSubdued: #2D3238; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #101012; +$systemTextBase: #22272B; +$systemTextHover: #1A1D21; +$systemTextActive: #101012; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #98999B; +$systemBackgroundMutedHover: #616568; +$systemBackgroundMutedActive: #515357; +$systemBackgroundBox: #E8E9EA; +$systemBorderBase: #515357; +$systemBorderHover: #2D3238; +$systemBorderActive: #22272B; +$systemBorderFocused: #0281d7; +$surfaceLevel0: #98999B; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #98999B; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #98999B; +$surfaceInteractiveActive: #616568; +$surfaceOverlayDark: #101012; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #1A1D21; +$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; +$infoTextBase: #0281d7; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #0281d7; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #0281d7; +$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: #2D3238; +$disabledBackground: #98999B; +$disabledNakedBackground: transparent; +$disabledBorder: #515357; +$disabledInputBackground: #616568; +$disabledInputLabelText: #2D3238; +$inputBackgroundBase: #98999B; +$inputBackgroundHover: #616568; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #22272B; +$inputTextInformation: #22272B; +$inputTextInformationError: #AF2645; +$inputTextLabel: #22272B; +$inputTextFloatingLabel: #0281d7; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #2D3238; +$inputTextActive: #101012; +$inputBorderBase: #616568; +$inputBorderError: #AF2645; +$inputBorderHover: #515357; +$inputBorderEmphasized: #2D3238; +$inputBorderEmphasizedHover: #22272B; +$inputBorderActive: #0281d7; +$separatorBase: #616568; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #22272B; +$lightBackgroundHover: #98999B; +$lightBackgroundActive: #616568; +$lightTextBase: #101012; +$lightLinkMutedBase: #98999B; +$lightLinkMutedHover: #FFFFFF; \ 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..3c7f8d36 --- /dev/null +++ b/dist/tokens/scss/themes/light.scss @@ -0,0 +1,126 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:33:01 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; +$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; \ 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..0530a236 --- /dev/null +++ b/dist/tokens/scss/typography.scss @@ -0,0 +1,116 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:33:01 GMT + +$letterSpacingBase: 0; +$paragraphSpacingBase: 0; +$textDecorationBase: none; +$textCaseBase: none; +$size3xlarge: 40px; +$size2xlarge: 32px; +$sizeXlarge: 24px; +$sizeLarge: 20px; +$sizeNormal: 16px; +$sizeSmall: 14px; +$sizeXsmall: 12px; +$sizeMobile3xlarge: 32px; +$sizeMobile2xlarge: 28px; +$sizeMobileXlarge: 22px; +$lineHeightXlarge: 40px; +$lineHeightLarge: 32px; +$lineHeightNormal: 24px; +$lineHeightSmall: 16px; +$fontFamilySansSerif: Mulish; +$weightSemiBold: 700; +$weightBase: 500; +$weightLight: 400; +$weightStrong: 600; +$weightBold: 900; +$h1FontFamily: Mulish; +$h1FontWeight: 700; +$h1LineHeight: 40px; +$h1FontSize: 40px; +$h1LetterSpacing: 0; +$h1ParagraphSpacing: 0; +$h1TextDecoration: none; +$h1TextCase: none; +$h2FontFamily: Mulish; +$h2FontWeight: 700; +$h2LineHeight: 40px; +$h2FontSize: 32px; +$h2LetterSpacing: 0; +$h2ParagraphSpacing: 0; +$h2TextDecoration: none; +$h2TextCase: none; +$h3FontFamily: Mulish; +$h3FontWeight: 700; +$h3LineHeight: 32px; +$h3FontSize: 24px; +$h3LetterSpacing: 0; +$h3ParagraphSpacing: 0; +$h3TextDecoration: none; +$h3TextCase: none; +$h4FontFamily: Mulish; +$h4FontWeight: 700; +$h4LineHeight: 24px; +$h4FontSize: 20px; +$h4LetterSpacing: 0; +$h4ParagraphSpacing: 0; +$h4TextDecoration: none; +$h4TextCase: none; +$h5FontFamily: Mulish; +$h5FontWeight: 700; +$h5LineHeight: 24px; +$h5FontSize: 16px; +$h5LetterSpacing: 0; +$h5ParagraphSpacing: 0; +$h5TextDecoration: none; +$h5TextCase: none; +$bodyFontFamily: Mulish; +$bodyFontWeight: 500; +$bodyLineHeight: 24px; +$bodyFontSize: 16px; +$bodyLetterSpacing: 0; +$bodyParagraphSpacing: 0; +$bodyTextDecoration: none; +$bodyTextCase: none; +$footnoteFontFamily: Mulish; +$footnoteFontWeight: 500; +$footnoteLineHeight: 16px; +$footnoteFontSize: 14px; +$footnoteLetterSpacing: 0; +$footnoteParagraphSpacing: 0; +$footnoteTextDecoration: none; +$footnoteTextCase: none; +$captionFontFamily: Mulish; +$captionFontWeight: 500; +$captionLineHeight: 16px; +$captionFontSize: 12px; +$captionLetterSpacing: 0; +$captionParagraphSpacing: 0; +$captionTextDecoration: none; +$captionTextCase: none; +$mobileH1FontFamily: Mulish; +$mobileH1FontWeight: 700; +$mobileH1LineHeight: 40px; +$mobileH1FontSize: 32px; +$mobileH1LetterSpacing: 0; +$mobileH1ParagraphSpacing: 0; +$mobileH1TextDecoration: none; +$mobileH1TextCase: none; +$mobileH2FontFamily: Mulish; +$mobileH2FontWeight: 700; +$mobileH2LineHeight: 32px; +$mobileH2FontSize: 28px; +$mobileH2LetterSpacing: 0; +$mobileH2ParagraphSpacing: 0; +$mobileH2TextDecoration: none; +$mobileH2TextCase: none; +$mobileH3FontFamily: Mulish; +$mobileH3FontWeight: 700; +$mobileH3LineHeight: 32px; +$mobileH3FontSize: 22px; +$mobileH3LetterSpacing: 0; +$mobileH3ParagraphSpacing: 0; +$mobileH3TextDecoration: none; +$mobileH3TextCase: none; \ 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..b9a2ab73 --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.d.ts @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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}; \ No newline at end of file diff --git a/dist/tokens/ts/core-dark-colors.js b/dist/tokens/ts/core-dark-colors.js new file mode 100644 index 00000000..d1ea450c --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 GMT + */ + +module.exports = {green : {100 : "#0C291E",200 : "#13402F",300 : "#1A5740",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +blue : {100 : "#0C1B29",200 : "#142C45",300 : "#1F4366",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red : {100 : "#290F16",200 : "#451522",300 : "#611D30",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple : {100 : "#200F29",200 : "#33193F",300 : "#432652",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0F1FF"}, +orange : {100 : "#29170C",200 : "#4A2915",300 : "#663A1E",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#616568",700 : "#98999B",800 : "#E8E9EA"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; \ 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..3cf047bd --- /dev/null +++ b/dist/tokens/ts/core-light-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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 yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ No newline at end of file diff --git a/dist/tokens/ts/core-light-colors.js b/dist/tokens/ts/core-light-colors.js new file mode 100644 index 00000000..075ed173 --- /dev/null +++ b/dist/tokens/ts/core-light-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ 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..60b8ae34 --- /dev/null +++ b/dist/tokens/ts/themes/dark.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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 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}; \ 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..16c64f4c --- /dev/null +++ b/dist/tokens/ts/themes/dark.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 GMT + */ + +module.exports = {theme: "dark", +text : {emphasis : "#E8E9EA",body : "#98999B",subdued : "#616568",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#FFFFFF",textBase : "#98999B",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#1A1D21",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#616568",borderActive : "#98999B",borderFocused : "#6597CE"}, +surface : {level0 : "#101012",level1 : "#1A1D21",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#22272B",overlayBackdrop : "#1A1D21"}, +primary : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#256E53",backgroundActive : "#1A5740",backgroundMuted : "#13402F",backgroundMutedHover : "#1A5740",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#288563",borderHover : "#256E53",borderActive : "#1A5740"}, +info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#1F4366",backgroundMuted : "#142C45",backgroundMutedHover : "#1F4366",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#1F4366"}, +warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#8A4E29",backgroundActive : "#663A1E",backgroundMuted : "#4A2915",backgroundMutedHover : "#663A1E",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#AD6234",borderHover : "#8A4E29",borderActive : "#663A1E"}, +danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#8F2843",backgroundActive : "#611D30",backgroundMuted : "#451522",backgroundMutedHover : "#611D30",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#B23655",borderHover : "#8F2843",borderActive : "#611D30"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0F1FF",backgroundBase : "#693B80",backgroundHover : "#542F66",backgroundActive : "#432652",backgroundMuted : "#33193F",backgroundMutedHover : "#432652",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#693B80",borderHover : "#542F66",borderActive : "#432652"}, +disabled : {text : "#616568",background : "#1A1D21",nakedBackground : "transparent",border : "#515357",inputBackground : "#1B2228",inputLabelText : "#616568"}, +input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#98999B",textInformationError : "#B23655",textLabel : "#98999B",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#616568",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#616568",borderEmphasizedHover : "#98999B",borderActive : "#285685"}, +separator : {base : "#2D3238"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#616568",backgroundHover : "#1A1D21",backgroundActive : "#22272B",textBase : "#E8E9EA",linkMutedBase : "#1A1D21",linkMutedHover : "#FFFFFF"},}; \ 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..60b8ae34 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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 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}; \ 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..f92c0422 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 GMT + */ + +module.exports = {theme: "emerson", +text : {emphasis : "#1A1D21",body : "#22272B",subdued : "#2D3238",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#101012",textBase : "#22272B",textHover : "#1A1D21",textActive : "#101012",backgroundBase : "#FFFFFF",backgroundMuted : "#98999B",backgroundMutedHover : "#616568",backgroundMutedActive : "#515357",backgroundBox : "#E8E9EA",borderBase : "#515357",borderHover : "#2D3238",borderActive : "#22272B",borderFocused : "#0281d7"}, +surface : {level0 : "#98999B",level1 : "#FFFFFF",level2 : "#98999B",interactiveBackground : "#FFFFFF",interactiveHover : "#98999B",interactiveActive : "#616568",overlayDark : "#101012",overlayTheme : "#FFFFFF",overlayBackdrop : "#1A1D21"}, +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"}, +info : {textBase : "#0281d7",textHover : "#21588F",textActive : "#194673",backgroundBase : "#0281d7",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#0281d7",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 : "#2D3238",background : "#98999B",nakedBackground : "transparent",border : "#515357",inputBackground : "#616568",inputLabelText : "#2D3238"}, +input : {backgroundBase : "#98999B",backgroundHover : "#616568",backgroundInformation : "#FFFFFF",textBase : "#22272B",textInformation : "#22272B",textInformationError : "#AF2645",textLabel : "#22272B",textFloatingLabel : "#0281d7",textFloatingLabelError : "#AF2645",textPlaceholder : "#2D3238",textActive : "#101012",borderBase : "#616568",borderError : "#AF2645",borderHover : "#515357",borderEmphasized : "#2D3238",borderEmphasizedHover : "#22272B",borderActive : "#0281d7"}, +separator : {base : "#616568"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#22272B",backgroundHover : "#98999B",backgroundActive : "#616568",textBase : "#101012",linkMutedBase : "#98999B",linkMutedHover : "#FFFFFF"},}; \ 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..60b8ae34 --- /dev/null +++ b/dist/tokens/ts/themes/light.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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 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}; \ 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..c66c8e63 --- /dev/null +++ b/dist/tokens/ts/themes/light.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 GMT + */ + +module.exports = {theme: "light", +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"}, +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"},}; \ 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..ba45d8d3 --- /dev/null +++ b/dist/tokens/ts/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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 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 weightSemiBold : number; +export const weightBase : number; +export const weightLight : number; +export const weightStrong : number; +export const weightBold : number; +export const h1FontFamily : string; +export const h1FontWeight : number; +export const h1LineHeight : string; +export const h1FontSize : string; +export const h1LetterSpacing : number; +export const h1ParagraphSpacing : number; +export const h1TextDecoration : string; +export const h1TextCase : string; +export const h2FontFamily : string; +export const h2FontWeight : number; +export const h2LineHeight : string; +export const h2FontSize : string; +export const h2LetterSpacing : number; +export const h2ParagraphSpacing : number; +export const h2TextDecoration : string; +export const h2TextCase : string; +export const h3FontFamily : string; +export const h3FontWeight : number; +export const h3LineHeight : string; +export const h3FontSize : string; +export const h3LetterSpacing : number; +export const h3ParagraphSpacing : number; +export const h3TextDecoration : string; +export const h3TextCase : string; +export const h4FontFamily : string; +export const h4FontWeight : number; +export const h4LineHeight : string; +export const h4FontSize : string; +export const h4LetterSpacing : number; +export const h4ParagraphSpacing : number; +export const h4TextDecoration : string; +export const h4TextCase : string; +export const h5FontFamily : string; +export const h5FontWeight : number; +export const h5LineHeight : string; +export const h5FontSize : string; +export const h5LetterSpacing : number; +export const h5ParagraphSpacing : number; +export const h5TextDecoration : string; +export const h5TextCase : string; +export const bodyFontFamily : string; +export const bodyFontWeight : number; +export const bodyLineHeight : string; +export const bodyFontSize : string; +export const bodyLetterSpacing : number; +export const bodyParagraphSpacing : number; +export const bodyTextDecoration : string; +export const bodyTextCase : string; +export const footnoteFontFamily : string; +export const footnoteFontWeight : number; +export const footnoteLineHeight : string; +export const footnoteFontSize : string; +export const footnoteLetterSpacing : number; +export const footnoteParagraphSpacing : number; +export const footnoteTextDecoration : string; +export const footnoteTextCase : string; +export const captionFontFamily : string; +export const captionFontWeight : number; +export const captionLineHeight : string; +export const captionFontSize : string; +export const captionLetterSpacing : number; +export const captionParagraphSpacing : number; +export const captionTextDecoration : string; +export const captionTextCase : string; +export const mobileH1FontFamily : string; +export const mobileH1FontWeight : number; +export const mobileH1LineHeight : string; +export const mobileH1FontSize : string; +export const mobileH1LetterSpacing : number; +export const mobileH1ParagraphSpacing : number; +export const mobileH1TextDecoration : string; +export const mobileH1TextCase : string; +export const mobileH2FontFamily : string; +export const mobileH2FontWeight : number; +export const mobileH2LineHeight : string; +export const mobileH2FontSize : string; +export const mobileH2LetterSpacing : number; +export const mobileH2ParagraphSpacing : number; +export const mobileH2TextDecoration : string; +export const mobileH2TextCase : string; +export const mobileH3FontFamily : string; +export const mobileH3FontWeight : number; +export const mobileH3LineHeight : string; +export const mobileH3FontSize : string; +export const mobileH3LetterSpacing : number; +export const mobileH3ParagraphSpacing : number; +export const mobileH3TextDecoration : string; +export const mobileH3TextCase : string; \ 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..6399bbf7 --- /dev/null +++ b/dist/tokens/ts/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:33:01 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", + "sizeMobile3xlarge": "32px", + "sizeMobile2xlarge": "28px", + "sizeMobileXlarge": "22px", + "lineHeightXlarge": "40px", + "lineHeightLarge": "32px", + "lineHeightNormal": "24px", + "lineHeightSmall": "16px", + "fontFamilySansSerif": "Mulish", + "weightSemiBold": 700, + "weightBase": 500, + "weightLight": 400, + "weightStrong": 600, + "weightBold": 900, + "h1FontFamily": "Mulish", + "h1FontWeight": 700, + "h1LineHeight": "40px", + "h1FontSize": "40px", + "h1LetterSpacing": 0, + "h1ParagraphSpacing": 0, + "h1TextDecoration": "none", + "h1TextCase": "none", + "h2FontFamily": "Mulish", + "h2FontWeight": 700, + "h2LineHeight": "40px", + "h2FontSize": "32px", + "h2LetterSpacing": 0, + "h2ParagraphSpacing": 0, + "h2TextDecoration": "none", + "h2TextCase": "none", + "h3FontFamily": "Mulish", + "h3FontWeight": 700, + "h3LineHeight": "32px", + "h3FontSize": "24px", + "h3LetterSpacing": 0, + "h3ParagraphSpacing": 0, + "h3TextDecoration": "none", + "h3TextCase": "none", + "h4FontFamily": "Mulish", + "h4FontWeight": 700, + "h4LineHeight": "24px", + "h4FontSize": "20px", + "h4LetterSpacing": 0, + "h4ParagraphSpacing": 0, + "h4TextDecoration": "none", + "h4TextCase": "none", + "h5FontFamily": "Mulish", + "h5FontWeight": 700, + "h5LineHeight": "24px", + "h5FontSize": "16px", + "h5LetterSpacing": 0, + "h5ParagraphSpacing": 0, + "h5TextDecoration": "none", + "h5TextCase": "none", + "bodyFontFamily": "Mulish", + "bodyFontWeight": 500, + "bodyLineHeight": "24px", + "bodyFontSize": "16px", + "bodyLetterSpacing": 0, + "bodyParagraphSpacing": 0, + "bodyTextDecoration": "none", + "bodyTextCase": "none", + "footnoteFontFamily": "Mulish", + "footnoteFontWeight": 500, + "footnoteLineHeight": "16px", + "footnoteFontSize": "14px", + "footnoteLetterSpacing": 0, + "footnoteParagraphSpacing": 0, + "footnoteTextDecoration": "none", + "footnoteTextCase": "none", + "captionFontFamily": "Mulish", + "captionFontWeight": 500, + "captionLineHeight": "16px", + "captionFontSize": "12px", + "captionLetterSpacing": 0, + "captionParagraphSpacing": 0, + "captionTextDecoration": "none", + "captionTextCase": "none", + "mobileH1FontFamily": "Mulish", + "mobileH1FontWeight": 700, + "mobileH1LineHeight": "40px", + "mobileH1FontSize": "32px", + "mobileH1LetterSpacing": 0, + "mobileH1ParagraphSpacing": 0, + "mobileH1TextDecoration": "none", + "mobileH1TextCase": "none", + "mobileH2FontFamily": "Mulish", + "mobileH2FontWeight": 700, + "mobileH2LineHeight": "32px", + "mobileH2FontSize": "28px", + "mobileH2LetterSpacing": 0, + "mobileH2ParagraphSpacing": 0, + "mobileH2TextDecoration": "none", + "mobileH2TextCase": "none", + "mobileH3FontFamily": "Mulish", + "mobileH3FontWeight": 700, + "mobileH3LineHeight": "32px", + "mobileH3FontSize": "22px", + "mobileH3LetterSpacing": 0, + "mobileH3ParagraphSpacing": 0, + "mobileH3TextDecoration": "none", + "mobileH3TextCase": "none" +}; \ No newline at end of file From a810ae21ed2e37f201945344393e44c02e942db6 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 2 May 2023 17:33:33 +0000 Subject: [PATCH 04/10] Files compiled! --- dist/helpers/colorProfileMapper.d.ts | 94 ++++++++++++++++++++++++ dist/helpers/colorProfileMapper.d.ts.map | 1 + dist/helpers/colorProfileMapper.js | 20 +++++ dist/helpers/index.d.ts | 2 + dist/helpers/index.d.ts.map | 1 + dist/helpers/index.js | 24 ++++++ dist/index.d.ts | 8 ++ dist/index.d.ts.map | 1 + dist/index.js | 89 ++++++++++++++++++++++ dist/types/index.d.ts | 3 + dist/types/index.d.ts.map | 1 + dist/types/index.js | 37 ++++++++++ dist/types/interfaces.d.ts | 28 +++++++ dist/types/interfaces.d.ts.map | 1 + dist/types/interfaces.js | 42 +++++++++++ dist/types/profiles.d.ts | 6 ++ dist/types/profiles.d.ts.map | 1 + dist/types/profiles.js | 5 ++ dist/types/themes.d.ts | 7 ++ dist/types/themes.d.ts.map | 1 + dist/types/themes.js | 42 +++++++++++ 21 files changed, 414 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/index.d.ts create mode 100644 dist/types/index.d.ts.map create mode 100644 dist/types/index.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..f1f8e962 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts @@ -0,0 +1,94 @@ +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; + }; +}; +//# 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..82925827 --- /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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS3D,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..77f12372 --- /dev/null +++ b/dist/helpers/colorProfileMapper.js @@ -0,0 +1,20 @@ +"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 + }; +}; + +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..90fee409 --- /dev/null +++ b/dist/index.d.ts @@ -0,0 +1,8 @@ +export * from "./helpers"; +export * from "./types"; +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..54ac0542 --- /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,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..224c96c5 --- /dev/null +++ b/dist/index.js @@ -0,0 +1,89 @@ +"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 = { + typography: true, + lightThemeDocumentation: true, + darkThemeDocumentation: true, + coreDarkDocumentation: true, + coreLightDocumentation: true +}; +exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = 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 _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/index.d.ts b/dist/types/index.d.ts new file mode 100644 index 00000000..bf33064e --- /dev/null +++ b/dist/types/index.d.ts @@ -0,0 +1,3 @@ +export * from "./interfaces"; +export * from "./profiles"; +//# 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..1ca1b828 --- /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,cAAc,CAAC;AAC7B,cAAc,YAAY,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..9ce320c1 --- /dev/null +++ b/dist/types/index.js @@ -0,0 +1,37 @@ +"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 _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]; + } + }); +}); \ 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..0cea5539 --- /dev/null +++ b/dist/types/interfaces.d.ts @@ -0,0 +1,28 @@ +declare const AVIARY_COLORS: { + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; +}; +declare const EXTENDED_AVIARY_COLORS: { + light: string; + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: 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..87d81861 --- /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;;;;;;;CAOlB,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..42449ef5 --- /dev/null +++ b/dist/types/interfaces.js @@ -0,0 +1,42 @@ +"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" +}; +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..fdaa73de --- /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 }; +//# 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..c292ac7a --- /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,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..5197a1c3 --- /dev/null +++ b/dist/types/themes.d.ts @@ -0,0 +1,7 @@ +import * as light from "../../dist/tokens/ts/themes/light"; +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 }; +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..8bbb62a7 --- /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,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,CAAC;AAChC,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..1b8926c1 --- /dev/null +++ b/dist/types/themes.js @@ -0,0 +1,42 @@ +"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.light = exports.emerson = exports.dark = void 0; + +var light = _interopRequireWildcard(require("../../dist/tokens/ts/themes/light")); + +exports.light = light; + +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 From f957b035c1b1b578f67f35b4b829c39928338245 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 2 May 2023 17:44:50 +0000 Subject: [PATCH 05/10] Transformed tokens --- dist/documentation/core-dark-colors.d.ts | 216 --------- dist/documentation/core-dark-colors.js | 216 --------- dist/documentation/core-light-colors.d.ts | 249 ----------- dist/documentation/core-light-colors.js | 249 ----------- dist/documentation/themes/dark.d.ts | 505 ---------------------- dist/documentation/themes/dark.js | 505 ---------------------- dist/documentation/themes/emerson.d.ts | 505 ---------------------- dist/documentation/themes/emerson.js | 505 ---------------------- dist/documentation/themes/light.d.ts | 505 ---------------------- dist/documentation/themes/light.js | 505 ---------------------- dist/helpers/colorProfileMapper.d.ts | 94 ---- dist/helpers/colorProfileMapper.d.ts.map | 1 - dist/helpers/colorProfileMapper.js | 20 - dist/helpers/index.d.ts | 2 - dist/helpers/index.d.ts.map | 1 - dist/helpers/index.js | 24 - dist/index.d.ts | 8 - dist/index.d.ts.map | 1 - dist/index.js | 89 ---- dist/tokens/native/core-dark-colors.d.ts | 12 - dist/tokens/native/core-dark-colors.js | 12 - dist/tokens/native/core-light-colors.d.ts | 13 - dist/tokens/native/core-light-colors.js | 13 - dist/tokens/native/themes/dark.d.ts | 18 - dist/tokens/native/themes/dark.js | 18 - dist/tokens/native/themes/emerson.d.ts | 18 - dist/tokens/native/themes/emerson.js | 18 - dist/tokens/native/themes/light.d.ts | 18 - dist/tokens/native/themes/light.js | 18 - dist/tokens/native/typography.d.ts | 117 ----- dist/tokens/native/typography.js | 119 ----- dist/tokens/scss/core-dark-colors.scss | 55 --- dist/tokens/scss/core-light-colors.scss | 63 --- dist/tokens/scss/themes/dark.scss | 126 ------ dist/tokens/scss/themes/emerson.scss | 126 ------ dist/tokens/scss/themes/light.scss | 126 ------ dist/tokens/scss/typography.scss | 116 ----- dist/tokens/ts/core-dark-colors.d.ts | 12 - dist/tokens/ts/core-dark-colors.js | 12 - dist/tokens/ts/core-light-colors.d.ts | 13 - dist/tokens/ts/core-light-colors.js | 13 - dist/tokens/ts/themes/dark.d.ts | 18 - dist/tokens/ts/themes/dark.js | 18 - dist/tokens/ts/themes/emerson.d.ts | 18 - dist/tokens/ts/themes/emerson.js | 18 - dist/tokens/ts/themes/light.d.ts | 18 - dist/tokens/ts/themes/light.js | 18 - dist/tokens/ts/typography.d.ts | 117 ----- dist/tokens/ts/typography.js | 119 ----- dist/types/index.d.ts | 3 - dist/types/index.d.ts.map | 1 - dist/types/index.js | 37 -- dist/types/interfaces.d.ts | 28 -- dist/types/interfaces.d.ts.map | 1 - dist/types/interfaces.js | 42 -- dist/types/profiles.d.ts | 6 - dist/types/profiles.d.ts.map | 1 - dist/types/profiles.js | 5 - dist/types/themes.d.ts | 7 - dist/types/themes.d.ts.map | 1 - dist/types/themes.js | 42 -- 61 files changed, 5774 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/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/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/typography.d.ts delete mode 100644 dist/tokens/native/typography.js 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/typography.scss 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/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/typography.d.ts delete mode 100644 dist/tokens/ts/typography.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/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 6f0b47e2..00000000 --- a/dist/documentation/core-dark-colors.d.ts +++ /dev/null @@ -1,216 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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, - - }}; \ 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 ec496570..00000000 --- a/dist/documentation/core-dark-colors.js +++ /dev/null @@ -1,216 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 GMT - */ - -module.exports = {green : {100:{ - name: "green.100", - hex: "#0C291E", - - },200:{ - name: "green.200", - hex: "#13402F", - - },300:{ - name: "green.300", - hex: "#1A5740", - - },400:{ - name: "green.400", - hex: "#256E53", - - },500:{ - name: "green.500", - hex: "#288563", - - },600:{ - name: "green.600", - hex: "#42AD86", - - },700:{ - name: "green.700", - hex: "#86D6B9", - - },800:{ - name: "green.800", - hex: "#DBFFF1", - - }}, -blue : {100:{ - name: "blue.100", - hex: "#0C1B29", - - },200:{ - name: "blue.200", - hex: "#142C45", - - },300:{ - name: "blue.300", - hex: "#1F4366", - - },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: "#611D30", - - },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: "#432652", - - },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: "#F0F1FF", - - }}, -orange : {100:{ - name: "orange.100", - hex: "#29170C", - - },200:{ - name: "orange.200", - hex: "#4A2915", - - },300:{ - name: "orange.300", - hex: "#663A1E", - - },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: "#101012", - - },200:{ - name: "grey.200", - hex: "#1A1D21", - - },300:{ - name: "grey.300", - hex: "#22272B", - - },400:{ - name: "grey.400", - hex: "#2D3238", - - },500:{ - name: "grey.500", - hex: "#515357", - - },600:{ - name: "grey.600", - hex: "#616568", - - },700:{ - name: "grey.700", - hex: "#98999B", - - },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", - - }},}; \ 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 524f63b7..00000000 --- a/dist/documentation/core-light-colors.d.ts +++ /dev/null @@ -1,249 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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 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, - - }}; \ 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 68018316..00000000 --- a/dist/documentation/core-light-colors.js +++ /dev/null @@ -1,249 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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", - - }}, -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", - - }},}; \ 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 975aedee..00000000 --- a/dist/documentation/themes/dark.d.ts +++ /dev/null @@ -1,505 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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, - - },textBase:{ - name: string, - hex: string, - - },textHover:{ - name: string, - hex: string, - - },textActive:{ - name: string, - hex: string, - - },backgroundBase:{ - name: string, - hex: string, - - },backgroundMuted:{ - name: string, - hex: string, - - },backgroundMutedHover:{ - name: string, - hex: string, - - },backgroundMutedActive:{ - name: string, - hex: string, - - },backgroundBox:{ - name: string, - hex: string, - - },borderBase:{ - name: string, - hex: string, - - },borderHover:{ - name: string, - hex: string, - - },borderActive:{ - name: string, - hex: string, - - },borderFocused:{ - name: string, - hex: 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 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 - }}; \ 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 5ad75eca..00000000 --- a/dist/documentation/themes/dark.js +++ /dev/null @@ -1,505 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#E8E9EA", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#98999B", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#616568", - 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", - - },textBase:{ - name: "system.textBase", - hex: "#98999B", - - },textHover:{ - name: "system.textHover", - hex: "#E8E9EA", - - },textActive:{ - name: "system.textActive", - hex: "#FFFFFF", - - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#1A1D21", - - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#22272B", - - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#2D3238", - - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#515357", - - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#1A1D21", - - },borderBase:{ - name: "system.borderBase", - hex: "#515357", - - },borderHover:{ - name: "system.borderHover", - hex: "#616568", - - },borderActive:{ - name: "system.borderActive", - hex: "#98999B", - - },borderFocused:{ - name: "system.borderFocused", - hex: "#6597CE", - - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#101012", - 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: "#1A1D21", - 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: "#1A1D21", - 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: "#22272B", - description: "Used for elements that are absolutely positioned to overlay content on the page. Has a high contrast versus the current theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#22272B", - 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: "#1A1D21", - 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: "#42AD86", - 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: "#86D6B9", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#DBFFF1", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#288563", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#256E53", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#1A5740", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#13402F", - 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: "#1A5740", - 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: "#256E53", - 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: "#288563", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#256E53", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#1A5740", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -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: "#1F4366", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#142C45", - 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: "#1F4366", - 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: "#1F4366", - 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: "#8A4E29", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#663A1E", - 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: "#663A1E", - 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: "#AD6234", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8A4E29", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#663A1E", - 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: "#8F2843", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#611D30", - 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: "#611D30", - 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: "#B23655", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#8F2843", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#611D30", - 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: "#F0F1FF", - 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: "#542F66", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#432652", - 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: "#432652", - 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: "#693B80", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#542F66", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#432652", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#616568", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#1A1D21", - 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" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#1B2228", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#616568", - 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: "#98999B", - 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: "#98999B", - 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: "#616568", - 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: "#616568", - 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: "#98999B", - 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: "#2D3238", - 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: "#616568", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#1A1D21", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#22272B", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#E8E9EA", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#1A1D21", - 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" - }},}; \ 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 76f3a077..00000000 --- a/dist/documentation/themes/emerson.d.ts +++ /dev/null @@ -1,505 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:02 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, - - },textBase:{ - name: string, - hex: string, - - },textHover:{ - name: string, - hex: string, - - },textActive:{ - name: string, - hex: string, - - },backgroundBase:{ - name: string, - hex: string, - - },backgroundMuted:{ - name: string, - hex: string, - - },backgroundMutedHover:{ - name: string, - hex: string, - - },backgroundMutedActive:{ - name: string, - hex: string, - - },backgroundBox:{ - name: string, - hex: string, - - },borderBase:{ - name: string, - hex: string, - - },borderHover:{ - name: string, - hex: string, - - },borderActive:{ - name: string, - hex: string, - - },borderFocused:{ - name: string, - hex: 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 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 - }}; \ 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 bb09f382..00000000 --- a/dist/documentation/themes/emerson.js +++ /dev/null @@ -1,505 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:02 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#1A1D21", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#22272B", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#2D3238", - 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: "#101012", - - },textBase:{ - name: "system.textBase", - hex: "#22272B", - - },textHover:{ - name: "system.textHover", - hex: "#1A1D21", - - },textActive:{ - name: "system.textActive", - hex: "#101012", - - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#98999B", - - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#616568", - - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#515357", - - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#E8E9EA", - - },borderBase:{ - name: "system.borderBase", - hex: "#515357", - - },borderHover:{ - name: "system.borderHover", - hex: "#2D3238", - - },borderActive:{ - name: "system.borderActive", - hex: "#22272B", - - },borderFocused:{ - name: "system.borderFocused", - hex: "#0281d7", - - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#98999B", - 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: "#98999B", - 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: "#98999B", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#616568", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#101012", - description: "Used for elements that are absolutely positioned to overlay content on the page. Has a high contrast versus the current 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: "#1A1D21", - 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" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#0281d7", - 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: "#0281d7", - 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: "#0281d7", - 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: "#2D3238", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#98999B", - 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" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#616568", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#2D3238", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#98999B", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#616568", - 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: "#22272B", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#22272B", - 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: "#22272B", - 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: "#0281d7", - 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: "#2D3238", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#101012", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#616568", - 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: "#515357", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#2D3238", - 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: "#22272B", - 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: "#0281d7", - 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: "#616568", - 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: "#22272B", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#98999B", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#616568", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#101012", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#98999B", - 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" - }},}; \ 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 975aedee..00000000 --- a/dist/documentation/themes/light.d.ts +++ /dev/null @@ -1,505 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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, - - },textBase:{ - name: string, - hex: string, - - },textHover:{ - name: string, - hex: string, - - },textActive:{ - name: string, - hex: string, - - },backgroundBase:{ - name: string, - hex: string, - - },backgroundMuted:{ - name: string, - hex: string, - - },backgroundMutedHover:{ - name: string, - hex: string, - - },backgroundMutedActive:{ - name: string, - hex: string, - - },backgroundBox:{ - name: string, - hex: string, - - },borderBase:{ - name: string, - hex: string, - - },borderHover:{ - name: string, - hex: string, - - },borderActive:{ - name: string, - hex: string, - - },borderFocused:{ - name: string, - hex: 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 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 - }}; \ 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 553333e7..00000000 --- a/dist/documentation/themes/light.js +++ /dev/null @@ -1,505 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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", - - },textBase:{ - name: "system.textBase", - hex: "#475A70", - - },textHover:{ - name: "system.textHover", - hex: "#36485C", - - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - - }}, -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. Has a high contrast versus the current 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" - }}, -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" - }},}; \ 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 f1f8e962..00000000 --- a/dist/helpers/colorProfileMapper.d.ts +++ /dev/null @@ -1,94 +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; - }; -}; -//# 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 82925827..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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js deleted file mode 100644 index 77f12372..00000000 --- a/dist/helpers/colorProfileMapper.js +++ /dev/null @@ -1,20 +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 - }; -}; - -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 90fee409..00000000 --- a/dist/index.d.ts +++ /dev/null @@ -1,8 +0,0 @@ -export * from "./helpers"; -export * from "./types"; -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 54ac0542..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,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 224c96c5..00000000 --- a/dist/index.js +++ /dev/null @@ -1,89 +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 = { - typography: true, - lightThemeDocumentation: true, - darkThemeDocumentation: true, - coreDarkDocumentation: true, - coreLightDocumentation: true -}; -exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = 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 _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/core-dark-colors.d.ts b/dist/tokens/native/core-dark-colors.d.ts deleted file mode 100644 index b9a2ab73..00000000 --- a/dist/tokens/native/core-dark-colors.d.ts +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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}; \ No newline at end of file diff --git a/dist/tokens/native/core-dark-colors.js b/dist/tokens/native/core-dark-colors.js deleted file mode 100644 index d1ea450c..00000000 --- a/dist/tokens/native/core-dark-colors.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 GMT - */ - -module.exports = {green : {100 : "#0C291E",200 : "#13402F",300 : "#1A5740",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, -blue : {100 : "#0C1B29",200 : "#142C45",300 : "#1F4366",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, -red : {100 : "#290F16",200 : "#451522",300 : "#611D30",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple : {100 : "#200F29",200 : "#33193F",300 : "#432652",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0F1FF"}, -orange : {100 : "#29170C",200 : "#4A2915",300 : "#663A1E",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, -grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#616568",700 : "#98999B",800 : "#E8E9EA"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; \ 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 3cf047bd..00000000 --- a/dist/tokens/native/core-light-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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 yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ No newline at end of file diff --git a/dist/tokens/native/core-light-colors.js b/dist/tokens/native/core-light-colors.js deleted file mode 100644 index 075ed173..00000000 --- a/dist/tokens/native/core-light-colors.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ 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 60b8ae34..00000000 --- a/dist/tokens/native/themes/dark.d.ts +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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 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}; \ 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 16c64f4c..00000000 --- a/dist/tokens/native/themes/dark.js +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 GMT - */ - -module.exports = {theme: "dark", -text : {emphasis : "#E8E9EA",body : "#98999B",subdued : "#616568",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#FFFFFF",textBase : "#98999B",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#1A1D21",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#616568",borderActive : "#98999B",borderFocused : "#6597CE"}, -surface : {level0 : "#101012",level1 : "#1A1D21",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#22272B",overlayBackdrop : "#1A1D21"}, -primary : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#256E53",backgroundActive : "#1A5740",backgroundMuted : "#13402F",backgroundMutedHover : "#1A5740",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#288563",borderHover : "#256E53",borderActive : "#1A5740"}, -info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#1F4366",backgroundMuted : "#142C45",backgroundMutedHover : "#1F4366",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#1F4366"}, -warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#8A4E29",backgroundActive : "#663A1E",backgroundMuted : "#4A2915",backgroundMutedHover : "#663A1E",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#AD6234",borderHover : "#8A4E29",borderActive : "#663A1E"}, -danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#8F2843",backgroundActive : "#611D30",backgroundMuted : "#451522",backgroundMutedHover : "#611D30",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#B23655",borderHover : "#8F2843",borderActive : "#611D30"}, -highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0F1FF",backgroundBase : "#693B80",backgroundHover : "#542F66",backgroundActive : "#432652",backgroundMuted : "#33193F",backgroundMutedHover : "#432652",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#693B80",borderHover : "#542F66",borderActive : "#432652"}, -disabled : {text : "#616568",background : "#1A1D21",nakedBackground : "transparent",border : "#515357",inputBackground : "#1B2228",inputLabelText : "#616568"}, -input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#98999B",textInformationError : "#B23655",textLabel : "#98999B",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#616568",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#616568",borderEmphasizedHover : "#98999B",borderActive : "#285685"}, -separator : {base : "#2D3238"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#616568",backgroundHover : "#1A1D21",backgroundActive : "#22272B",textBase : "#E8E9EA",linkMutedBase : "#1A1D21",linkMutedHover : "#FFFFFF"},}; \ 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 60b8ae34..00000000 --- a/dist/tokens/native/themes/emerson.d.ts +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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 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}; \ 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 f92c0422..00000000 --- a/dist/tokens/native/themes/emerson.js +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 GMT - */ - -module.exports = {theme: "emerson", -text : {emphasis : "#1A1D21",body : "#22272B",subdued : "#2D3238",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#101012",textBase : "#22272B",textHover : "#1A1D21",textActive : "#101012",backgroundBase : "#FFFFFF",backgroundMuted : "#98999B",backgroundMutedHover : "#616568",backgroundMutedActive : "#515357",backgroundBox : "#E8E9EA",borderBase : "#515357",borderHover : "#2D3238",borderActive : "#22272B",borderFocused : "#0281d7"}, -surface : {level0 : "#98999B",level1 : "#FFFFFF",level2 : "#98999B",interactiveBackground : "#FFFFFF",interactiveHover : "#98999B",interactiveActive : "#616568",overlayDark : "#101012",overlayTheme : "#FFFFFF",overlayBackdrop : "#1A1D21"}, -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"}, -info : {textBase : "#0281d7",textHover : "#21588F",textActive : "#194673",backgroundBase : "#0281d7",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#0281d7",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 : "#2D3238",background : "#98999B",nakedBackground : "transparent",border : "#515357",inputBackground : "#616568",inputLabelText : "#2D3238"}, -input : {backgroundBase : "#98999B",backgroundHover : "#616568",backgroundInformation : "#FFFFFF",textBase : "#22272B",textInformation : "#22272B",textInformationError : "#AF2645",textLabel : "#22272B",textFloatingLabel : "#0281d7",textFloatingLabelError : "#AF2645",textPlaceholder : "#2D3238",textActive : "#101012",borderBase : "#616568",borderError : "#AF2645",borderHover : "#515357",borderEmphasized : "#2D3238",borderEmphasizedHover : "#22272B",borderActive : "#0281d7"}, -separator : {base : "#616568"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#22272B",backgroundHover : "#98999B",backgroundActive : "#616568",textBase : "#101012",linkMutedBase : "#98999B",linkMutedHover : "#FFFFFF"},}; \ 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 60b8ae34..00000000 --- a/dist/tokens/native/themes/light.d.ts +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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 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}; \ 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 c66c8e63..00000000 --- a/dist/tokens/native/themes/light.js +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 GMT - */ - -module.exports = {theme: "light", -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"}, -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"},}; \ 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 ff6d1862..00000000 --- a/dist/tokens/native/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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 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 weightSemiBold : string; -export const weightBase : string; -export const weightLight : string; -export const weightStrong : string; -export const weightBold : string; -export const h1FontFamily : string; -export const h1FontWeight : string; -export const h1LineHeight : number; -export const h1FontSize : number; -export const h1LetterSpacing : number; -export const h1ParagraphSpacing : number; -export const h1TextDecoration : string; -export const h1TextCase : string; -export const h2FontFamily : string; -export const h2FontWeight : string; -export const h2LineHeight : number; -export const h2FontSize : number; -export const h2LetterSpacing : number; -export const h2ParagraphSpacing : number; -export const h2TextDecoration : string; -export const h2TextCase : string; -export const h3FontFamily : string; -export const h3FontWeight : string; -export const h3LineHeight : number; -export const h3FontSize : number; -export const h3LetterSpacing : number; -export const h3ParagraphSpacing : number; -export const h3TextDecoration : string; -export const h3TextCase : string; -export const h4FontFamily : string; -export const h4FontWeight : string; -export const h4LineHeight : number; -export const h4FontSize : number; -export const h4LetterSpacing : number; -export const h4ParagraphSpacing : number; -export const h4TextDecoration : string; -export const h4TextCase : string; -export const h5FontFamily : string; -export const h5FontWeight : string; -export const h5LineHeight : number; -export const h5FontSize : number; -export const h5LetterSpacing : number; -export const h5ParagraphSpacing : number; -export const h5TextDecoration : string; -export const h5TextCase : string; -export const bodyFontFamily : string; -export const bodyFontWeight : string; -export const bodyLineHeight : number; -export const bodyFontSize : number; -export const bodyLetterSpacing : number; -export const bodyParagraphSpacing : number; -export const bodyTextDecoration : string; -export const bodyTextCase : string; -export const footnoteFontFamily : string; -export const footnoteFontWeight : string; -export const footnoteLineHeight : number; -export const footnoteFontSize : number; -export const footnoteLetterSpacing : number; -export const footnoteParagraphSpacing : number; -export const footnoteTextDecoration : string; -export const footnoteTextCase : string; -export const captionFontFamily : string; -export const captionFontWeight : string; -export const captionLineHeight : number; -export const captionFontSize : number; -export const captionLetterSpacing : number; -export const captionParagraphSpacing : number; -export const captionTextDecoration : string; -export const captionTextCase : string; -export const mobileH1FontFamily : string; -export const mobileH1FontWeight : string; -export const mobileH1LineHeight : number; -export const mobileH1FontSize : number; -export const mobileH1LetterSpacing : number; -export const mobileH1ParagraphSpacing : number; -export const mobileH1TextDecoration : string; -export const mobileH1TextCase : string; -export const mobileH2FontFamily : string; -export const mobileH2FontWeight : string; -export const mobileH2LineHeight : number; -export const mobileH2FontSize : number; -export const mobileH2LetterSpacing : number; -export const mobileH2ParagraphSpacing : number; -export const mobileH2TextDecoration : string; -export const mobileH2TextCase : string; -export const mobileH3FontFamily : string; -export const mobileH3FontWeight : string; -export const mobileH3LineHeight : number; -export const mobileH3FontSize : number; -export const mobileH3LetterSpacing : number; -export const mobileH3ParagraphSpacing : number; -export const mobileH3TextDecoration : string; -export const mobileH3TextCase : 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 8a4f7782..00000000 --- a/dist/tokens/native/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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, - "sizeMobile3xlarge": 32, - "sizeMobile2xlarge": 28, - "sizeMobileXlarge": 22, - "lineHeightXlarge": 40, - "lineHeightLarge": 32, - "lineHeightNormal": 24, - "lineHeightSmall": 16, - "fontFamilySansSerif": "Mulish", - "weightSemiBold": "700", - "weightBase": "500", - "weightLight": "400", - "weightStrong": "600", - "weightBold": "900", - "h1FontFamily": "Mulish", - "h1FontWeight": "700", - "h1LineHeight": 40, - "h1FontSize": 40, - "h1LetterSpacing": 0, - "h1ParagraphSpacing": 0, - "h1TextDecoration": "none", - "h1TextCase": "none", - "h2FontFamily": "Mulish", - "h2FontWeight": "700", - "h2LineHeight": 40, - "h2FontSize": 32, - "h2LetterSpacing": 0, - "h2ParagraphSpacing": 0, - "h2TextDecoration": "none", - "h2TextCase": "none", - "h3FontFamily": "Mulish", - "h3FontWeight": "700", - "h3LineHeight": 32, - "h3FontSize": 24, - "h3LetterSpacing": 0, - "h3ParagraphSpacing": 0, - "h3TextDecoration": "none", - "h3TextCase": "none", - "h4FontFamily": "Mulish", - "h4FontWeight": "700", - "h4LineHeight": 24, - "h4FontSize": 20, - "h4LetterSpacing": 0, - "h4ParagraphSpacing": 0, - "h4TextDecoration": "none", - "h4TextCase": "none", - "h5FontFamily": "Mulish", - "h5FontWeight": "700", - "h5LineHeight": 24, - "h5FontSize": 16, - "h5LetterSpacing": 0, - "h5ParagraphSpacing": 0, - "h5TextDecoration": "none", - "h5TextCase": "none", - "bodyFontFamily": "Mulish", - "bodyFontWeight": "500", - "bodyLineHeight": 24, - "bodyFontSize": 16, - "bodyLetterSpacing": 0, - "bodyParagraphSpacing": 0, - "bodyTextDecoration": "none", - "bodyTextCase": "none", - "footnoteFontFamily": "Mulish", - "footnoteFontWeight": "500", - "footnoteLineHeight": 16, - "footnoteFontSize": 14, - "footnoteLetterSpacing": 0, - "footnoteParagraphSpacing": 0, - "footnoteTextDecoration": "none", - "footnoteTextCase": "none", - "captionFontFamily": "Mulish", - "captionFontWeight": "500", - "captionLineHeight": 16, - "captionFontSize": 12, - "captionLetterSpacing": 0, - "captionParagraphSpacing": 0, - "captionTextDecoration": "none", - "captionTextCase": "none", - "mobileH1FontFamily": "Mulish", - "mobileH1FontWeight": "700", - "mobileH1LineHeight": 40, - "mobileH1FontSize": 32, - "mobileH1LetterSpacing": 0, - "mobileH1ParagraphSpacing": 0, - "mobileH1TextDecoration": "none", - "mobileH1TextCase": "none", - "mobileH2FontFamily": "Mulish", - "mobileH2FontWeight": "700", - "mobileH2LineHeight": 32, - "mobileH2FontSize": 28, - "mobileH2LetterSpacing": 0, - "mobileH2ParagraphSpacing": 0, - "mobileH2TextDecoration": "none", - "mobileH2TextCase": "none", - "mobileH3FontFamily": "Mulish", - "mobileH3FontWeight": "700", - "mobileH3LineHeight": 32, - "mobileH3FontSize": 22, - "mobileH3LetterSpacing": 0, - "mobileH3ParagraphSpacing": 0, - "mobileH3TextDecoration": "none", - "mobileH3TextCase": "none" -}; \ 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 ed0d8708..00000000 --- a/dist/tokens/scss/core-dark-colors.scss +++ /dev/null @@ -1,55 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 02 May 2023 17:33:01 GMT - -$green100: #0C291E; -$green200: #13402F; -$green300: #1A5740; -$green400: #256E53; -$green500: #288563; -$green600: #42AD86; -$green700: #86D6B9; -$green800: #DBFFF1; -$blue100: #0C1B29; -$blue200: #142C45; -$blue300: #1F4366; -$blue400: #285685; -$blue500: #4577AD; -$blue600: #6597CE; -$blue700: #96BDE7; -$blue800: #D1E8FF; -$red100: #290F16; -$red200: #451522; -$red300: #611D30; -$red400: #8F2843; -$red500: #B23655; -$red600: #C74C6B; -$red700: #EA8AA3; -$red800: #FFD1DD; -$purple100: #200F29; -$purple200: #33193F; -$purple300: #432652; -$purple400: #542F66; -$purple500: #693B80; -$purple600: #865C99; -$purple700: #B990CC; -$purple800: #F0F1FF; -$orange100: #29170C; -$orange200: #4A2915; -$orange300: #663A1E; -$orange400: #8A4E29; -$orange500: #AD6234; -$orange600: #CF7945; -$orange700: #E7AA84; -$orange800: #FFE3D1; -$grey100: #101012; -$grey200: #1A1D21; -$grey300: #22272B; -$grey400: #2D3238; -$grey500: #515357; -$grey600: #616568; -$grey700: #98999B; -$grey800: #E8E9EA; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; \ 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 f7d4a0f0..00000000 --- a/dist/tokens/scss/core-light-colors.scss +++ /dev/null @@ -1,63 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 02 May 2023 17:33:01 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; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; -$yellow100: #faf8f2; -$yellow200: #fcf3dd; -$yellow300: #fce7b1; -$yellow400: #fcd97e; -$yellow500: #fccb4c; -$yellow600: #ffc121; -$yellow700: #f7b200; -$yellow800: #e5a500; \ 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 7fcd60f3..00000000 --- a/dist/tokens/scss/themes/dark.scss +++ /dev/null @@ -1,126 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 02 May 2023 17:33:01 GMT - -$textEmphasis: #E8E9EA; -$textBody: #98999B; -$textSubdued: #616568; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #FFFFFF; -$systemTextBase: #98999B; -$systemTextHover: #E8E9EA; -$systemTextActive: #FFFFFF; -$systemBackgroundBase: #1A1D21; -$systemBackgroundMuted: #22272B; -$systemBackgroundMutedHover: #2D3238; -$systemBackgroundMutedActive: #515357; -$systemBackgroundBox: #1A1D21; -$systemBorderBase: #515357; -$systemBorderHover: #616568; -$systemBorderActive: #98999B; -$systemBorderFocused: #6597CE; -$surfaceLevel0: #101012; -$surfaceLevel1: #1A1D21; -$surfaceLevel2: #22272B; -$surfaceInteractiveBackground: #1A1D21; -$surfaceInteractiveHover: #22272B; -$surfaceInteractiveActive: #2D3238; -$surfaceOverlayDark: #22272B; -$surfaceOverlayTheme: #22272B; -$surfaceOverlayBackdrop: #1A1D21; -$primaryTextBase: #42AD86; -$primaryTextHover: #86D6B9; -$primaryTextActive: #DBFFF1; -$primaryBackgroundBase: #288563; -$primaryBackgroundHover: #256E53; -$primaryBackgroundActive: #1A5740; -$primaryBackgroundMuted: #13402F; -$primaryBackgroundMutedHover: #1A5740; -$primaryBackgroundMutedActive: #256E53; -$primaryBackgroundBox: #0C291E; -$primaryBorderBase: #288563; -$primaryBorderHover: #256E53; -$primaryBorderActive: #1A5740; -$infoTextBase: #6597CE; -$infoTextHover: #96BDE7; -$infoTextActive: #D1E8FF; -$infoBackgroundBase: #4577AD; -$infoBackgroundHover: #285685; -$infoBackgroundActive: #1F4366; -$infoBackgroundMuted: #142C45; -$infoBackgroundMutedHover: #1F4366; -$infoBackgroundMutedActive: #285685; -$infoBackgroundBox: #0C1B29; -$infoBorderBase: #4577AD; -$infoBorderHover: #285685; -$infoBorderActive: #1F4366; -$warningTextBase: #CF7945; -$warningTextHover: #E7AA84; -$warningTextActive: #FFE3D1; -$warningBackgroundBase: #AD6234; -$warningBackgroundHover: #8A4E29; -$warningBackgroundActive: #663A1E; -$warningBackgroundMuted: #4A2915; -$warningBackgroundMutedHover: #663A1E; -$warningBackgroundMutedActive: #8A4E29; -$warningBackgroundBox: #29170C; -$warningBorderBase: #AD6234; -$warningBorderHover: #8A4E29; -$warningBorderActive: #663A1E; -$dangerTextBase: #C74C6B; -$dangerTextHover: #EA8AA3; -$dangerTextActive: #FFD1DD; -$dangerBackgroundBase: #B23655; -$dangerBackgroundHover: #8F2843; -$dangerBackgroundActive: #611D30; -$dangerBackgroundMuted: #451522; -$dangerBackgroundMutedHover: #611D30; -$dangerBackgroundMutedActive: #8F2843; -$dangerBackgroundBox: #290F16; -$dangerBorderBase: #B23655; -$dangerBorderHover: #8F2843; -$dangerBorderActive: #611D30; -$highlightTextBase: #865C99; -$highlightTextHover: #B990CC; -$highlightTextActive: #F0F1FF; -$highlightBackgroundBase: #693B80; -$highlightBackgroundHover: #542F66; -$highlightBackgroundActive: #432652; -$highlightBackgroundMuted: #33193F; -$highlightBackgroundMutedHover: #432652; -$highlightBackgroundMutedActive: #542F66; -$highlightBackgroundBox: #200F29; -$highlightBorderBase: #693B80; -$highlightBorderHover: #542F66; -$highlightBorderActive: #432652; -$disabledText: #616568; -$disabledBackground: #1A1D21; -$disabledNakedBackground: transparent; -$disabledBorder: #515357; -$disabledInputBackground: #1B2228; -$disabledInputLabelText: #616568; -$inputBackgroundBase: #1B2228; -$inputBackgroundHover: #2D3238; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #FFFFFF; -$inputTextInformation: #98999B; -$inputTextInformationError: #B23655; -$inputTextLabel: #98999B; -$inputTextFloatingLabel: #4577AD; -$inputTextFloatingLabelError: #B23655; -$inputTextPlaceholder: #616568; -$inputTextActive: #FFFFFF; -$inputBorderBase: #2D3238; -$inputBorderError: #8F2843; -$inputBorderHover: #515357; -$inputBorderEmphasized: #616568; -$inputBorderEmphasizedHover: #98999B; -$inputBorderActive: #285685; -$separatorBase: #2D3238; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #616568; -$lightBackgroundHover: #1A1D21; -$lightBackgroundActive: #22272B; -$lightTextBase: #E8E9EA; -$lightLinkMutedBase: #1A1D21; -$lightLinkMutedHover: #FFFFFF; \ 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 263b648a..00000000 --- a/dist/tokens/scss/themes/emerson.scss +++ /dev/null @@ -1,126 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 02 May 2023 17:33:01 GMT - -$textEmphasis: #1A1D21; -$textBody: #22272B; -$textSubdued: #2D3238; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #101012; -$systemTextBase: #22272B; -$systemTextHover: #1A1D21; -$systemTextActive: #101012; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #98999B; -$systemBackgroundMutedHover: #616568; -$systemBackgroundMutedActive: #515357; -$systemBackgroundBox: #E8E9EA; -$systemBorderBase: #515357; -$systemBorderHover: #2D3238; -$systemBorderActive: #22272B; -$systemBorderFocused: #0281d7; -$surfaceLevel0: #98999B; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #98999B; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #98999B; -$surfaceInteractiveActive: #616568; -$surfaceOverlayDark: #101012; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #1A1D21; -$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; -$infoTextBase: #0281d7; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #0281d7; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #0281d7; -$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: #2D3238; -$disabledBackground: #98999B; -$disabledNakedBackground: transparent; -$disabledBorder: #515357; -$disabledInputBackground: #616568; -$disabledInputLabelText: #2D3238; -$inputBackgroundBase: #98999B; -$inputBackgroundHover: #616568; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #22272B; -$inputTextInformation: #22272B; -$inputTextInformationError: #AF2645; -$inputTextLabel: #22272B; -$inputTextFloatingLabel: #0281d7; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #2D3238; -$inputTextActive: #101012; -$inputBorderBase: #616568; -$inputBorderError: #AF2645; -$inputBorderHover: #515357; -$inputBorderEmphasized: #2D3238; -$inputBorderEmphasizedHover: #22272B; -$inputBorderActive: #0281d7; -$separatorBase: #616568; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #22272B; -$lightBackgroundHover: #98999B; -$lightBackgroundActive: #616568; -$lightTextBase: #101012; -$lightLinkMutedBase: #98999B; -$lightLinkMutedHover: #FFFFFF; \ 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 3c7f8d36..00000000 --- a/dist/tokens/scss/themes/light.scss +++ /dev/null @@ -1,126 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 02 May 2023 17:33:01 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; -$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; \ 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 0530a236..00000000 --- a/dist/tokens/scss/typography.scss +++ /dev/null @@ -1,116 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 02 May 2023 17:33:01 GMT - -$letterSpacingBase: 0; -$paragraphSpacingBase: 0; -$textDecorationBase: none; -$textCaseBase: none; -$size3xlarge: 40px; -$size2xlarge: 32px; -$sizeXlarge: 24px; -$sizeLarge: 20px; -$sizeNormal: 16px; -$sizeSmall: 14px; -$sizeXsmall: 12px; -$sizeMobile3xlarge: 32px; -$sizeMobile2xlarge: 28px; -$sizeMobileXlarge: 22px; -$lineHeightXlarge: 40px; -$lineHeightLarge: 32px; -$lineHeightNormal: 24px; -$lineHeightSmall: 16px; -$fontFamilySansSerif: Mulish; -$weightSemiBold: 700; -$weightBase: 500; -$weightLight: 400; -$weightStrong: 600; -$weightBold: 900; -$h1FontFamily: Mulish; -$h1FontWeight: 700; -$h1LineHeight: 40px; -$h1FontSize: 40px; -$h1LetterSpacing: 0; -$h1ParagraphSpacing: 0; -$h1TextDecoration: none; -$h1TextCase: none; -$h2FontFamily: Mulish; -$h2FontWeight: 700; -$h2LineHeight: 40px; -$h2FontSize: 32px; -$h2LetterSpacing: 0; -$h2ParagraphSpacing: 0; -$h2TextDecoration: none; -$h2TextCase: none; -$h3FontFamily: Mulish; -$h3FontWeight: 700; -$h3LineHeight: 32px; -$h3FontSize: 24px; -$h3LetterSpacing: 0; -$h3ParagraphSpacing: 0; -$h3TextDecoration: none; -$h3TextCase: none; -$h4FontFamily: Mulish; -$h4FontWeight: 700; -$h4LineHeight: 24px; -$h4FontSize: 20px; -$h4LetterSpacing: 0; -$h4ParagraphSpacing: 0; -$h4TextDecoration: none; -$h4TextCase: none; -$h5FontFamily: Mulish; -$h5FontWeight: 700; -$h5LineHeight: 24px; -$h5FontSize: 16px; -$h5LetterSpacing: 0; -$h5ParagraphSpacing: 0; -$h5TextDecoration: none; -$h5TextCase: none; -$bodyFontFamily: Mulish; -$bodyFontWeight: 500; -$bodyLineHeight: 24px; -$bodyFontSize: 16px; -$bodyLetterSpacing: 0; -$bodyParagraphSpacing: 0; -$bodyTextDecoration: none; -$bodyTextCase: none; -$footnoteFontFamily: Mulish; -$footnoteFontWeight: 500; -$footnoteLineHeight: 16px; -$footnoteFontSize: 14px; -$footnoteLetterSpacing: 0; -$footnoteParagraphSpacing: 0; -$footnoteTextDecoration: none; -$footnoteTextCase: none; -$captionFontFamily: Mulish; -$captionFontWeight: 500; -$captionLineHeight: 16px; -$captionFontSize: 12px; -$captionLetterSpacing: 0; -$captionParagraphSpacing: 0; -$captionTextDecoration: none; -$captionTextCase: none; -$mobileH1FontFamily: Mulish; -$mobileH1FontWeight: 700; -$mobileH1LineHeight: 40px; -$mobileH1FontSize: 32px; -$mobileH1LetterSpacing: 0; -$mobileH1ParagraphSpacing: 0; -$mobileH1TextDecoration: none; -$mobileH1TextCase: none; -$mobileH2FontFamily: Mulish; -$mobileH2FontWeight: 700; -$mobileH2LineHeight: 32px; -$mobileH2FontSize: 28px; -$mobileH2LetterSpacing: 0; -$mobileH2ParagraphSpacing: 0; -$mobileH2TextDecoration: none; -$mobileH2TextCase: none; -$mobileH3FontFamily: Mulish; -$mobileH3FontWeight: 700; -$mobileH3LineHeight: 32px; -$mobileH3FontSize: 22px; -$mobileH3LetterSpacing: 0; -$mobileH3ParagraphSpacing: 0; -$mobileH3TextDecoration: none; -$mobileH3TextCase: none; \ 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 b9a2ab73..00000000 --- a/dist/tokens/ts/core-dark-colors.d.ts +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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}; \ No newline at end of file diff --git a/dist/tokens/ts/core-dark-colors.js b/dist/tokens/ts/core-dark-colors.js deleted file mode 100644 index d1ea450c..00000000 --- a/dist/tokens/ts/core-dark-colors.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 GMT - */ - -module.exports = {green : {100 : "#0C291E",200 : "#13402F",300 : "#1A5740",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, -blue : {100 : "#0C1B29",200 : "#142C45",300 : "#1F4366",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, -red : {100 : "#290F16",200 : "#451522",300 : "#611D30",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple : {100 : "#200F29",200 : "#33193F",300 : "#432652",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0F1FF"}, -orange : {100 : "#29170C",200 : "#4A2915",300 : "#663A1E",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, -grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#616568",700 : "#98999B",800 : "#E8E9EA"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; \ 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 3cf047bd..00000000 --- a/dist/tokens/ts/core-light-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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 yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ No newline at end of file diff --git a/dist/tokens/ts/core-light-colors.js b/dist/tokens/ts/core-light-colors.js deleted file mode 100644 index 075ed173..00000000 --- a/dist/tokens/ts/core-light-colors.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ 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 60b8ae34..00000000 --- a/dist/tokens/ts/themes/dark.d.ts +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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 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}; \ 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 16c64f4c..00000000 --- a/dist/tokens/ts/themes/dark.js +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 GMT - */ - -module.exports = {theme: "dark", -text : {emphasis : "#E8E9EA",body : "#98999B",subdued : "#616568",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#FFFFFF",textBase : "#98999B",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#1A1D21",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#616568",borderActive : "#98999B",borderFocused : "#6597CE"}, -surface : {level0 : "#101012",level1 : "#1A1D21",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#22272B",overlayBackdrop : "#1A1D21"}, -primary : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#256E53",backgroundActive : "#1A5740",backgroundMuted : "#13402F",backgroundMutedHover : "#1A5740",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#288563",borderHover : "#256E53",borderActive : "#1A5740"}, -info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#1F4366",backgroundMuted : "#142C45",backgroundMutedHover : "#1F4366",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#1F4366"}, -warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#8A4E29",backgroundActive : "#663A1E",backgroundMuted : "#4A2915",backgroundMutedHover : "#663A1E",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#AD6234",borderHover : "#8A4E29",borderActive : "#663A1E"}, -danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#8F2843",backgroundActive : "#611D30",backgroundMuted : "#451522",backgroundMutedHover : "#611D30",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#B23655",borderHover : "#8F2843",borderActive : "#611D30"}, -highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0F1FF",backgroundBase : "#693B80",backgroundHover : "#542F66",backgroundActive : "#432652",backgroundMuted : "#33193F",backgroundMutedHover : "#432652",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#693B80",borderHover : "#542F66",borderActive : "#432652"}, -disabled : {text : "#616568",background : "#1A1D21",nakedBackground : "transparent",border : "#515357",inputBackground : "#1B2228",inputLabelText : "#616568"}, -input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#98999B",textInformationError : "#B23655",textLabel : "#98999B",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#616568",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#616568",borderEmphasizedHover : "#98999B",borderActive : "#285685"}, -separator : {base : "#2D3238"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#616568",backgroundHover : "#1A1D21",backgroundActive : "#22272B",textBase : "#E8E9EA",linkMutedBase : "#1A1D21",linkMutedHover : "#FFFFFF"},}; \ 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 60b8ae34..00000000 --- a/dist/tokens/ts/themes/emerson.d.ts +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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 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}; \ 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 f92c0422..00000000 --- a/dist/tokens/ts/themes/emerson.js +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 GMT - */ - -module.exports = {theme: "emerson", -text : {emphasis : "#1A1D21",body : "#22272B",subdued : "#2D3238",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#101012",textBase : "#22272B",textHover : "#1A1D21",textActive : "#101012",backgroundBase : "#FFFFFF",backgroundMuted : "#98999B",backgroundMutedHover : "#616568",backgroundMutedActive : "#515357",backgroundBox : "#E8E9EA",borderBase : "#515357",borderHover : "#2D3238",borderActive : "#22272B",borderFocused : "#0281d7"}, -surface : {level0 : "#98999B",level1 : "#FFFFFF",level2 : "#98999B",interactiveBackground : "#FFFFFF",interactiveHover : "#98999B",interactiveActive : "#616568",overlayDark : "#101012",overlayTheme : "#FFFFFF",overlayBackdrop : "#1A1D21"}, -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"}, -info : {textBase : "#0281d7",textHover : "#21588F",textActive : "#194673",backgroundBase : "#0281d7",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#0281d7",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 : "#2D3238",background : "#98999B",nakedBackground : "transparent",border : "#515357",inputBackground : "#616568",inputLabelText : "#2D3238"}, -input : {backgroundBase : "#98999B",backgroundHover : "#616568",backgroundInformation : "#FFFFFF",textBase : "#22272B",textInformation : "#22272B",textInformationError : "#AF2645",textLabel : "#22272B",textFloatingLabel : "#0281d7",textFloatingLabelError : "#AF2645",textPlaceholder : "#2D3238",textActive : "#101012",borderBase : "#616568",borderError : "#AF2645",borderHover : "#515357",borderEmphasized : "#2D3238",borderEmphasizedHover : "#22272B",borderActive : "#0281d7"}, -separator : {base : "#616568"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#22272B",backgroundHover : "#98999B",backgroundActive : "#616568",textBase : "#101012",linkMutedBase : "#98999B",linkMutedHover : "#FFFFFF"},}; \ 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 60b8ae34..00000000 --- a/dist/tokens/ts/themes/light.d.ts +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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 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}; \ 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 c66c8e63..00000000 --- a/dist/tokens/ts/themes/light.js +++ /dev/null @@ -1,18 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 GMT - */ - -module.exports = {theme: "light", -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"}, -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"},}; \ 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 ba45d8d3..00000000 --- a/dist/tokens/ts/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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 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 weightSemiBold : number; -export const weightBase : number; -export const weightLight : number; -export const weightStrong : number; -export const weightBold : number; -export const h1FontFamily : string; -export const h1FontWeight : number; -export const h1LineHeight : string; -export const h1FontSize : string; -export const h1LetterSpacing : number; -export const h1ParagraphSpacing : number; -export const h1TextDecoration : string; -export const h1TextCase : string; -export const h2FontFamily : string; -export const h2FontWeight : number; -export const h2LineHeight : string; -export const h2FontSize : string; -export const h2LetterSpacing : number; -export const h2ParagraphSpacing : number; -export const h2TextDecoration : string; -export const h2TextCase : string; -export const h3FontFamily : string; -export const h3FontWeight : number; -export const h3LineHeight : string; -export const h3FontSize : string; -export const h3LetterSpacing : number; -export const h3ParagraphSpacing : number; -export const h3TextDecoration : string; -export const h3TextCase : string; -export const h4FontFamily : string; -export const h4FontWeight : number; -export const h4LineHeight : string; -export const h4FontSize : string; -export const h4LetterSpacing : number; -export const h4ParagraphSpacing : number; -export const h4TextDecoration : string; -export const h4TextCase : string; -export const h5FontFamily : string; -export const h5FontWeight : number; -export const h5LineHeight : string; -export const h5FontSize : string; -export const h5LetterSpacing : number; -export const h5ParagraphSpacing : number; -export const h5TextDecoration : string; -export const h5TextCase : string; -export const bodyFontFamily : string; -export const bodyFontWeight : number; -export const bodyLineHeight : string; -export const bodyFontSize : string; -export const bodyLetterSpacing : number; -export const bodyParagraphSpacing : number; -export const bodyTextDecoration : string; -export const bodyTextCase : string; -export const footnoteFontFamily : string; -export const footnoteFontWeight : number; -export const footnoteLineHeight : string; -export const footnoteFontSize : string; -export const footnoteLetterSpacing : number; -export const footnoteParagraphSpacing : number; -export const footnoteTextDecoration : string; -export const footnoteTextCase : string; -export const captionFontFamily : string; -export const captionFontWeight : number; -export const captionLineHeight : string; -export const captionFontSize : string; -export const captionLetterSpacing : number; -export const captionParagraphSpacing : number; -export const captionTextDecoration : string; -export const captionTextCase : string; -export const mobileH1FontFamily : string; -export const mobileH1FontWeight : number; -export const mobileH1LineHeight : string; -export const mobileH1FontSize : string; -export const mobileH1LetterSpacing : number; -export const mobileH1ParagraphSpacing : number; -export const mobileH1TextDecoration : string; -export const mobileH1TextCase : string; -export const mobileH2FontFamily : string; -export const mobileH2FontWeight : number; -export const mobileH2LineHeight : string; -export const mobileH2FontSize : string; -export const mobileH2LetterSpacing : number; -export const mobileH2ParagraphSpacing : number; -export const mobileH2TextDecoration : string; -export const mobileH2TextCase : string; -export const mobileH3FontFamily : string; -export const mobileH3FontWeight : number; -export const mobileH3LineHeight : string; -export const mobileH3FontSize : string; -export const mobileH3LetterSpacing : number; -export const mobileH3ParagraphSpacing : number; -export const mobileH3TextDecoration : string; -export const mobileH3TextCase : string; \ 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 6399bbf7..00000000 --- a/dist/tokens/ts/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:33:01 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", - "sizeMobile3xlarge": "32px", - "sizeMobile2xlarge": "28px", - "sizeMobileXlarge": "22px", - "lineHeightXlarge": "40px", - "lineHeightLarge": "32px", - "lineHeightNormal": "24px", - "lineHeightSmall": "16px", - "fontFamilySansSerif": "Mulish", - "weightSemiBold": 700, - "weightBase": 500, - "weightLight": 400, - "weightStrong": 600, - "weightBold": 900, - "h1FontFamily": "Mulish", - "h1FontWeight": 700, - "h1LineHeight": "40px", - "h1FontSize": "40px", - "h1LetterSpacing": 0, - "h1ParagraphSpacing": 0, - "h1TextDecoration": "none", - "h1TextCase": "none", - "h2FontFamily": "Mulish", - "h2FontWeight": 700, - "h2LineHeight": "40px", - "h2FontSize": "32px", - "h2LetterSpacing": 0, - "h2ParagraphSpacing": 0, - "h2TextDecoration": "none", - "h2TextCase": "none", - "h3FontFamily": "Mulish", - "h3FontWeight": 700, - "h3LineHeight": "32px", - "h3FontSize": "24px", - "h3LetterSpacing": 0, - "h3ParagraphSpacing": 0, - "h3TextDecoration": "none", - "h3TextCase": "none", - "h4FontFamily": "Mulish", - "h4FontWeight": 700, - "h4LineHeight": "24px", - "h4FontSize": "20px", - "h4LetterSpacing": 0, - "h4ParagraphSpacing": 0, - "h4TextDecoration": "none", - "h4TextCase": "none", - "h5FontFamily": "Mulish", - "h5FontWeight": 700, - "h5LineHeight": "24px", - "h5FontSize": "16px", - "h5LetterSpacing": 0, - "h5ParagraphSpacing": 0, - "h5TextDecoration": "none", - "h5TextCase": "none", - "bodyFontFamily": "Mulish", - "bodyFontWeight": 500, - "bodyLineHeight": "24px", - "bodyFontSize": "16px", - "bodyLetterSpacing": 0, - "bodyParagraphSpacing": 0, - "bodyTextDecoration": "none", - "bodyTextCase": "none", - "footnoteFontFamily": "Mulish", - "footnoteFontWeight": 500, - "footnoteLineHeight": "16px", - "footnoteFontSize": "14px", - "footnoteLetterSpacing": 0, - "footnoteParagraphSpacing": 0, - "footnoteTextDecoration": "none", - "footnoteTextCase": "none", - "captionFontFamily": "Mulish", - "captionFontWeight": 500, - "captionLineHeight": "16px", - "captionFontSize": "12px", - "captionLetterSpacing": 0, - "captionParagraphSpacing": 0, - "captionTextDecoration": "none", - "captionTextCase": "none", - "mobileH1FontFamily": "Mulish", - "mobileH1FontWeight": 700, - "mobileH1LineHeight": "40px", - "mobileH1FontSize": "32px", - "mobileH1LetterSpacing": 0, - "mobileH1ParagraphSpacing": 0, - "mobileH1TextDecoration": "none", - "mobileH1TextCase": "none", - "mobileH2FontFamily": "Mulish", - "mobileH2FontWeight": 700, - "mobileH2LineHeight": "32px", - "mobileH2FontSize": "28px", - "mobileH2LetterSpacing": 0, - "mobileH2ParagraphSpacing": 0, - "mobileH2TextDecoration": "none", - "mobileH2TextCase": "none", - "mobileH3FontFamily": "Mulish", - "mobileH3FontWeight": 700, - "mobileH3LineHeight": "32px", - "mobileH3FontSize": "22px", - "mobileH3LetterSpacing": 0, - "mobileH3ParagraphSpacing": 0, - "mobileH3TextDecoration": "none", - "mobileH3TextCase": "none" -}; \ 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 bf33064e..00000000 --- a/dist/types/index.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -export * from "./interfaces"; -export * from "./profiles"; -//# 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 1ca1b828..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,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"} \ No newline at end of file diff --git a/dist/types/index.js b/dist/types/index.js deleted file mode 100644 index 9ce320c1..00000000 --- a/dist/types/index.js +++ /dev/null @@ -1,37 +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 _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]; - } - }); -}); \ 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 0cea5539..00000000 --- a/dist/types/interfaces.d.ts +++ /dev/null @@ -1,28 +0,0 @@ -declare const AVIARY_COLORS: { - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; -}; -declare const EXTENDED_AVIARY_COLORS: { - light: string; - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: 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 87d81861..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;;;;;;;CAOlB,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 42449ef5..00000000 --- a/dist/types/interfaces.js +++ /dev/null @@ -1,42 +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" -}; -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 fdaa73de..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 }; -//# 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 c292ac7a..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,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 5197a1c3..00000000 --- a/dist/types/themes.d.ts +++ /dev/null @@ -1,7 +0,0 @@ -import * as light from "../../dist/tokens/ts/themes/light"; -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 }; -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 8bbb62a7..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,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,CAAC;AAChC,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 1b8926c1..00000000 --- a/dist/types/themes.js +++ /dev/null @@ -1,42 +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.light = exports.emerson = exports.dark = void 0; - -var light = _interopRequireWildcard(require("../../dist/tokens/ts/themes/light")); - -exports.light = light; - -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 From 6796d20e2d2f1829a3058b58bc6d0dc7ba45d642 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 2 May 2023 17:45:15 +0000 Subject: [PATCH 06/10] Built and updated design tokens --- dist/documentation/core-dark-colors.d.ts | 216 +++++++++ dist/documentation/core-dark-colors.js | 216 +++++++++ dist/documentation/core-light-colors.d.ts | 249 +++++++++++ dist/documentation/core-light-colors.js | 249 +++++++++++ dist/documentation/themes/dark.d.ts | 505 ++++++++++++++++++++++ dist/documentation/themes/dark.js | 505 ++++++++++++++++++++++ dist/documentation/themes/emerson.d.ts | 505 ++++++++++++++++++++++ dist/documentation/themes/emerson.js | 505 ++++++++++++++++++++++ dist/documentation/themes/light.d.ts | 505 ++++++++++++++++++++++ dist/documentation/themes/light.js | 505 ++++++++++++++++++++++ dist/tokens/native/core-dark-colors.d.ts | 12 + dist/tokens/native/core-dark-colors.js | 12 + dist/tokens/native/core-light-colors.d.ts | 13 + dist/tokens/native/core-light-colors.js | 13 + dist/tokens/native/themes/dark.d.ts | 18 + dist/tokens/native/themes/dark.js | 18 + dist/tokens/native/themes/emerson.d.ts | 18 + dist/tokens/native/themes/emerson.js | 18 + dist/tokens/native/themes/light.d.ts | 18 + dist/tokens/native/themes/light.js | 18 + dist/tokens/native/typography.d.ts | 117 +++++ dist/tokens/native/typography.js | 119 +++++ dist/tokens/scss/core-dark-colors.scss | 55 +++ dist/tokens/scss/core-light-colors.scss | 63 +++ dist/tokens/scss/themes/dark.scss | 126 ++++++ dist/tokens/scss/themes/emerson.scss | 126 ++++++ dist/tokens/scss/themes/light.scss | 126 ++++++ dist/tokens/scss/typography.scss | 116 +++++ dist/tokens/ts/core-dark-colors.d.ts | 12 + dist/tokens/ts/core-dark-colors.js | 12 + dist/tokens/ts/core-light-colors.d.ts | 13 + dist/tokens/ts/core-light-colors.js | 13 + dist/tokens/ts/themes/dark.d.ts | 18 + dist/tokens/ts/themes/dark.js | 18 + dist/tokens/ts/themes/emerson.d.ts | 18 + dist/tokens/ts/themes/emerson.js | 18 + dist/tokens/ts/themes/light.d.ts | 18 + dist/tokens/ts/themes/light.js | 18 + dist/tokens/ts/typography.d.ts | 117 +++++ dist/tokens/ts/typography.js | 119 +++++ 40 files changed, 5360 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/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/typography.d.ts create mode 100644 dist/tokens/native/typography.js 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/typography.scss 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/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/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..94ee0d88 --- /dev/null +++ b/dist/documentation/core-dark-colors.d.ts @@ -0,0 +1,216 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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, + + }}; \ 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..a3f0bf79 --- /dev/null +++ b/dist/documentation/core-dark-colors.js @@ -0,0 +1,216 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#0C291E", + + },200:{ + name: "green.200", + hex: "#13402F", + + },300:{ + name: "green.300", + hex: "#1A5740", + + },400:{ + name: "green.400", + hex: "#256E53", + + },500:{ + name: "green.500", + hex: "#288563", + + },600:{ + name: "green.600", + hex: "#42AD86", + + },700:{ + name: "green.700", + hex: "#86D6B9", + + },800:{ + name: "green.800", + hex: "#DBFFF1", + + }}, +blue : {100:{ + name: "blue.100", + hex: "#0C1B29", + + },200:{ + name: "blue.200", + hex: "#142C45", + + },300:{ + name: "blue.300", + hex: "#1F4366", + + },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: "#611D30", + + },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: "#432652", + + },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: "#F0F1FF", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#29170C", + + },200:{ + name: "orange.200", + hex: "#4A2915", + + },300:{ + name: "orange.300", + hex: "#663A1E", + + },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: "#101012", + + },200:{ + name: "grey.200", + hex: "#1A1D21", + + },300:{ + name: "grey.300", + hex: "#22272B", + + },400:{ + name: "grey.400", + hex: "#2D3238", + + },500:{ + name: "grey.500", + hex: "#515357", + + },600:{ + name: "grey.600", + hex: "#616568", + + },700:{ + name: "grey.700", + hex: "#98999B", + + },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", + + }},}; \ 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..8e47937d --- /dev/null +++ b/dist/documentation/core-light-colors.d.ts @@ -0,0 +1,249 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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 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, + + }}; \ 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..57eef41a --- /dev/null +++ b/dist/documentation/core-light-colors.js @@ -0,0 +1,249 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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", + + }}, +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", + + }},}; \ 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..87677bdf --- /dev/null +++ b/dist/documentation/themes/dark.d.ts @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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, + + },textBase:{ + name: string, + hex: string, + + },textHover:{ + name: string, + hex: string, + + },textActive:{ + name: string, + hex: string, + + },backgroundBase:{ + name: string, + hex: string, + + },backgroundMuted:{ + name: string, + hex: string, + + },backgroundMutedHover:{ + name: string, + hex: string, + + },backgroundMutedActive:{ + name: string, + hex: string, + + },backgroundBox:{ + name: string, + hex: string, + + },borderBase:{ + name: string, + hex: string, + + },borderHover:{ + name: string, + hex: string, + + },borderActive:{ + name: string, + hex: string, + + },borderFocused:{ + name: string, + hex: 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 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 + }}; \ 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..9810657a --- /dev/null +++ b/dist/documentation/themes/dark.js @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#E8E9EA", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#98999B", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#616568", + 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", + + },textBase:{ + name: "system.textBase", + hex: "#98999B", + + },textHover:{ + name: "system.textHover", + hex: "#E8E9EA", + + },textActive:{ + name: "system.textActive", + hex: "#FFFFFF", + + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#1A1D21", + + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#22272B", + + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#2D3238", + + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#515357", + + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#1A1D21", + + },borderBase:{ + name: "system.borderBase", + hex: "#515357", + + },borderHover:{ + name: "system.borderHover", + hex: "#616568", + + },borderActive:{ + name: "system.borderActive", + hex: "#98999B", + + },borderFocused:{ + name: "system.borderFocused", + hex: "#6597CE", + + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#101012", + 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: "#1A1D21", + 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: "#1A1D21", + 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: "#22272B", + description: "Used for elements that are absolutely positioned to overlay content on the page. Has a high contrast versus the current theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#22272B", + 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: "#1A1D21", + 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: "#42AD86", + 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: "#86D6B9", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#DBFFF1", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#288563", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#256E53", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#1A5740", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#13402F", + 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: "#1A5740", + 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: "#256E53", + 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: "#288563", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#256E53", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#1A5740", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +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: "#1F4366", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#142C45", + 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: "#1F4366", + 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: "#1F4366", + 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: "#8A4E29", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#663A1E", + 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: "#663A1E", + 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: "#AD6234", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8A4E29", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#663A1E", + 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: "#8F2843", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#611D30", + 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: "#611D30", + 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: "#B23655", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#8F2843", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#611D30", + 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: "#F0F1FF", + 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: "#542F66", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#432652", + 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: "#432652", + 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: "#693B80", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#542F66", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#432652", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#616568", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#1A1D21", + 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" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#1B2228", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#616568", + 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: "#98999B", + 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: "#98999B", + 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: "#616568", + 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: "#616568", + 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: "#98999B", + 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: "#2D3238", + 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: "#616568", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#1A1D21", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#22272B", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#E8E9EA", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#1A1D21", + 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" + }},}; \ 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..87677bdf --- /dev/null +++ b/dist/documentation/themes/emerson.d.ts @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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, + + },textBase:{ + name: string, + hex: string, + + },textHover:{ + name: string, + hex: string, + + },textActive:{ + name: string, + hex: string, + + },backgroundBase:{ + name: string, + hex: string, + + },backgroundMuted:{ + name: string, + hex: string, + + },backgroundMutedHover:{ + name: string, + hex: string, + + },backgroundMutedActive:{ + name: string, + hex: string, + + },backgroundBox:{ + name: string, + hex: string, + + },borderBase:{ + name: string, + hex: string, + + },borderHover:{ + name: string, + hex: string, + + },borderActive:{ + name: string, + hex: string, + + },borderFocused:{ + name: string, + hex: 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 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 + }}; \ 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..94bb8385 --- /dev/null +++ b/dist/documentation/themes/emerson.js @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#1A1D21", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#22272B", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#2D3238", + 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: "#101012", + + },textBase:{ + name: "system.textBase", + hex: "#22272B", + + },textHover:{ + name: "system.textHover", + hex: "#1A1D21", + + },textActive:{ + name: "system.textActive", + hex: "#101012", + + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#98999B", + + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#616568", + + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#515357", + + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#E8E9EA", + + },borderBase:{ + name: "system.borderBase", + hex: "#515357", + + },borderHover:{ + name: "system.borderHover", + hex: "#2D3238", + + },borderActive:{ + name: "system.borderActive", + hex: "#22272B", + + },borderFocused:{ + name: "system.borderFocused", + hex: "#0281d7", + + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#98999B", + 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: "#98999B", + 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: "#98999B", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#616568", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#101012", + description: "Used for elements that are absolutely positioned to overlay content on the page. Has a high contrast versus the current 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: "#1A1D21", + 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" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#0281d7", + 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: "#0281d7", + 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: "#0281d7", + 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: "#2D3238", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#98999B", + 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" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#616568", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#2D3238", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#98999B", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#616568", + 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: "#22272B", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#22272B", + 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: "#22272B", + 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: "#0281d7", + 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: "#2D3238", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#101012", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#616568", + 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: "#515357", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#2D3238", + 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: "#22272B", + 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: "#0281d7", + 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: "#616568", + 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: "#22272B", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#98999B", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#616568", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#101012", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#98999B", + 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" + }},}; \ 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..87677bdf --- /dev/null +++ b/dist/documentation/themes/light.d.ts @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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, + + },textBase:{ + name: string, + hex: string, + + },textHover:{ + name: string, + hex: string, + + },textActive:{ + name: string, + hex: string, + + },backgroundBase:{ + name: string, + hex: string, + + },backgroundMuted:{ + name: string, + hex: string, + + },backgroundMutedHover:{ + name: string, + hex: string, + + },backgroundMutedActive:{ + name: string, + hex: string, + + },backgroundBox:{ + name: string, + hex: string, + + },borderBase:{ + name: string, + hex: string, + + },borderHover:{ + name: string, + hex: string, + + },borderActive:{ + name: string, + hex: string, + + },borderFocused:{ + name: string, + hex: 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 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 + }}; \ 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..a61d988e --- /dev/null +++ b/dist/documentation/themes/light.js @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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", + + },textBase:{ + name: "system.textBase", + hex: "#475A70", + + },textHover:{ + name: "system.textHover", + hex: "#36485C", + + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + + }}, +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. Has a high contrast versus the current 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" + }}, +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" + }},}; \ 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..ff24e6f7 --- /dev/null +++ b/dist/tokens/native/core-dark-colors.d.ts @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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}; \ No newline at end of file diff --git a/dist/tokens/native/core-dark-colors.js b/dist/tokens/native/core-dark-colors.js new file mode 100644 index 00000000..fd73e820 --- /dev/null +++ b/dist/tokens/native/core-dark-colors.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 GMT + */ + +module.exports = {green : {100 : "#0C291E",200 : "#13402F",300 : "#1A5740",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +blue : {100 : "#0C1B29",200 : "#142C45",300 : "#1F4366",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red : {100 : "#290F16",200 : "#451522",300 : "#611D30",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple : {100 : "#200F29",200 : "#33193F",300 : "#432652",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0F1FF"}, +orange : {100 : "#29170C",200 : "#4A2915",300 : "#663A1E",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#616568",700 : "#98999B",800 : "#E8E9EA"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; \ 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..993114ae --- /dev/null +++ b/dist/tokens/native/core-light-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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 yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ No newline at end of file diff --git a/dist/tokens/native/core-light-colors.js b/dist/tokens/native/core-light-colors.js new file mode 100644 index 00000000..753cb147 --- /dev/null +++ b/dist/tokens/native/core-light-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ 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..2d658995 --- /dev/null +++ b/dist/tokens/native/themes/dark.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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 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}; \ 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..c222e1a2 --- /dev/null +++ b/dist/tokens/native/themes/dark.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 GMT + */ + +module.exports = {theme: "dark", +text : {emphasis : "#E8E9EA",body : "#98999B",subdued : "#616568",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#FFFFFF",textBase : "#98999B",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#1A1D21",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#616568",borderActive : "#98999B",borderFocused : "#6597CE"}, +surface : {level0 : "#101012",level1 : "#1A1D21",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#22272B",overlayBackdrop : "#1A1D21"}, +primary : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#256E53",backgroundActive : "#1A5740",backgroundMuted : "#13402F",backgroundMutedHover : "#1A5740",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#288563",borderHover : "#256E53",borderActive : "#1A5740"}, +info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#1F4366",backgroundMuted : "#142C45",backgroundMutedHover : "#1F4366",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#1F4366"}, +warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#8A4E29",backgroundActive : "#663A1E",backgroundMuted : "#4A2915",backgroundMutedHover : "#663A1E",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#AD6234",borderHover : "#8A4E29",borderActive : "#663A1E"}, +danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#8F2843",backgroundActive : "#611D30",backgroundMuted : "#451522",backgroundMutedHover : "#611D30",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#B23655",borderHover : "#8F2843",borderActive : "#611D30"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0F1FF",backgroundBase : "#693B80",backgroundHover : "#542F66",backgroundActive : "#432652",backgroundMuted : "#33193F",backgroundMutedHover : "#432652",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#693B80",borderHover : "#542F66",borderActive : "#432652"}, +disabled : {text : "#616568",background : "#1A1D21",nakedBackground : "transparent",border : "#515357",inputBackground : "#1B2228",inputLabelText : "#616568"}, +input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#98999B",textInformationError : "#B23655",textLabel : "#98999B",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#616568",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#616568",borderEmphasizedHover : "#98999B",borderActive : "#285685"}, +separator : {base : "#2D3238"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#616568",backgroundHover : "#1A1D21",backgroundActive : "#22272B",textBase : "#E8E9EA",linkMutedBase : "#1A1D21",linkMutedHover : "#FFFFFF"},}; \ 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..2d658995 --- /dev/null +++ b/dist/tokens/native/themes/emerson.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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 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}; \ 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..f62c71cd --- /dev/null +++ b/dist/tokens/native/themes/emerson.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 GMT + */ + +module.exports = {theme: "emerson", +text : {emphasis : "#1A1D21",body : "#22272B",subdued : "#2D3238",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#101012",textBase : "#22272B",textHover : "#1A1D21",textActive : "#101012",backgroundBase : "#FFFFFF",backgroundMuted : "#98999B",backgroundMutedHover : "#616568",backgroundMutedActive : "#515357",backgroundBox : "#E8E9EA",borderBase : "#515357",borderHover : "#2D3238",borderActive : "#22272B",borderFocused : "#0281d7"}, +surface : {level0 : "#98999B",level1 : "#FFFFFF",level2 : "#98999B",interactiveBackground : "#FFFFFF",interactiveHover : "#98999B",interactiveActive : "#616568",overlayDark : "#101012",overlayTheme : "#FFFFFF",overlayBackdrop : "#1A1D21"}, +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"}, +info : {textBase : "#0281d7",textHover : "#21588F",textActive : "#194673",backgroundBase : "#0281d7",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#0281d7",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 : "#2D3238",background : "#98999B",nakedBackground : "transparent",border : "#515357",inputBackground : "#616568",inputLabelText : "#2D3238"}, +input : {backgroundBase : "#98999B",backgroundHover : "#616568",backgroundInformation : "#FFFFFF",textBase : "#22272B",textInformation : "#22272B",textInformationError : "#AF2645",textLabel : "#22272B",textFloatingLabel : "#0281d7",textFloatingLabelError : "#AF2645",textPlaceholder : "#2D3238",textActive : "#101012",borderBase : "#616568",borderError : "#AF2645",borderHover : "#515357",borderEmphasized : "#2D3238",borderEmphasizedHover : "#22272B",borderActive : "#0281d7"}, +separator : {base : "#616568"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#22272B",backgroundHover : "#98999B",backgroundActive : "#616568",textBase : "#101012",linkMutedBase : "#98999B",linkMutedHover : "#FFFFFF"},}; \ 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..2d658995 --- /dev/null +++ b/dist/tokens/native/themes/light.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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 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}; \ 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..b7fc40df --- /dev/null +++ b/dist/tokens/native/themes/light.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 GMT + */ + +module.exports = {theme: "light", +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"}, +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"},}; \ 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..a6d96bdb --- /dev/null +++ b/dist/tokens/native/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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 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 weightSemiBold : string; +export const weightBase : string; +export const weightLight : string; +export const weightStrong : string; +export const weightBold : string; +export const h1FontFamily : string; +export const h1FontWeight : string; +export const h1LineHeight : number; +export const h1FontSize : number; +export const h1LetterSpacing : number; +export const h1ParagraphSpacing : number; +export const h1TextDecoration : string; +export const h1TextCase : string; +export const h2FontFamily : string; +export const h2FontWeight : string; +export const h2LineHeight : number; +export const h2FontSize : number; +export const h2LetterSpacing : number; +export const h2ParagraphSpacing : number; +export const h2TextDecoration : string; +export const h2TextCase : string; +export const h3FontFamily : string; +export const h3FontWeight : string; +export const h3LineHeight : number; +export const h3FontSize : number; +export const h3LetterSpacing : number; +export const h3ParagraphSpacing : number; +export const h3TextDecoration : string; +export const h3TextCase : string; +export const h4FontFamily : string; +export const h4FontWeight : string; +export const h4LineHeight : number; +export const h4FontSize : number; +export const h4LetterSpacing : number; +export const h4ParagraphSpacing : number; +export const h4TextDecoration : string; +export const h4TextCase : string; +export const h5FontFamily : string; +export const h5FontWeight : string; +export const h5LineHeight : number; +export const h5FontSize : number; +export const h5LetterSpacing : number; +export const h5ParagraphSpacing : number; +export const h5TextDecoration : string; +export const h5TextCase : string; +export const bodyFontFamily : string; +export const bodyFontWeight : string; +export const bodyLineHeight : number; +export const bodyFontSize : number; +export const bodyLetterSpacing : number; +export const bodyParagraphSpacing : number; +export const bodyTextDecoration : string; +export const bodyTextCase : string; +export const footnoteFontFamily : string; +export const footnoteFontWeight : string; +export const footnoteLineHeight : number; +export const footnoteFontSize : number; +export const footnoteLetterSpacing : number; +export const footnoteParagraphSpacing : number; +export const footnoteTextDecoration : string; +export const footnoteTextCase : string; +export const captionFontFamily : string; +export const captionFontWeight : string; +export const captionLineHeight : number; +export const captionFontSize : number; +export const captionLetterSpacing : number; +export const captionParagraphSpacing : number; +export const captionTextDecoration : string; +export const captionTextCase : string; +export const mobileH1FontFamily : string; +export const mobileH1FontWeight : string; +export const mobileH1LineHeight : number; +export const mobileH1FontSize : number; +export const mobileH1LetterSpacing : number; +export const mobileH1ParagraphSpacing : number; +export const mobileH1TextDecoration : string; +export const mobileH1TextCase : string; +export const mobileH2FontFamily : string; +export const mobileH2FontWeight : string; +export const mobileH2LineHeight : number; +export const mobileH2FontSize : number; +export const mobileH2LetterSpacing : number; +export const mobileH2ParagraphSpacing : number; +export const mobileH2TextDecoration : string; +export const mobileH2TextCase : string; +export const mobileH3FontFamily : string; +export const mobileH3FontWeight : string; +export const mobileH3LineHeight : number; +export const mobileH3FontSize : number; +export const mobileH3LetterSpacing : number; +export const mobileH3ParagraphSpacing : number; +export const mobileH3TextDecoration : string; +export const mobileH3TextCase : 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..59df5d50 --- /dev/null +++ b/dist/tokens/native/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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, + "sizeMobile3xlarge": 32, + "sizeMobile2xlarge": 28, + "sizeMobileXlarge": 22, + "lineHeightXlarge": 40, + "lineHeightLarge": 32, + "lineHeightNormal": 24, + "lineHeightSmall": 16, + "fontFamilySansSerif": "Mulish", + "weightSemiBold": "700", + "weightBase": "500", + "weightLight": "400", + "weightStrong": "600", + "weightBold": "900", + "h1FontFamily": "Mulish", + "h1FontWeight": "700", + "h1LineHeight": 40, + "h1FontSize": 40, + "h1LetterSpacing": 0, + "h1ParagraphSpacing": 0, + "h1TextDecoration": "none", + "h1TextCase": "none", + "h2FontFamily": "Mulish", + "h2FontWeight": "700", + "h2LineHeight": 40, + "h2FontSize": 32, + "h2LetterSpacing": 0, + "h2ParagraphSpacing": 0, + "h2TextDecoration": "none", + "h2TextCase": "none", + "h3FontFamily": "Mulish", + "h3FontWeight": "700", + "h3LineHeight": 32, + "h3FontSize": 24, + "h3LetterSpacing": 0, + "h3ParagraphSpacing": 0, + "h3TextDecoration": "none", + "h3TextCase": "none", + "h4FontFamily": "Mulish", + "h4FontWeight": "700", + "h4LineHeight": 24, + "h4FontSize": 20, + "h4LetterSpacing": 0, + "h4ParagraphSpacing": 0, + "h4TextDecoration": "none", + "h4TextCase": "none", + "h5FontFamily": "Mulish", + "h5FontWeight": "700", + "h5LineHeight": 24, + "h5FontSize": 16, + "h5LetterSpacing": 0, + "h5ParagraphSpacing": 0, + "h5TextDecoration": "none", + "h5TextCase": "none", + "bodyFontFamily": "Mulish", + "bodyFontWeight": "500", + "bodyLineHeight": 24, + "bodyFontSize": 16, + "bodyLetterSpacing": 0, + "bodyParagraphSpacing": 0, + "bodyTextDecoration": "none", + "bodyTextCase": "none", + "footnoteFontFamily": "Mulish", + "footnoteFontWeight": "500", + "footnoteLineHeight": 16, + "footnoteFontSize": 14, + "footnoteLetterSpacing": 0, + "footnoteParagraphSpacing": 0, + "footnoteTextDecoration": "none", + "footnoteTextCase": "none", + "captionFontFamily": "Mulish", + "captionFontWeight": "500", + "captionLineHeight": 16, + "captionFontSize": 12, + "captionLetterSpacing": 0, + "captionParagraphSpacing": 0, + "captionTextDecoration": "none", + "captionTextCase": "none", + "mobileH1FontFamily": "Mulish", + "mobileH1FontWeight": "700", + "mobileH1LineHeight": 40, + "mobileH1FontSize": 32, + "mobileH1LetterSpacing": 0, + "mobileH1ParagraphSpacing": 0, + "mobileH1TextDecoration": "none", + "mobileH1TextCase": "none", + "mobileH2FontFamily": "Mulish", + "mobileH2FontWeight": "700", + "mobileH2LineHeight": 32, + "mobileH2FontSize": 28, + "mobileH2LetterSpacing": 0, + "mobileH2ParagraphSpacing": 0, + "mobileH2TextDecoration": "none", + "mobileH2TextCase": "none", + "mobileH3FontFamily": "Mulish", + "mobileH3FontWeight": "700", + "mobileH3LineHeight": 32, + "mobileH3FontSize": 22, + "mobileH3LetterSpacing": 0, + "mobileH3ParagraphSpacing": 0, + "mobileH3TextDecoration": "none", + "mobileH3TextCase": "none" +}; \ 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..b6fa8401 --- /dev/null +++ b/dist/tokens/scss/core-dark-colors.scss @@ -0,0 +1,55 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:45:14 GMT + +$green100: #0C291E; +$green200: #13402F; +$green300: #1A5740; +$green400: #256E53; +$green500: #288563; +$green600: #42AD86; +$green700: #86D6B9; +$green800: #DBFFF1; +$blue100: #0C1B29; +$blue200: #142C45; +$blue300: #1F4366; +$blue400: #285685; +$blue500: #4577AD; +$blue600: #6597CE; +$blue700: #96BDE7; +$blue800: #D1E8FF; +$red100: #290F16; +$red200: #451522; +$red300: #611D30; +$red400: #8F2843; +$red500: #B23655; +$red600: #C74C6B; +$red700: #EA8AA3; +$red800: #FFD1DD; +$purple100: #200F29; +$purple200: #33193F; +$purple300: #432652; +$purple400: #542F66; +$purple500: #693B80; +$purple600: #865C99; +$purple700: #B990CC; +$purple800: #F0F1FF; +$orange100: #29170C; +$orange200: #4A2915; +$orange300: #663A1E; +$orange400: #8A4E29; +$orange500: #AD6234; +$orange600: #CF7945; +$orange700: #E7AA84; +$orange800: #FFE3D1; +$grey100: #101012; +$grey200: #1A1D21; +$grey300: #22272B; +$grey400: #2D3238; +$grey500: #515357; +$grey600: #616568; +$grey700: #98999B; +$grey800: #E8E9EA; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; \ 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..3b5674ca --- /dev/null +++ b/dist/tokens/scss/core-light-colors.scss @@ -0,0 +1,63 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:45:14 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; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$yellow100: #faf8f2; +$yellow200: #fcf3dd; +$yellow300: #fce7b1; +$yellow400: #fcd97e; +$yellow500: #fccb4c; +$yellow600: #ffc121; +$yellow700: #f7b200; +$yellow800: #e5a500; \ 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..2fdd5753 --- /dev/null +++ b/dist/tokens/scss/themes/dark.scss @@ -0,0 +1,126 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:45:14 GMT + +$textEmphasis: #E8E9EA; +$textBody: #98999B; +$textSubdued: #616568; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #FFFFFF; +$systemTextBase: #98999B; +$systemTextHover: #E8E9EA; +$systemTextActive: #FFFFFF; +$systemBackgroundBase: #1A1D21; +$systemBackgroundMuted: #22272B; +$systemBackgroundMutedHover: #2D3238; +$systemBackgroundMutedActive: #515357; +$systemBackgroundBox: #1A1D21; +$systemBorderBase: #515357; +$systemBorderHover: #616568; +$systemBorderActive: #98999B; +$systemBorderFocused: #6597CE; +$surfaceLevel0: #101012; +$surfaceLevel1: #1A1D21; +$surfaceLevel2: #22272B; +$surfaceInteractiveBackground: #1A1D21; +$surfaceInteractiveHover: #22272B; +$surfaceInteractiveActive: #2D3238; +$surfaceOverlayDark: #22272B; +$surfaceOverlayTheme: #22272B; +$surfaceOverlayBackdrop: #1A1D21; +$primaryTextBase: #42AD86; +$primaryTextHover: #86D6B9; +$primaryTextActive: #DBFFF1; +$primaryBackgroundBase: #288563; +$primaryBackgroundHover: #256E53; +$primaryBackgroundActive: #1A5740; +$primaryBackgroundMuted: #13402F; +$primaryBackgroundMutedHover: #1A5740; +$primaryBackgroundMutedActive: #256E53; +$primaryBackgroundBox: #0C291E; +$primaryBorderBase: #288563; +$primaryBorderHover: #256E53; +$primaryBorderActive: #1A5740; +$infoTextBase: #6597CE; +$infoTextHover: #96BDE7; +$infoTextActive: #D1E8FF; +$infoBackgroundBase: #4577AD; +$infoBackgroundHover: #285685; +$infoBackgroundActive: #1F4366; +$infoBackgroundMuted: #142C45; +$infoBackgroundMutedHover: #1F4366; +$infoBackgroundMutedActive: #285685; +$infoBackgroundBox: #0C1B29; +$infoBorderBase: #4577AD; +$infoBorderHover: #285685; +$infoBorderActive: #1F4366; +$warningTextBase: #CF7945; +$warningTextHover: #E7AA84; +$warningTextActive: #FFE3D1; +$warningBackgroundBase: #AD6234; +$warningBackgroundHover: #8A4E29; +$warningBackgroundActive: #663A1E; +$warningBackgroundMuted: #4A2915; +$warningBackgroundMutedHover: #663A1E; +$warningBackgroundMutedActive: #8A4E29; +$warningBackgroundBox: #29170C; +$warningBorderBase: #AD6234; +$warningBorderHover: #8A4E29; +$warningBorderActive: #663A1E; +$dangerTextBase: #C74C6B; +$dangerTextHover: #EA8AA3; +$dangerTextActive: #FFD1DD; +$dangerBackgroundBase: #B23655; +$dangerBackgroundHover: #8F2843; +$dangerBackgroundActive: #611D30; +$dangerBackgroundMuted: #451522; +$dangerBackgroundMutedHover: #611D30; +$dangerBackgroundMutedActive: #8F2843; +$dangerBackgroundBox: #290F16; +$dangerBorderBase: #B23655; +$dangerBorderHover: #8F2843; +$dangerBorderActive: #611D30; +$highlightTextBase: #865C99; +$highlightTextHover: #B990CC; +$highlightTextActive: #F0F1FF; +$highlightBackgroundBase: #693B80; +$highlightBackgroundHover: #542F66; +$highlightBackgroundActive: #432652; +$highlightBackgroundMuted: #33193F; +$highlightBackgroundMutedHover: #432652; +$highlightBackgroundMutedActive: #542F66; +$highlightBackgroundBox: #200F29; +$highlightBorderBase: #693B80; +$highlightBorderHover: #542F66; +$highlightBorderActive: #432652; +$disabledText: #616568; +$disabledBackground: #1A1D21; +$disabledNakedBackground: transparent; +$disabledBorder: #515357; +$disabledInputBackground: #1B2228; +$disabledInputLabelText: #616568; +$inputBackgroundBase: #1B2228; +$inputBackgroundHover: #2D3238; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #FFFFFF; +$inputTextInformation: #98999B; +$inputTextInformationError: #B23655; +$inputTextLabel: #98999B; +$inputTextFloatingLabel: #4577AD; +$inputTextFloatingLabelError: #B23655; +$inputTextPlaceholder: #616568; +$inputTextActive: #FFFFFF; +$inputBorderBase: #2D3238; +$inputBorderError: #8F2843; +$inputBorderHover: #515357; +$inputBorderEmphasized: #616568; +$inputBorderEmphasizedHover: #98999B; +$inputBorderActive: #285685; +$separatorBase: #2D3238; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #616568; +$lightBackgroundHover: #1A1D21; +$lightBackgroundActive: #22272B; +$lightTextBase: #E8E9EA; +$lightLinkMutedBase: #1A1D21; +$lightLinkMutedHover: #FFFFFF; \ 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..e0a2b002 --- /dev/null +++ b/dist/tokens/scss/themes/emerson.scss @@ -0,0 +1,126 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:45:14 GMT + +$textEmphasis: #1A1D21; +$textBody: #22272B; +$textSubdued: #2D3238; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #101012; +$systemTextBase: #22272B; +$systemTextHover: #1A1D21; +$systemTextActive: #101012; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #98999B; +$systemBackgroundMutedHover: #616568; +$systemBackgroundMutedActive: #515357; +$systemBackgroundBox: #E8E9EA; +$systemBorderBase: #515357; +$systemBorderHover: #2D3238; +$systemBorderActive: #22272B; +$systemBorderFocused: #0281d7; +$surfaceLevel0: #98999B; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #98999B; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #98999B; +$surfaceInteractiveActive: #616568; +$surfaceOverlayDark: #101012; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #1A1D21; +$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; +$infoTextBase: #0281d7; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #0281d7; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #0281d7; +$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: #2D3238; +$disabledBackground: #98999B; +$disabledNakedBackground: transparent; +$disabledBorder: #515357; +$disabledInputBackground: #616568; +$disabledInputLabelText: #2D3238; +$inputBackgroundBase: #98999B; +$inputBackgroundHover: #616568; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #22272B; +$inputTextInformation: #22272B; +$inputTextInformationError: #AF2645; +$inputTextLabel: #22272B; +$inputTextFloatingLabel: #0281d7; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #2D3238; +$inputTextActive: #101012; +$inputBorderBase: #616568; +$inputBorderError: #AF2645; +$inputBorderHover: #515357; +$inputBorderEmphasized: #2D3238; +$inputBorderEmphasizedHover: #22272B; +$inputBorderActive: #0281d7; +$separatorBase: #616568; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #22272B; +$lightBackgroundHover: #98999B; +$lightBackgroundActive: #616568; +$lightTextBase: #101012; +$lightLinkMutedBase: #98999B; +$lightLinkMutedHover: #FFFFFF; \ 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..11a630e6 --- /dev/null +++ b/dist/tokens/scss/themes/light.scss @@ -0,0 +1,126 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:45:14 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; +$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; \ 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..209432bc --- /dev/null +++ b/dist/tokens/scss/typography.scss @@ -0,0 +1,116 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:45:14 GMT + +$letterSpacingBase: 0; +$paragraphSpacingBase: 0; +$textDecorationBase: none; +$textCaseBase: none; +$size3xlarge: 40px; +$size2xlarge: 32px; +$sizeXlarge: 24px; +$sizeLarge: 20px; +$sizeNormal: 16px; +$sizeSmall: 14px; +$sizeXsmall: 12px; +$sizeMobile3xlarge: 32px; +$sizeMobile2xlarge: 28px; +$sizeMobileXlarge: 22px; +$lineHeightXlarge: 40px; +$lineHeightLarge: 32px; +$lineHeightNormal: 24px; +$lineHeightSmall: 16px; +$fontFamilySansSerif: Mulish; +$weightSemiBold: 700; +$weightBase: 500; +$weightLight: 400; +$weightStrong: 600; +$weightBold: 900; +$h1FontFamily: Mulish; +$h1FontWeight: 700; +$h1LineHeight: 40px; +$h1FontSize: 40px; +$h1LetterSpacing: 0; +$h1ParagraphSpacing: 0; +$h1TextDecoration: none; +$h1TextCase: none; +$h2FontFamily: Mulish; +$h2FontWeight: 700; +$h2LineHeight: 40px; +$h2FontSize: 32px; +$h2LetterSpacing: 0; +$h2ParagraphSpacing: 0; +$h2TextDecoration: none; +$h2TextCase: none; +$h3FontFamily: Mulish; +$h3FontWeight: 700; +$h3LineHeight: 32px; +$h3FontSize: 24px; +$h3LetterSpacing: 0; +$h3ParagraphSpacing: 0; +$h3TextDecoration: none; +$h3TextCase: none; +$h4FontFamily: Mulish; +$h4FontWeight: 700; +$h4LineHeight: 24px; +$h4FontSize: 20px; +$h4LetterSpacing: 0; +$h4ParagraphSpacing: 0; +$h4TextDecoration: none; +$h4TextCase: none; +$h5FontFamily: Mulish; +$h5FontWeight: 700; +$h5LineHeight: 24px; +$h5FontSize: 16px; +$h5LetterSpacing: 0; +$h5ParagraphSpacing: 0; +$h5TextDecoration: none; +$h5TextCase: none; +$bodyFontFamily: Mulish; +$bodyFontWeight: 500; +$bodyLineHeight: 24px; +$bodyFontSize: 16px; +$bodyLetterSpacing: 0; +$bodyParagraphSpacing: 0; +$bodyTextDecoration: none; +$bodyTextCase: none; +$footnoteFontFamily: Mulish; +$footnoteFontWeight: 500; +$footnoteLineHeight: 16px; +$footnoteFontSize: 14px; +$footnoteLetterSpacing: 0; +$footnoteParagraphSpacing: 0; +$footnoteTextDecoration: none; +$footnoteTextCase: none; +$captionFontFamily: Mulish; +$captionFontWeight: 500; +$captionLineHeight: 16px; +$captionFontSize: 12px; +$captionLetterSpacing: 0; +$captionParagraphSpacing: 0; +$captionTextDecoration: none; +$captionTextCase: none; +$mobileH1FontFamily: Mulish; +$mobileH1FontWeight: 700; +$mobileH1LineHeight: 40px; +$mobileH1FontSize: 32px; +$mobileH1LetterSpacing: 0; +$mobileH1ParagraphSpacing: 0; +$mobileH1TextDecoration: none; +$mobileH1TextCase: none; +$mobileH2FontFamily: Mulish; +$mobileH2FontWeight: 700; +$mobileH2LineHeight: 32px; +$mobileH2FontSize: 28px; +$mobileH2LetterSpacing: 0; +$mobileH2ParagraphSpacing: 0; +$mobileH2TextDecoration: none; +$mobileH2TextCase: none; +$mobileH3FontFamily: Mulish; +$mobileH3FontWeight: 700; +$mobileH3LineHeight: 32px; +$mobileH3FontSize: 22px; +$mobileH3LetterSpacing: 0; +$mobileH3ParagraphSpacing: 0; +$mobileH3TextDecoration: none; +$mobileH3TextCase: none; \ 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..ff24e6f7 --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.d.ts @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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}; \ No newline at end of file diff --git a/dist/tokens/ts/core-dark-colors.js b/dist/tokens/ts/core-dark-colors.js new file mode 100644 index 00000000..fd73e820 --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 GMT + */ + +module.exports = {green : {100 : "#0C291E",200 : "#13402F",300 : "#1A5740",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +blue : {100 : "#0C1B29",200 : "#142C45",300 : "#1F4366",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red : {100 : "#290F16",200 : "#451522",300 : "#611D30",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple : {100 : "#200F29",200 : "#33193F",300 : "#432652",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0F1FF"}, +orange : {100 : "#29170C",200 : "#4A2915",300 : "#663A1E",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#616568",700 : "#98999B",800 : "#E8E9EA"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; \ 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..993114ae --- /dev/null +++ b/dist/tokens/ts/core-light-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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 yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ No newline at end of file diff --git a/dist/tokens/ts/core-light-colors.js b/dist/tokens/ts/core-light-colors.js new file mode 100644 index 00000000..753cb147 --- /dev/null +++ b/dist/tokens/ts/core-light-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ 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..2d658995 --- /dev/null +++ b/dist/tokens/ts/themes/dark.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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 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}; \ 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..c222e1a2 --- /dev/null +++ b/dist/tokens/ts/themes/dark.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 GMT + */ + +module.exports = {theme: "dark", +text : {emphasis : "#E8E9EA",body : "#98999B",subdued : "#616568",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#FFFFFF",textBase : "#98999B",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#1A1D21",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#616568",borderActive : "#98999B",borderFocused : "#6597CE"}, +surface : {level0 : "#101012",level1 : "#1A1D21",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#22272B",overlayBackdrop : "#1A1D21"}, +primary : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#256E53",backgroundActive : "#1A5740",backgroundMuted : "#13402F",backgroundMutedHover : "#1A5740",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#288563",borderHover : "#256E53",borderActive : "#1A5740"}, +info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#1F4366",backgroundMuted : "#142C45",backgroundMutedHover : "#1F4366",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#1F4366"}, +warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#8A4E29",backgroundActive : "#663A1E",backgroundMuted : "#4A2915",backgroundMutedHover : "#663A1E",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#AD6234",borderHover : "#8A4E29",borderActive : "#663A1E"}, +danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#8F2843",backgroundActive : "#611D30",backgroundMuted : "#451522",backgroundMutedHover : "#611D30",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#B23655",borderHover : "#8F2843",borderActive : "#611D30"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0F1FF",backgroundBase : "#693B80",backgroundHover : "#542F66",backgroundActive : "#432652",backgroundMuted : "#33193F",backgroundMutedHover : "#432652",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#693B80",borderHover : "#542F66",borderActive : "#432652"}, +disabled : {text : "#616568",background : "#1A1D21",nakedBackground : "transparent",border : "#515357",inputBackground : "#1B2228",inputLabelText : "#616568"}, +input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#98999B",textInformationError : "#B23655",textLabel : "#98999B",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#616568",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#616568",borderEmphasizedHover : "#98999B",borderActive : "#285685"}, +separator : {base : "#2D3238"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#616568",backgroundHover : "#1A1D21",backgroundActive : "#22272B",textBase : "#E8E9EA",linkMutedBase : "#1A1D21",linkMutedHover : "#FFFFFF"},}; \ 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..2d658995 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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 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}; \ 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..f62c71cd --- /dev/null +++ b/dist/tokens/ts/themes/emerson.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 GMT + */ + +module.exports = {theme: "emerson", +text : {emphasis : "#1A1D21",body : "#22272B",subdued : "#2D3238",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#101012",textBase : "#22272B",textHover : "#1A1D21",textActive : "#101012",backgroundBase : "#FFFFFF",backgroundMuted : "#98999B",backgroundMutedHover : "#616568",backgroundMutedActive : "#515357",backgroundBox : "#E8E9EA",borderBase : "#515357",borderHover : "#2D3238",borderActive : "#22272B",borderFocused : "#0281d7"}, +surface : {level0 : "#98999B",level1 : "#FFFFFF",level2 : "#98999B",interactiveBackground : "#FFFFFF",interactiveHover : "#98999B",interactiveActive : "#616568",overlayDark : "#101012",overlayTheme : "#FFFFFF",overlayBackdrop : "#1A1D21"}, +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"}, +info : {textBase : "#0281d7",textHover : "#21588F",textActive : "#194673",backgroundBase : "#0281d7",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#0281d7",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 : "#2D3238",background : "#98999B",nakedBackground : "transparent",border : "#515357",inputBackground : "#616568",inputLabelText : "#2D3238"}, +input : {backgroundBase : "#98999B",backgroundHover : "#616568",backgroundInformation : "#FFFFFF",textBase : "#22272B",textInformation : "#22272B",textInformationError : "#AF2645",textLabel : "#22272B",textFloatingLabel : "#0281d7",textFloatingLabelError : "#AF2645",textPlaceholder : "#2D3238",textActive : "#101012",borderBase : "#616568",borderError : "#AF2645",borderHover : "#515357",borderEmphasized : "#2D3238",borderEmphasizedHover : "#22272B",borderActive : "#0281d7"}, +separator : {base : "#616568"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#22272B",backgroundHover : "#98999B",backgroundActive : "#616568",textBase : "#101012",linkMutedBase : "#98999B",linkMutedHover : "#FFFFFF"},}; \ 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..2d658995 --- /dev/null +++ b/dist/tokens/ts/themes/light.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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 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}; \ 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..b7fc40df --- /dev/null +++ b/dist/tokens/ts/themes/light.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 GMT + */ + +module.exports = {theme: "light", +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"}, +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"},}; \ 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..96487e6d --- /dev/null +++ b/dist/tokens/ts/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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 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 weightSemiBold : number; +export const weightBase : number; +export const weightLight : number; +export const weightStrong : number; +export const weightBold : number; +export const h1FontFamily : string; +export const h1FontWeight : number; +export const h1LineHeight : string; +export const h1FontSize : string; +export const h1LetterSpacing : number; +export const h1ParagraphSpacing : number; +export const h1TextDecoration : string; +export const h1TextCase : string; +export const h2FontFamily : string; +export const h2FontWeight : number; +export const h2LineHeight : string; +export const h2FontSize : string; +export const h2LetterSpacing : number; +export const h2ParagraphSpacing : number; +export const h2TextDecoration : string; +export const h2TextCase : string; +export const h3FontFamily : string; +export const h3FontWeight : number; +export const h3LineHeight : string; +export const h3FontSize : string; +export const h3LetterSpacing : number; +export const h3ParagraphSpacing : number; +export const h3TextDecoration : string; +export const h3TextCase : string; +export const h4FontFamily : string; +export const h4FontWeight : number; +export const h4LineHeight : string; +export const h4FontSize : string; +export const h4LetterSpacing : number; +export const h4ParagraphSpacing : number; +export const h4TextDecoration : string; +export const h4TextCase : string; +export const h5FontFamily : string; +export const h5FontWeight : number; +export const h5LineHeight : string; +export const h5FontSize : string; +export const h5LetterSpacing : number; +export const h5ParagraphSpacing : number; +export const h5TextDecoration : string; +export const h5TextCase : string; +export const bodyFontFamily : string; +export const bodyFontWeight : number; +export const bodyLineHeight : string; +export const bodyFontSize : string; +export const bodyLetterSpacing : number; +export const bodyParagraphSpacing : number; +export const bodyTextDecoration : string; +export const bodyTextCase : string; +export const footnoteFontFamily : string; +export const footnoteFontWeight : number; +export const footnoteLineHeight : string; +export const footnoteFontSize : string; +export const footnoteLetterSpacing : number; +export const footnoteParagraphSpacing : number; +export const footnoteTextDecoration : string; +export const footnoteTextCase : string; +export const captionFontFamily : string; +export const captionFontWeight : number; +export const captionLineHeight : string; +export const captionFontSize : string; +export const captionLetterSpacing : number; +export const captionParagraphSpacing : number; +export const captionTextDecoration : string; +export const captionTextCase : string; +export const mobileH1FontFamily : string; +export const mobileH1FontWeight : number; +export const mobileH1LineHeight : string; +export const mobileH1FontSize : string; +export const mobileH1LetterSpacing : number; +export const mobileH1ParagraphSpacing : number; +export const mobileH1TextDecoration : string; +export const mobileH1TextCase : string; +export const mobileH2FontFamily : string; +export const mobileH2FontWeight : number; +export const mobileH2LineHeight : string; +export const mobileH2FontSize : string; +export const mobileH2LetterSpacing : number; +export const mobileH2ParagraphSpacing : number; +export const mobileH2TextDecoration : string; +export const mobileH2TextCase : string; +export const mobileH3FontFamily : string; +export const mobileH3FontWeight : number; +export const mobileH3LineHeight : string; +export const mobileH3FontSize : string; +export const mobileH3LetterSpacing : number; +export const mobileH3ParagraphSpacing : number; +export const mobileH3TextDecoration : string; +export const mobileH3TextCase : string; \ 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..df0a6611 --- /dev/null +++ b/dist/tokens/ts/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:45:14 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", + "sizeMobile3xlarge": "32px", + "sizeMobile2xlarge": "28px", + "sizeMobileXlarge": "22px", + "lineHeightXlarge": "40px", + "lineHeightLarge": "32px", + "lineHeightNormal": "24px", + "lineHeightSmall": "16px", + "fontFamilySansSerif": "Mulish", + "weightSemiBold": 700, + "weightBase": 500, + "weightLight": 400, + "weightStrong": 600, + "weightBold": 900, + "h1FontFamily": "Mulish", + "h1FontWeight": 700, + "h1LineHeight": "40px", + "h1FontSize": "40px", + "h1LetterSpacing": 0, + "h1ParagraphSpacing": 0, + "h1TextDecoration": "none", + "h1TextCase": "none", + "h2FontFamily": "Mulish", + "h2FontWeight": 700, + "h2LineHeight": "40px", + "h2FontSize": "32px", + "h2LetterSpacing": 0, + "h2ParagraphSpacing": 0, + "h2TextDecoration": "none", + "h2TextCase": "none", + "h3FontFamily": "Mulish", + "h3FontWeight": 700, + "h3LineHeight": "32px", + "h3FontSize": "24px", + "h3LetterSpacing": 0, + "h3ParagraphSpacing": 0, + "h3TextDecoration": "none", + "h3TextCase": "none", + "h4FontFamily": "Mulish", + "h4FontWeight": 700, + "h4LineHeight": "24px", + "h4FontSize": "20px", + "h4LetterSpacing": 0, + "h4ParagraphSpacing": 0, + "h4TextDecoration": "none", + "h4TextCase": "none", + "h5FontFamily": "Mulish", + "h5FontWeight": 700, + "h5LineHeight": "24px", + "h5FontSize": "16px", + "h5LetterSpacing": 0, + "h5ParagraphSpacing": 0, + "h5TextDecoration": "none", + "h5TextCase": "none", + "bodyFontFamily": "Mulish", + "bodyFontWeight": 500, + "bodyLineHeight": "24px", + "bodyFontSize": "16px", + "bodyLetterSpacing": 0, + "bodyParagraphSpacing": 0, + "bodyTextDecoration": "none", + "bodyTextCase": "none", + "footnoteFontFamily": "Mulish", + "footnoteFontWeight": 500, + "footnoteLineHeight": "16px", + "footnoteFontSize": "14px", + "footnoteLetterSpacing": 0, + "footnoteParagraphSpacing": 0, + "footnoteTextDecoration": "none", + "footnoteTextCase": "none", + "captionFontFamily": "Mulish", + "captionFontWeight": 500, + "captionLineHeight": "16px", + "captionFontSize": "12px", + "captionLetterSpacing": 0, + "captionParagraphSpacing": 0, + "captionTextDecoration": "none", + "captionTextCase": "none", + "mobileH1FontFamily": "Mulish", + "mobileH1FontWeight": 700, + "mobileH1LineHeight": "40px", + "mobileH1FontSize": "32px", + "mobileH1LetterSpacing": 0, + "mobileH1ParagraphSpacing": 0, + "mobileH1TextDecoration": "none", + "mobileH1TextCase": "none", + "mobileH2FontFamily": "Mulish", + "mobileH2FontWeight": 700, + "mobileH2LineHeight": "32px", + "mobileH2FontSize": "28px", + "mobileH2LetterSpacing": 0, + "mobileH2ParagraphSpacing": 0, + "mobileH2TextDecoration": "none", + "mobileH2TextCase": "none", + "mobileH3FontFamily": "Mulish", + "mobileH3FontWeight": 700, + "mobileH3LineHeight": "32px", + "mobileH3FontSize": "22px", + "mobileH3LetterSpacing": 0, + "mobileH3ParagraphSpacing": 0, + "mobileH3TextDecoration": "none", + "mobileH3TextCase": "none" +}; \ No newline at end of file From 620094bc5eba76901099430b54d9733d2b32f209 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 2 May 2023 17:45:50 +0000 Subject: [PATCH 07/10] Files compiled! --- dist/helpers/colorProfileMapper.d.ts | 94 ++++++++++++++++++++++++ dist/helpers/colorProfileMapper.d.ts.map | 1 + dist/helpers/colorProfileMapper.js | 20 +++++ dist/helpers/index.d.ts | 2 + dist/helpers/index.d.ts.map | 1 + dist/helpers/index.js | 24 ++++++ dist/index.d.ts | 8 ++ dist/index.d.ts.map | 1 + dist/index.js | 89 ++++++++++++++++++++++ dist/types/index.d.ts | 3 + dist/types/index.d.ts.map | 1 + dist/types/index.js | 37 ++++++++++ dist/types/interfaces.d.ts | 28 +++++++ dist/types/interfaces.d.ts.map | 1 + dist/types/interfaces.js | 42 +++++++++++ dist/types/profiles.d.ts | 6 ++ dist/types/profiles.d.ts.map | 1 + dist/types/profiles.js | 5 ++ dist/types/themes.d.ts | 7 ++ dist/types/themes.d.ts.map | 1 + dist/types/themes.js | 42 +++++++++++ 21 files changed, 414 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/index.d.ts create mode 100644 dist/types/index.d.ts.map create mode 100644 dist/types/index.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..f1f8e962 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts @@ -0,0 +1,94 @@ +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; + }; +}; +//# 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..82925827 --- /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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS3D,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..77f12372 --- /dev/null +++ b/dist/helpers/colorProfileMapper.js @@ -0,0 +1,20 @@ +"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 + }; +}; + +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..90fee409 --- /dev/null +++ b/dist/index.d.ts @@ -0,0 +1,8 @@ +export * from "./helpers"; +export * from "./types"; +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..54ac0542 --- /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,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..224c96c5 --- /dev/null +++ b/dist/index.js @@ -0,0 +1,89 @@ +"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 = { + typography: true, + lightThemeDocumentation: true, + darkThemeDocumentation: true, + coreDarkDocumentation: true, + coreLightDocumentation: true +}; +exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = 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 _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/index.d.ts b/dist/types/index.d.ts new file mode 100644 index 00000000..bf33064e --- /dev/null +++ b/dist/types/index.d.ts @@ -0,0 +1,3 @@ +export * from "./interfaces"; +export * from "./profiles"; +//# 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..1ca1b828 --- /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,cAAc,CAAC;AAC7B,cAAc,YAAY,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..9ce320c1 --- /dev/null +++ b/dist/types/index.js @@ -0,0 +1,37 @@ +"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 _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]; + } + }); +}); \ 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..0cea5539 --- /dev/null +++ b/dist/types/interfaces.d.ts @@ -0,0 +1,28 @@ +declare const AVIARY_COLORS: { + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; +}; +declare const EXTENDED_AVIARY_COLORS: { + light: string; + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: 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..87d81861 --- /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;;;;;;;CAOlB,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..42449ef5 --- /dev/null +++ b/dist/types/interfaces.js @@ -0,0 +1,42 @@ +"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" +}; +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..fdaa73de --- /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 }; +//# 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..c292ac7a --- /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,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..5197a1c3 --- /dev/null +++ b/dist/types/themes.d.ts @@ -0,0 +1,7 @@ +import * as light from "../../dist/tokens/ts/themes/light"; +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 }; +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..8bbb62a7 --- /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,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,CAAC;AAChC,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..1b8926c1 --- /dev/null +++ b/dist/types/themes.js @@ -0,0 +1,42 @@ +"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.light = exports.emerson = exports.dark = void 0; + +var light = _interopRequireWildcard(require("../../dist/tokens/ts/themes/light")); + +exports.light = light; + +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 From 9c8db0bf448d911a3fad5e1de366935a2a9349cb Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 2 May 2023 17:50:25 +0000 Subject: [PATCH 08/10] Transformed tokens --- dist/documentation/core-dark-colors.d.ts | 223 ------- dist/documentation/core-dark-colors.js | 225 ------- dist/documentation/core-light-colors.d.ts | 257 -------- dist/documentation/core-light-colors.js | 259 -------- dist/documentation/themes/dark.d.ts | 639 ------------------- dist/documentation/themes/dark.js | 716 ---------------------- dist/documentation/themes/emerson.d.ts | 639 ------------------- dist/documentation/themes/emerson.js | 716 ---------------------- dist/documentation/themes/light.d.ts | 639 ------------------- dist/documentation/themes/light.js | 716 ---------------------- dist/helpers/colorProfileMapper.d.ts | 94 --- dist/helpers/colorProfileMapper.d.ts.map | 1 - dist/helpers/colorProfileMapper.js | 20 - dist/helpers/index.d.ts | 2 - dist/helpers/index.d.ts.map | 1 - dist/helpers/index.js | 24 - dist/index.d.ts | 8 - dist/index.d.ts.map | 1 - dist/index.js | 89 --- dist/tokens/native/core-dark-colors.d.ts | 66 -- dist/tokens/native/core-dark-colors.js | 68 -- dist/tokens/native/core-light-colors.d.ts | 76 --- dist/tokens/native/core-light-colors.js | 78 --- dist/tokens/native/themes/dark.d.ts | 145 ----- dist/tokens/native/themes/dark.js | 147 ----- dist/tokens/native/themes/emerson.d.ts | 145 ----- dist/tokens/native/themes/emerson.js | 147 ----- dist/tokens/native/themes/light.d.ts | 145 ----- dist/tokens/native/themes/light.js | 147 ----- dist/tokens/native/typography.d.ts | 117 ---- dist/tokens/native/typography.js | 119 ---- dist/tokens/scss/core-dark-colors.scss | 54 -- dist/tokens/scss/core-light-colors.scss | 62 -- dist/tokens/scss/themes/dark.scss | 125 ---- dist/tokens/scss/themes/emerson.scss | 125 ---- dist/tokens/scss/themes/light.scss | 125 ---- dist/tokens/scss/typography.scss | 115 ---- dist/tokens/ts/core-dark-colors.d.ts | 66 -- dist/tokens/ts/core-dark-colors.js | 68 -- dist/tokens/ts/core-light-colors.d.ts | 76 --- dist/tokens/ts/core-light-colors.js | 78 --- dist/tokens/ts/themes/dark.d.ts | 145 ----- dist/tokens/ts/themes/dark.js | 147 ----- dist/tokens/ts/themes/emerson.d.ts | 145 ----- dist/tokens/ts/themes/emerson.js | 147 ----- dist/tokens/ts/themes/light.d.ts | 145 ----- dist/tokens/ts/themes/light.js | 147 ----- dist/tokens/ts/typography.d.ts | 117 ---- dist/tokens/ts/typography.js | 119 ---- dist/types/index.d.ts | 3 - dist/types/index.d.ts.map | 1 - dist/types/index.js | 37 -- dist/types/interfaces.d.ts | 28 - dist/types/interfaces.d.ts.map | 1 - dist/types/interfaces.js | 42 -- dist/types/profiles.d.ts | 6 - dist/types/profiles.d.ts.map | 1 - dist/types/profiles.js | 5 - dist/types/themes.d.ts | 7 - dist/types/themes.d.ts.map | 1 - dist/types/themes.js | 42 -- 61 files changed, 8849 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/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/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/typography.d.ts delete mode 100644 dist/tokens/native/typography.js 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/typography.scss 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/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/typography.d.ts delete mode 100644 dist/tokens/ts/typography.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/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 5179219a..00000000 --- a/dist/documentation/core-dark-colors.d.ts +++ /dev/null @@ -1,223 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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; - }; -}; diff --git a/dist/documentation/core-dark-colors.js b/dist/documentation/core-dark-colors.js deleted file mode 100644 index 2b96d493..00000000 --- a/dist/documentation/core-dark-colors.js +++ /dev/null @@ -1,225 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 GMT - */ - -module.exports = { - green: { - 100: { - name: "green.100", - hex: "#0C291E", - }, - 200: { - name: "green.200", - hex: "#13402F", - }, - 300: { - name: "green.300", - hex: "#1A5740", - }, - 400: { - name: "green.400", - hex: "#256E53", - }, - 500: { - name: "green.500", - hex: "#288563", - }, - 600: { - name: "green.600", - hex: "#42AD86", - }, - 700: { - name: "green.700", - hex: "#86D6B9", - }, - 800: { - name: "green.800", - hex: "#DBFFF1", - }, - }, - blue: { - 100: { - name: "blue.100", - hex: "#0C1B29", - }, - 200: { - name: "blue.200", - hex: "#142C45", - }, - 300: { - name: "blue.300", - hex: "#1F4366", - }, - 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: "#611D30", - }, - 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: "#432652", - }, - 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: "#F0F1FF", - }, - }, - orange: { - 100: { - name: "orange.100", - hex: "#29170C", - }, - 200: { - name: "orange.200", - hex: "#4A2915", - }, - 300: { - name: "orange.300", - hex: "#663A1E", - }, - 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: "#101012", - }, - 200: { - name: "grey.200", - hex: "#1A1D21", - }, - 300: { - name: "grey.300", - hex: "#22272B", - }, - 400: { - name: "grey.400", - hex: "#2D3238", - }, - 500: { - name: "grey.500", - hex: "#515357", - }, - 600: { - name: "grey.600", - hex: "#616568", - }, - 700: { - name: "grey.700", - hex: "#98999B", - }, - 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", - }, - }, -}; diff --git a/dist/documentation/core-light-colors.d.ts b/dist/documentation/core-light-colors.d.ts deleted file mode 100644 index 79464588..00000000 --- a/dist/documentation/core-light-colors.d.ts +++ /dev/null @@ -1,257 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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 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; - }; -}; diff --git a/dist/documentation/core-light-colors.js b/dist/documentation/core-light-colors.js deleted file mode 100644 index 1d400011..00000000 --- a/dist/documentation/core-light-colors.js +++ /dev/null @@ -1,259 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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", - }, - }, - 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", - }, - }, -}; diff --git a/dist/documentation/themes/dark.d.ts b/dist/documentation/themes/dark.d.ts deleted file mode 100644 index 3583f9a8..00000000 --- a/dist/documentation/themes/dark.d.ts +++ /dev/null @@ -1,639 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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 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; - }; -}; diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js deleted file mode 100644 index 08dface6..00000000 --- a/dist/documentation/themes/dark.js +++ /dev/null @@ -1,716 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 GMT - */ - -module.exports = { - text: { - emphasis: { - name: "text.emphasis", - hex: "#E8E9EA", - description: "Used for any text content and icons used with text that needs emphasizing", - }, - body: { - name: "text.body", - hex: "#98999B", - description: "Used for default text content and icons used with text", - }, - subdued: { - name: "text.subdued", - hex: "#616568", - 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: "#98999B", - 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: "#1A1D21", - 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: "#1A1D21", - 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: "#616568", - description: "Used for the hovered border colour for system components", - }, - borderActive: { - name: "system.borderActive", - hex: "#98999B", - 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: "#101012", - 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: "#1A1D21", - 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: "#1A1D21", - 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: "#22272B", - 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: "#22272B", - 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: "#1A1D21", - 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: "#42AD86", - 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: "#86D6B9", - description: - "Used as the hovered text or fill colour for interactive primary components such as links and text buttons", - }, - textActive: { - name: "primary.textActive", - hex: "#DBFFF1", - description: - "Used as the pressed text or fill colour for interactive primary components such as links and text buttons", - }, - backgroundBase: { - name: "primary.backgroundBase", - hex: "#288563", - description: - "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast", - }, - backgroundHover: { - name: "primary.backgroundHover", - hex: "#256E53", - description: "Used as the hovered background for primary components such as plain buttons", - }, - backgroundActive: { - name: "primary.backgroundActive", - hex: "#1A5740", - description: "Used as the hovered background for primary components such as plain buttons", - }, - backgroundMuted: { - name: "primary.backgroundMuted", - hex: "#13402F", - 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: "#1A5740", - 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: "#256E53", - 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: "#288563", - description: "Used for the border colour for primary components such as buttons and Message", - }, - borderHover: { - name: "primary.borderHover", - hex: "#256E53", - description: "Used for the hovered border colour for primary components such as buttons", - }, - borderActive: { - name: "primary.borderActive", - hex: "#1A5740", - description: "Used for the pressed border colour for primary components such as buttons", - }, - }, - 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: "#1F4366", - description: - "Used as the pressed background for informational components such as plain buttons", - }, - backgroundMuted: { - name: "info.backgroundMuted", - hex: "#142C45", - 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: "#1F4366", - 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: "#1F4366", - 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: "#8A4E29", - description: "Used as the hovered background for warning components such as plain buttons", - }, - backgroundActive: { - name: "warning.backgroundActive", - hex: "#663A1E", - 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: "#663A1E", - 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: "#AD6234", - description: "Used for the border colour for warning components such as buttons and Message", - }, - borderHover: { - name: "warning.borderHover", - hex: "#8A4E29", - description: "Used for the hovered border colour for warning components", - }, - borderActive: { - name: "warning.borderActive", - hex: "#663A1E", - 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: "#8F2843", - description: "Used as the hovered background for danger components such as plain buttons", - }, - backgroundActive: { - name: "danger.backgroundActive", - hex: "#611D30", - 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: "#611D30", - 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: "#B23655", - description: "Used for the border colour for danger components such as buttons and Message", - }, - borderHover: { - name: "danger.borderHover", - hex: "#8F2843", - description: "Used for the hovered border colour for danger components such as buttons", - }, - borderActive: { - name: "danger.borderActive", - hex: "#611D30", - 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: "#F0F1FF", - 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: "#542F66", - description: "Used as the hovered background for highlight components such as plain buttons", - }, - backgroundActive: { - name: "highlight.backgroundActive", - hex: "#432652", - 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: "#432652", - 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: "#693B80", - description: - "Used for the border colour for highlight components such as buttons and Message", - }, - borderHover: { - name: "highlight.borderHover", - hex: "#542F66", - description: "Used for the hovered border colour for highlight components", - }, - borderActive: { - name: "highlight.borderActive", - hex: "#432652", - description: - "Used for the pressed border colour for highlight components such as buttons and Message", - }, - }, - disabled: { - text: { - name: "disabled.text", - hex: "#616568", - description: "For use in disabled content like text and icons", - }, - background: { - name: "disabled.background", - hex: "#1A1D21", - 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", - }, - inputBackground: { - name: "disabled.inputBackground", - hex: "#1B2228", - description: "For use in disabled inputs as the background colour", - }, - inputLabelText: { - name: "disabled.inputLabelText", - hex: "#616568", - 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: "#98999B", - 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: "#98999B", - 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: "#616568", - 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: "#616568", - 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: "#98999B", - 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: "#2D3238", - 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: "#616568", - description: - "For use as a contrasting background colour in light profile components, to match shade of surface background", - }, - backgroundHover: { - name: "light.backgroundHover", - hex: "#1A1D21", - description: - "For use as background hover colour in light profile components on contrasting surface backgrounds", - }, - backgroundActive: { - name: "light.backgroundActive", - hex: "#22272B", - description: - "For use as background active colour in light profile components on contrasting surface backgrounds", - }, - textBase: { - name: "light.textBase", - hex: "#E8E9EA", - description: - "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background", - }, - linkMutedBase: { - name: "light.linkMutedBase", - hex: "#1A1D21", - 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", - }, - }, -}; diff --git a/dist/documentation/themes/emerson.d.ts b/dist/documentation/themes/emerson.d.ts deleted file mode 100644 index 3583f9a8..00000000 --- a/dist/documentation/themes/emerson.d.ts +++ /dev/null @@ -1,639 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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 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; - }; -}; diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js deleted file mode 100644 index 49d731f3..00000000 --- a/dist/documentation/themes/emerson.js +++ /dev/null @@ -1,716 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 GMT - */ - -module.exports = { - text: { - emphasis: { - name: "text.emphasis", - hex: "#1A1D21", - description: "Used for any text content and icons used with text that needs emphasizing", - }, - body: { - name: "text.body", - hex: "#22272B", - description: "Used for default text content and icons used with text", - }, - subdued: { - name: "text.subdued", - hex: "#2D3238", - 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: "#101012", - description: "Used for any text content and icons used with text that needs emphasizing", - }, - textBase: { - name: "system.textBase", - hex: "#22272B", - 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: "#1A1D21", - description: - "Used as the hovered text or fill colour for interactive system components such as links and text buttons", - }, - textActive: { - name: "system.textActive", - hex: "#101012", - 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: "#98999B", - description: "Used as the muted background for system components", - }, - backgroundMutedHover: { - name: "system.backgroundMutedHover", - hex: "#616568", - 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: "#E8E9EA", - 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: "#2D3238", - description: "Used for the hovered border colour for system components", - }, - borderActive: { - name: "system.borderActive", - hex: "#22272B", - description: "Used for the pressed border colour for system components", - }, - borderFocused: { - name: "system.borderFocused", - hex: "#0281d7", - description: "Used for the focused border colour for system components", - }, - }, - surface: { - level0: { - name: "surface.level0", - hex: "#98999B", - 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: "#98999B", - 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: "#98999B", - description: - "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems", - }, - interactiveActive: { - name: "surface.interactiveActive", - hex: "#616568", - description: - "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems", - }, - overlayDark: { - name: "surface.overlayDark", - hex: "#101012", - 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: "#1A1D21", - 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", - }, - }, - info: { - textBase: { - name: "info.textBase", - hex: "#0281d7", - 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: "#0281d7", - 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: "#0281d7", - 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: "#2D3238", - description: "For use in disabled content like text and icons", - }, - background: { - name: "disabled.background", - hex: "#98999B", - 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", - }, - inputBackground: { - name: "disabled.inputBackground", - hex: "#616568", - description: "For use in disabled inputs as the background colour", - }, - inputLabelText: { - name: "disabled.inputLabelText", - hex: "#2D3238", - description: "Used as the label colour for disabled inputs", - }, - }, - input: { - backgroundBase: { - name: "input.backgroundBase", - hex: "#98999B", - description: "Used as the default background colour for HTML inputs", - }, - backgroundHover: { - name: "input.backgroundHover", - hex: "#616568", - 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: "#22272B", - description: "Used for the default filled text colour for HTML inputs", - }, - textInformation: { - name: "input.textInformation", - hex: "#22272B", - 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: "#22272B", - 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: "#0281d7", - 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: "#2D3238", - description: "Used as the default placeholder text colour for basic and search inputs", - }, - textActive: { - name: "input.textActive", - hex: "#101012", - description: - "Used as the label colour for labels that don't float when focused, like the select component", - }, - borderBase: { - name: "input.borderBase", - hex: "#616568", - 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: "#515357", - description: "Used as the hovered border colour", - }, - borderEmphasized: { - name: "input.borderEmphasized", - hex: "#2D3238", - 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: "#22272B", - 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: "#0281d7", - 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: "#616568", - 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: "#22272B", - description: - "For use as a contrasting background colour in light profile components, to match shade of surface background", - }, - backgroundHover: { - name: "light.backgroundHover", - hex: "#98999B", - description: - "For use as background hover colour in light profile components on contrasting surface backgrounds", - }, - backgroundActive: { - name: "light.backgroundActive", - hex: "#616568", - description: - "For use as background active colour in light profile components on contrasting surface backgrounds", - }, - textBase: { - name: "light.textBase", - hex: "#101012", - description: - "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background", - }, - linkMutedBase: { - name: "light.linkMutedBase", - hex: "#98999B", - 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", - }, - }, -}; diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts deleted file mode 100644 index 3583f9a8..00000000 --- a/dist/documentation/themes/light.d.ts +++ /dev/null @@ -1,639 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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 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; - }; -}; diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js deleted file mode 100644 index 4826ee91..00000000 --- a/dist/documentation/themes/light.js +++ /dev/null @@ -1,716 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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", - }, - }, - 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", - }, - }, -}; diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts deleted file mode 100644 index f1f8e962..00000000 --- a/dist/helpers/colorProfileMapper.d.ts +++ /dev/null @@ -1,94 +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; - }; -}; -//# 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 82925827..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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js deleted file mode 100644 index 77f12372..00000000 --- a/dist/helpers/colorProfileMapper.js +++ /dev/null @@ -1,20 +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 - }; -}; - -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 90fee409..00000000 --- a/dist/index.d.ts +++ /dev/null @@ -1,8 +0,0 @@ -export * from "./helpers"; -export * from "./types"; -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 54ac0542..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,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 224c96c5..00000000 --- a/dist/index.js +++ /dev/null @@ -1,89 +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 = { - typography: true, - lightThemeDocumentation: true, - darkThemeDocumentation: true, - coreDarkDocumentation: true, - coreLightDocumentation: true -}; -exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = 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 _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/core-dark-colors.d.ts b/dist/tokens/native/core-dark-colors.d.ts deleted file mode 100644 index f5b61b35..00000000 --- a/dist/tokens/native/core-dark-colors.d.ts +++ /dev/null @@ -1,66 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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 }; diff --git a/dist/tokens/native/core-dark-colors.js b/dist/tokens/native/core-dark-colors.js deleted file mode 100644 index 5a26f005..00000000 --- a/dist/tokens/native/core-dark-colors.js +++ /dev/null @@ -1,68 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 GMT - */ - -module.exports = { - green: { - 100: "#0C291E", - 200: "#13402F", - 300: "#1A5740", - 400: "#256E53", - 500: "#288563", - 600: "#42AD86", - 700: "#86D6B9", - 800: "#DBFFF1", - }, - blue: { - 100: "#0C1B29", - 200: "#142C45", - 300: "#1F4366", - 400: "#285685", - 500: "#4577AD", - 600: "#6597CE", - 700: "#96BDE7", - 800: "#D1E8FF", - }, - red: { - 100: "#290F16", - 200: "#451522", - 300: "#611D30", - 400: "#8F2843", - 500: "#B23655", - 600: "#C74C6B", - 700: "#EA8AA3", - 800: "#FFD1DD", - }, - purple: { - 100: "#200F29", - 200: "#33193F", - 300: "#432652", - 400: "#542F66", - 500: "#693B80", - 600: "#865C99", - 700: "#B990CC", - 800: "#F0F1FF", - }, - orange: { - 100: "#29170C", - 200: "#4A2915", - 300: "#663A1E", - 400: "#8A4E29", - 500: "#AD6234", - 600: "#CF7945", - 700: "#E7AA84", - 800: "#FFE3D1", - }, - grey: { - 100: "#101012", - 200: "#1A1D21", - 300: "#22272B", - 400: "#2D3238", - 500: "#515357", - 600: "#616568", - 700: "#98999B", - 800: "#E8E9EA", - }, - shades: { white: "#FFFFFF", black: "#000000", transparent: "transparent" }, -}; 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 0e7b1226..00000000 --- a/dist/tokens/native/core-light-colors.d.ts +++ /dev/null @@ -1,76 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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 yellow: { - 100: string; - 200: string; - 300: string; - 400: string; - 500: string; - 600: 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 c90c6a06..00000000 --- a/dist/tokens/native/core-light-colors.js +++ /dev/null @@ -1,78 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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", - }, - shades: { white: "#FFFFFF", black: "#000000", transparent: "transparent" }, - yellow: { - 100: "#faf8f2", - 200: "#fcf3dd", - 300: "#fce7b1", - 400: "#fcd97e", - 500: "#fccb4c", - 600: "#ffc121", - 700: "#f7b200", - 800: "#e5a500", - }, -}; diff --git a/dist/tokens/native/themes/dark.d.ts b/dist/tokens/native/themes/dark.d.ts deleted file mode 100644 index e3a56a27..00000000 --- a/dist/tokens/native/themes/dark.d.ts +++ /dev/null @@ -1,145 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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 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; -}; diff --git a/dist/tokens/native/themes/dark.js b/dist/tokens/native/themes/dark.js deleted file mode 100644 index 706d9438..00000000 --- a/dist/tokens/native/themes/dark.js +++ /dev/null @@ -1,147 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 GMT - */ - -module.exports = { - theme: "dark", - text: { emphasis: "#E8E9EA", body: "#98999B", subdued: "#616568", onBackground: "#FFFFFF" }, - system: { - textLabelEmphasis: "#FFFFFF", - textBase: "#98999B", - textHover: "#E8E9EA", - textActive: "#FFFFFF", - backgroundBase: "#1A1D21", - backgroundMuted: "#22272B", - backgroundMutedHover: "#2D3238", - backgroundMutedActive: "#515357", - backgroundBox: "#1A1D21", - borderBase: "#515357", - borderHover: "#616568", - borderActive: "#98999B", - borderFocused: "#6597CE", - }, - surface: { - level0: "#101012", - level1: "#1A1D21", - level2: "#22272B", - interactiveBackground: "#1A1D21", - interactiveHover: "#22272B", - interactiveActive: "#2D3238", - overlayDark: "#22272B", - overlayTheme: "#22272B", - overlayBackdrop: "#1A1D21", - }, - primary: { - textBase: "#42AD86", - textHover: "#86D6B9", - textActive: "#DBFFF1", - backgroundBase: "#288563", - backgroundHover: "#256E53", - backgroundActive: "#1A5740", - backgroundMuted: "#13402F", - backgroundMutedHover: "#1A5740", - backgroundMutedActive: "#256E53", - backgroundBox: "#0C291E", - borderBase: "#288563", - borderHover: "#256E53", - borderActive: "#1A5740", - }, - info: { - textBase: "#6597CE", - textHover: "#96BDE7", - textActive: "#D1E8FF", - backgroundBase: "#4577AD", - backgroundHover: "#285685", - backgroundActive: "#1F4366", - backgroundMuted: "#142C45", - backgroundMutedHover: "#1F4366", - backgroundMutedActive: "#285685", - backgroundBox: "#0C1B29", - borderBase: "#4577AD", - borderHover: "#285685", - borderActive: "#1F4366", - }, - warning: { - textBase: "#CF7945", - textHover: "#E7AA84", - textActive: "#FFE3D1", - backgroundBase: "#AD6234", - backgroundHover: "#8A4E29", - backgroundActive: "#663A1E", - backgroundMuted: "#4A2915", - backgroundMutedHover: "#663A1E", - backgroundMutedActive: "#8A4E29", - backgroundBox: "#29170C", - borderBase: "#AD6234", - borderHover: "#8A4E29", - borderActive: "#663A1E", - }, - danger: { - textBase: "#C74C6B", - textHover: "#EA8AA3", - textActive: "#FFD1DD", - backgroundBase: "#B23655", - backgroundHover: "#8F2843", - backgroundActive: "#611D30", - backgroundMuted: "#451522", - backgroundMutedHover: "#611D30", - backgroundMutedActive: "#8F2843", - backgroundBox: "#290F16", - borderBase: "#B23655", - borderHover: "#8F2843", - borderActive: "#611D30", - }, - highlight: { - textBase: "#865C99", - textHover: "#B990CC", - textActive: "#F0F1FF", - backgroundBase: "#693B80", - backgroundHover: "#542F66", - backgroundActive: "#432652", - backgroundMuted: "#33193F", - backgroundMutedHover: "#432652", - backgroundMutedActive: "#542F66", - backgroundBox: "#200F29", - borderBase: "#693B80", - borderHover: "#542F66", - borderActive: "#432652", - }, - disabled: { - text: "#616568", - background: "#1A1D21", - nakedBackground: "transparent", - border: "#515357", - inputBackground: "#1B2228", - inputLabelText: "#616568", - }, - input: { - backgroundBase: "#1B2228", - backgroundHover: "#2D3238", - backgroundInformation: "#FFFFFF", - textBase: "#FFFFFF", - textInformation: "#98999B", - textInformationError: "#B23655", - textLabel: "#98999B", - textFloatingLabel: "#4577AD", - textFloatingLabelError: "#B23655", - textPlaceholder: "#616568", - textActive: "#FFFFFF", - borderBase: "#2D3238", - borderError: "#8F2843", - borderHover: "#515357", - borderEmphasized: "#616568", - borderEmphasizedHover: "#98999B", - borderActive: "#285685", - }, - separator: { base: "#2D3238" }, - light: { - backgroundBase: "#FFFFFF", - backgroundContrast: "#616568", - backgroundHover: "#1A1D21", - backgroundActive: "#22272B", - textBase: "#E8E9EA", - linkMutedBase: "#1A1D21", - linkMutedHover: "#FFFFFF", - }, -}; diff --git a/dist/tokens/native/themes/emerson.d.ts b/dist/tokens/native/themes/emerson.d.ts deleted file mode 100644 index e3a56a27..00000000 --- a/dist/tokens/native/themes/emerson.d.ts +++ /dev/null @@ -1,145 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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 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; -}; diff --git a/dist/tokens/native/themes/emerson.js b/dist/tokens/native/themes/emerson.js deleted file mode 100644 index 30f6eefd..00000000 --- a/dist/tokens/native/themes/emerson.js +++ /dev/null @@ -1,147 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 GMT - */ - -module.exports = { - theme: "emerson", - text: { emphasis: "#1A1D21", body: "#22272B", subdued: "#2D3238", onBackground: "#FFFFFF" }, - system: { - textLabelEmphasis: "#101012", - textBase: "#22272B", - textHover: "#1A1D21", - textActive: "#101012", - backgroundBase: "#FFFFFF", - backgroundMuted: "#98999B", - backgroundMutedHover: "#616568", - backgroundMutedActive: "#515357", - backgroundBox: "#E8E9EA", - borderBase: "#515357", - borderHover: "#2D3238", - borderActive: "#22272B", - borderFocused: "#0281d7", - }, - surface: { - level0: "#98999B", - level1: "#FFFFFF", - level2: "#98999B", - interactiveBackground: "#FFFFFF", - interactiveHover: "#98999B", - interactiveActive: "#616568", - overlayDark: "#101012", - overlayTheme: "#FFFFFF", - overlayBackdrop: "#1A1D21", - }, - 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", - }, - info: { - textBase: "#0281d7", - textHover: "#21588F", - textActive: "#194673", - backgroundBase: "#0281d7", - backgroundHover: "#21588F", - backgroundActive: "#194673", - backgroundMuted: "#E6F1FC", - backgroundMutedHover: "#C0D8F0", - backgroundMutedActive: "#88B1D9", - backgroundBox: "#F5FAFF", - borderBase: "#0281d7", - 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: "#2D3238", - background: "#98999B", - nakedBackground: "transparent", - border: "#515357", - inputBackground: "#616568", - inputLabelText: "#2D3238", - }, - input: { - backgroundBase: "#98999B", - backgroundHover: "#616568", - backgroundInformation: "#FFFFFF", - textBase: "#22272B", - textInformation: "#22272B", - textInformationError: "#AF2645", - textLabel: "#22272B", - textFloatingLabel: "#0281d7", - textFloatingLabelError: "#AF2645", - textPlaceholder: "#2D3238", - textActive: "#101012", - borderBase: "#616568", - borderError: "#AF2645", - borderHover: "#515357", - borderEmphasized: "#2D3238", - borderEmphasizedHover: "#22272B", - borderActive: "#0281d7", - }, - separator: { base: "#616568" }, - light: { - backgroundBase: "#FFFFFF", - backgroundContrast: "#22272B", - backgroundHover: "#98999B", - backgroundActive: "#616568", - textBase: "#101012", - linkMutedBase: "#98999B", - linkMutedHover: "#FFFFFF", - }, -}; diff --git a/dist/tokens/native/themes/light.d.ts b/dist/tokens/native/themes/light.d.ts deleted file mode 100644 index e3a56a27..00000000 --- a/dist/tokens/native/themes/light.d.ts +++ /dev/null @@ -1,145 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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 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; -}; diff --git a/dist/tokens/native/themes/light.js b/dist/tokens/native/themes/light.js deleted file mode 100644 index f48a0290..00000000 --- a/dist/tokens/native/themes/light.js +++ /dev/null @@ -1,147 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 GMT - */ - -module.exports = { - theme: "light", - 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", - }, - 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", - }, -}; diff --git a/dist/tokens/native/typography.d.ts b/dist/tokens/native/typography.d.ts deleted file mode 100644 index 0ec264b1..00000000 --- a/dist/tokens/native/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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 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 weightSemiBold: string; -export const weightBase: string; -export const weightLight: string; -export const weightStrong: string; -export const weightBold: string; -export const h1FontFamily: string; -export const h1FontWeight: string; -export const h1LineHeight: number; -export const h1FontSize: number; -export const h1LetterSpacing: number; -export const h1ParagraphSpacing: number; -export const h1TextDecoration: string; -export const h1TextCase: string; -export const h2FontFamily: string; -export const h2FontWeight: string; -export const h2LineHeight: number; -export const h2FontSize: number; -export const h2LetterSpacing: number; -export const h2ParagraphSpacing: number; -export const h2TextDecoration: string; -export const h2TextCase: string; -export const h3FontFamily: string; -export const h3FontWeight: string; -export const h3LineHeight: number; -export const h3FontSize: number; -export const h3LetterSpacing: number; -export const h3ParagraphSpacing: number; -export const h3TextDecoration: string; -export const h3TextCase: string; -export const h4FontFamily: string; -export const h4FontWeight: string; -export const h4LineHeight: number; -export const h4FontSize: number; -export const h4LetterSpacing: number; -export const h4ParagraphSpacing: number; -export const h4TextDecoration: string; -export const h4TextCase: string; -export const h5FontFamily: string; -export const h5FontWeight: string; -export const h5LineHeight: number; -export const h5FontSize: number; -export const h5LetterSpacing: number; -export const h5ParagraphSpacing: number; -export const h5TextDecoration: string; -export const h5TextCase: string; -export const bodyFontFamily: string; -export const bodyFontWeight: string; -export const bodyLineHeight: number; -export const bodyFontSize: number; -export const bodyLetterSpacing: number; -export const bodyParagraphSpacing: number; -export const bodyTextDecoration: string; -export const bodyTextCase: string; -export const footnoteFontFamily: string; -export const footnoteFontWeight: string; -export const footnoteLineHeight: number; -export const footnoteFontSize: number; -export const footnoteLetterSpacing: number; -export const footnoteParagraphSpacing: number; -export const footnoteTextDecoration: string; -export const footnoteTextCase: string; -export const captionFontFamily: string; -export const captionFontWeight: string; -export const captionLineHeight: number; -export const captionFontSize: number; -export const captionLetterSpacing: number; -export const captionParagraphSpacing: number; -export const captionTextDecoration: string; -export const captionTextCase: string; -export const mobileH1FontFamily: string; -export const mobileH1FontWeight: string; -export const mobileH1LineHeight: number; -export const mobileH1FontSize: number; -export const mobileH1LetterSpacing: number; -export const mobileH1ParagraphSpacing: number; -export const mobileH1TextDecoration: string; -export const mobileH1TextCase: string; -export const mobileH2FontFamily: string; -export const mobileH2FontWeight: string; -export const mobileH2LineHeight: number; -export const mobileH2FontSize: number; -export const mobileH2LetterSpacing: number; -export const mobileH2ParagraphSpacing: number; -export const mobileH2TextDecoration: string; -export const mobileH2TextCase: string; -export const mobileH3FontFamily: string; -export const mobileH3FontWeight: string; -export const mobileH3LineHeight: number; -export const mobileH3FontSize: number; -export const mobileH3LetterSpacing: number; -export const mobileH3ParagraphSpacing: number; -export const mobileH3TextDecoration: string; -export const mobileH3TextCase: string; diff --git a/dist/tokens/native/typography.js b/dist/tokens/native/typography.js deleted file mode 100644 index 9ce017d2..00000000 --- a/dist/tokens/native/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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, - sizeMobile3xlarge: 32, - sizeMobile2xlarge: 28, - sizeMobileXlarge: 22, - lineHeightXlarge: 40, - lineHeightLarge: 32, - lineHeightNormal: 24, - lineHeightSmall: 16, - fontFamilySansSerif: "Mulish", - weightSemiBold: "700", - weightBase: "500", - weightLight: "400", - weightStrong: "600", - weightBold: "900", - h1FontFamily: "Mulish", - h1FontWeight: "700", - h1LineHeight: 40, - h1FontSize: 40, - h1LetterSpacing: 0, - h1ParagraphSpacing: 0, - h1TextDecoration: "none", - h1TextCase: "none", - h2FontFamily: "Mulish", - h2FontWeight: "700", - h2LineHeight: 40, - h2FontSize: 32, - h2LetterSpacing: 0, - h2ParagraphSpacing: 0, - h2TextDecoration: "none", - h2TextCase: "none", - h3FontFamily: "Mulish", - h3FontWeight: "700", - h3LineHeight: 32, - h3FontSize: 24, - h3LetterSpacing: 0, - h3ParagraphSpacing: 0, - h3TextDecoration: "none", - h3TextCase: "none", - h4FontFamily: "Mulish", - h4FontWeight: "700", - h4LineHeight: 24, - h4FontSize: 20, - h4LetterSpacing: 0, - h4ParagraphSpacing: 0, - h4TextDecoration: "none", - h4TextCase: "none", - h5FontFamily: "Mulish", - h5FontWeight: "700", - h5LineHeight: 24, - h5FontSize: 16, - h5LetterSpacing: 0, - h5ParagraphSpacing: 0, - h5TextDecoration: "none", - h5TextCase: "none", - bodyFontFamily: "Mulish", - bodyFontWeight: "500", - bodyLineHeight: 24, - bodyFontSize: 16, - bodyLetterSpacing: 0, - bodyParagraphSpacing: 0, - bodyTextDecoration: "none", - bodyTextCase: "none", - footnoteFontFamily: "Mulish", - footnoteFontWeight: "500", - footnoteLineHeight: 16, - footnoteFontSize: 14, - footnoteLetterSpacing: 0, - footnoteParagraphSpacing: 0, - footnoteTextDecoration: "none", - footnoteTextCase: "none", - captionFontFamily: "Mulish", - captionFontWeight: "500", - captionLineHeight: 16, - captionFontSize: 12, - captionLetterSpacing: 0, - captionParagraphSpacing: 0, - captionTextDecoration: "none", - captionTextCase: "none", - mobileH1FontFamily: "Mulish", - mobileH1FontWeight: "700", - mobileH1LineHeight: 40, - mobileH1FontSize: 32, - mobileH1LetterSpacing: 0, - mobileH1ParagraphSpacing: 0, - mobileH1TextDecoration: "none", - mobileH1TextCase: "none", - mobileH2FontFamily: "Mulish", - mobileH2FontWeight: "700", - mobileH2LineHeight: 32, - mobileH2FontSize: 28, - mobileH2LetterSpacing: 0, - mobileH2ParagraphSpacing: 0, - mobileH2TextDecoration: "none", - mobileH2TextCase: "none", - mobileH3FontFamily: "Mulish", - mobileH3FontWeight: "700", - mobileH3LineHeight: 32, - mobileH3FontSize: 22, - mobileH3LetterSpacing: 0, - mobileH3ParagraphSpacing: 0, - mobileH3TextDecoration: "none", - mobileH3TextCase: "none", -}; diff --git a/dist/tokens/scss/core-dark-colors.scss b/dist/tokens/scss/core-dark-colors.scss deleted file mode 100644 index cd261f87..00000000 --- a/dist/tokens/scss/core-dark-colors.scss +++ /dev/null @@ -1,54 +0,0 @@ -// Do not edit directly -// Generated on Tue, 02 May 2023 17:45:14 GMT - -$green100: #0c291e; -$green200: #13402f; -$green300: #1a5740; -$green400: #256e53; -$green500: #288563; -$green600: #42ad86; -$green700: #86d6b9; -$green800: #dbfff1; -$blue100: #0c1b29; -$blue200: #142c45; -$blue300: #1f4366; -$blue400: #285685; -$blue500: #4577ad; -$blue600: #6597ce; -$blue700: #96bde7; -$blue800: #d1e8ff; -$red100: #290f16; -$red200: #451522; -$red300: #611d30; -$red400: #8f2843; -$red500: #b23655; -$red600: #c74c6b; -$red700: #ea8aa3; -$red800: #ffd1dd; -$purple100: #200f29; -$purple200: #33193f; -$purple300: #432652; -$purple400: #542f66; -$purple500: #693b80; -$purple600: #865c99; -$purple700: #b990cc; -$purple800: #f0f1ff; -$orange100: #29170c; -$orange200: #4a2915; -$orange300: #663a1e; -$orange400: #8a4e29; -$orange500: #ad6234; -$orange600: #cf7945; -$orange700: #e7aa84; -$orange800: #ffe3d1; -$grey100: #101012; -$grey200: #1a1d21; -$grey300: #22272b; -$grey400: #2d3238; -$grey500: #515357; -$grey600: #616568; -$grey700: #98999b; -$grey800: #e8e9ea; -$shadesWhite: #ffffff; -$shadesBlack: #000000; -$shadesTransparent: transparent; diff --git a/dist/tokens/scss/core-light-colors.scss b/dist/tokens/scss/core-light-colors.scss deleted file mode 100644 index 34e72c61..00000000 --- a/dist/tokens/scss/core-light-colors.scss +++ /dev/null @@ -1,62 +0,0 @@ -// Do not edit directly -// Generated on Tue, 02 May 2023 17:45:14 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; -$shadesWhite: #ffffff; -$shadesBlack: #000000; -$shadesTransparent: transparent; -$yellow100: #faf8f2; -$yellow200: #fcf3dd; -$yellow300: #fce7b1; -$yellow400: #fcd97e; -$yellow500: #fccb4c; -$yellow600: #ffc121; -$yellow700: #f7b200; -$yellow800: #e5a500; diff --git a/dist/tokens/scss/themes/dark.scss b/dist/tokens/scss/themes/dark.scss deleted file mode 100644 index 214f989b..00000000 --- a/dist/tokens/scss/themes/dark.scss +++ /dev/null @@ -1,125 +0,0 @@ -// Do not edit directly -// Generated on Tue, 02 May 2023 17:45:14 GMT - -$textEmphasis: #e8e9ea; -$textBody: #98999b; -$textSubdued: #616568; -$textOnBackground: #ffffff; -$systemTextLabelEmphasis: #ffffff; -$systemTextBase: #98999b; -$systemTextHover: #e8e9ea; -$systemTextActive: #ffffff; -$systemBackgroundBase: #1a1d21; -$systemBackgroundMuted: #22272b; -$systemBackgroundMutedHover: #2d3238; -$systemBackgroundMutedActive: #515357; -$systemBackgroundBox: #1a1d21; -$systemBorderBase: #515357; -$systemBorderHover: #616568; -$systemBorderActive: #98999b; -$systemBorderFocused: #6597ce; -$surfaceLevel0: #101012; -$surfaceLevel1: #1a1d21; -$surfaceLevel2: #22272b; -$surfaceInteractiveBackground: #1a1d21; -$surfaceInteractiveHover: #22272b; -$surfaceInteractiveActive: #2d3238; -$surfaceOverlayDark: #22272b; -$surfaceOverlayTheme: #22272b; -$surfaceOverlayBackdrop: #1a1d21; -$primaryTextBase: #42ad86; -$primaryTextHover: #86d6b9; -$primaryTextActive: #dbfff1; -$primaryBackgroundBase: #288563; -$primaryBackgroundHover: #256e53; -$primaryBackgroundActive: #1a5740; -$primaryBackgroundMuted: #13402f; -$primaryBackgroundMutedHover: #1a5740; -$primaryBackgroundMutedActive: #256e53; -$primaryBackgroundBox: #0c291e; -$primaryBorderBase: #288563; -$primaryBorderHover: #256e53; -$primaryBorderActive: #1a5740; -$infoTextBase: #6597ce; -$infoTextHover: #96bde7; -$infoTextActive: #d1e8ff; -$infoBackgroundBase: #4577ad; -$infoBackgroundHover: #285685; -$infoBackgroundActive: #1f4366; -$infoBackgroundMuted: #142c45; -$infoBackgroundMutedHover: #1f4366; -$infoBackgroundMutedActive: #285685; -$infoBackgroundBox: #0c1b29; -$infoBorderBase: #4577ad; -$infoBorderHover: #285685; -$infoBorderActive: #1f4366; -$warningTextBase: #cf7945; -$warningTextHover: #e7aa84; -$warningTextActive: #ffe3d1; -$warningBackgroundBase: #ad6234; -$warningBackgroundHover: #8a4e29; -$warningBackgroundActive: #663a1e; -$warningBackgroundMuted: #4a2915; -$warningBackgroundMutedHover: #663a1e; -$warningBackgroundMutedActive: #8a4e29; -$warningBackgroundBox: #29170c; -$warningBorderBase: #ad6234; -$warningBorderHover: #8a4e29; -$warningBorderActive: #663a1e; -$dangerTextBase: #c74c6b; -$dangerTextHover: #ea8aa3; -$dangerTextActive: #ffd1dd; -$dangerBackgroundBase: #b23655; -$dangerBackgroundHover: #8f2843; -$dangerBackgroundActive: #611d30; -$dangerBackgroundMuted: #451522; -$dangerBackgroundMutedHover: #611d30; -$dangerBackgroundMutedActive: #8f2843; -$dangerBackgroundBox: #290f16; -$dangerBorderBase: #b23655; -$dangerBorderHover: #8f2843; -$dangerBorderActive: #611d30; -$highlightTextBase: #865c99; -$highlightTextHover: #b990cc; -$highlightTextActive: #f0f1ff; -$highlightBackgroundBase: #693b80; -$highlightBackgroundHover: #542f66; -$highlightBackgroundActive: #432652; -$highlightBackgroundMuted: #33193f; -$highlightBackgroundMutedHover: #432652; -$highlightBackgroundMutedActive: #542f66; -$highlightBackgroundBox: #200f29; -$highlightBorderBase: #693b80; -$highlightBorderHover: #542f66; -$highlightBorderActive: #432652; -$disabledText: #616568; -$disabledBackground: #1a1d21; -$disabledNakedBackground: transparent; -$disabledBorder: #515357; -$disabledInputBackground: #1b2228; -$disabledInputLabelText: #616568; -$inputBackgroundBase: #1b2228; -$inputBackgroundHover: #2d3238; -$inputBackgroundInformation: #ffffff; -$inputTextBase: #ffffff; -$inputTextInformation: #98999b; -$inputTextInformationError: #b23655; -$inputTextLabel: #98999b; -$inputTextFloatingLabel: #4577ad; -$inputTextFloatingLabelError: #b23655; -$inputTextPlaceholder: #616568; -$inputTextActive: #ffffff; -$inputBorderBase: #2d3238; -$inputBorderError: #8f2843; -$inputBorderHover: #515357; -$inputBorderEmphasized: #616568; -$inputBorderEmphasizedHover: #98999b; -$inputBorderActive: #285685; -$separatorBase: #2d3238; -$lightBackgroundBase: #ffffff; -$lightBackgroundContrast: #616568; -$lightBackgroundHover: #1a1d21; -$lightBackgroundActive: #22272b; -$lightTextBase: #e8e9ea; -$lightLinkMutedBase: #1a1d21; -$lightLinkMutedHover: #ffffff; diff --git a/dist/tokens/scss/themes/emerson.scss b/dist/tokens/scss/themes/emerson.scss deleted file mode 100644 index e0fbd27e..00000000 --- a/dist/tokens/scss/themes/emerson.scss +++ /dev/null @@ -1,125 +0,0 @@ -// Do not edit directly -// Generated on Tue, 02 May 2023 17:45:14 GMT - -$textEmphasis: #1a1d21; -$textBody: #22272b; -$textSubdued: #2d3238; -$textOnBackground: #ffffff; -$systemTextLabelEmphasis: #101012; -$systemTextBase: #22272b; -$systemTextHover: #1a1d21; -$systemTextActive: #101012; -$systemBackgroundBase: #ffffff; -$systemBackgroundMuted: #98999b; -$systemBackgroundMutedHover: #616568; -$systemBackgroundMutedActive: #515357; -$systemBackgroundBox: #e8e9ea; -$systemBorderBase: #515357; -$systemBorderHover: #2d3238; -$systemBorderActive: #22272b; -$systemBorderFocused: #0281d7; -$surfaceLevel0: #98999b; -$surfaceLevel1: #ffffff; -$surfaceLevel2: #98999b; -$surfaceInteractiveBackground: #ffffff; -$surfaceInteractiveHover: #98999b; -$surfaceInteractiveActive: #616568; -$surfaceOverlayDark: #101012; -$surfaceOverlayTheme: #ffffff; -$surfaceOverlayBackdrop: #1a1d21; -$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; -$infoTextBase: #0281d7; -$infoTextHover: #21588f; -$infoTextActive: #194673; -$infoBackgroundBase: #0281d7; -$infoBackgroundHover: #21588f; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #e6f1fc; -$infoBackgroundMutedHover: #c0d8f0; -$infoBackgroundMutedActive: #88b1d9; -$infoBackgroundBox: #f5faff; -$infoBorderBase: #0281d7; -$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: #2d3238; -$disabledBackground: #98999b; -$disabledNakedBackground: transparent; -$disabledBorder: #515357; -$disabledInputBackground: #616568; -$disabledInputLabelText: #2d3238; -$inputBackgroundBase: #98999b; -$inputBackgroundHover: #616568; -$inputBackgroundInformation: #ffffff; -$inputTextBase: #22272b; -$inputTextInformation: #22272b; -$inputTextInformationError: #af2645; -$inputTextLabel: #22272b; -$inputTextFloatingLabel: #0281d7; -$inputTextFloatingLabelError: #af2645; -$inputTextPlaceholder: #2d3238; -$inputTextActive: #101012; -$inputBorderBase: #616568; -$inputBorderError: #af2645; -$inputBorderHover: #515357; -$inputBorderEmphasized: #2d3238; -$inputBorderEmphasizedHover: #22272b; -$inputBorderActive: #0281d7; -$separatorBase: #616568; -$lightBackgroundBase: #ffffff; -$lightBackgroundContrast: #22272b; -$lightBackgroundHover: #98999b; -$lightBackgroundActive: #616568; -$lightTextBase: #101012; -$lightLinkMutedBase: #98999b; -$lightLinkMutedHover: #ffffff; diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss deleted file mode 100644 index 2399f29f..00000000 --- a/dist/tokens/scss/themes/light.scss +++ /dev/null @@ -1,125 +0,0 @@ -// Do not edit directly -// Generated on Tue, 02 May 2023 17:45:14 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; -$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; diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss deleted file mode 100644 index 4d9e2665..00000000 --- a/dist/tokens/scss/typography.scss +++ /dev/null @@ -1,115 +0,0 @@ -// Do not edit directly -// Generated on Tue, 02 May 2023 17:45:14 GMT - -$letterSpacingBase: 0; -$paragraphSpacingBase: 0; -$textDecorationBase: none; -$textCaseBase: none; -$size3xlarge: 40px; -$size2xlarge: 32px; -$sizeXlarge: 24px; -$sizeLarge: 20px; -$sizeNormal: 16px; -$sizeSmall: 14px; -$sizeXsmall: 12px; -$sizeMobile3xlarge: 32px; -$sizeMobile2xlarge: 28px; -$sizeMobileXlarge: 22px; -$lineHeightXlarge: 40px; -$lineHeightLarge: 32px; -$lineHeightNormal: 24px; -$lineHeightSmall: 16px; -$fontFamilySansSerif: Mulish; -$weightSemiBold: 700; -$weightBase: 500; -$weightLight: 400; -$weightStrong: 600; -$weightBold: 900; -$h1FontFamily: Mulish; -$h1FontWeight: 700; -$h1LineHeight: 40px; -$h1FontSize: 40px; -$h1LetterSpacing: 0; -$h1ParagraphSpacing: 0; -$h1TextDecoration: none; -$h1TextCase: none; -$h2FontFamily: Mulish; -$h2FontWeight: 700; -$h2LineHeight: 40px; -$h2FontSize: 32px; -$h2LetterSpacing: 0; -$h2ParagraphSpacing: 0; -$h2TextDecoration: none; -$h2TextCase: none; -$h3FontFamily: Mulish; -$h3FontWeight: 700; -$h3LineHeight: 32px; -$h3FontSize: 24px; -$h3LetterSpacing: 0; -$h3ParagraphSpacing: 0; -$h3TextDecoration: none; -$h3TextCase: none; -$h4FontFamily: Mulish; -$h4FontWeight: 700; -$h4LineHeight: 24px; -$h4FontSize: 20px; -$h4LetterSpacing: 0; -$h4ParagraphSpacing: 0; -$h4TextDecoration: none; -$h4TextCase: none; -$h5FontFamily: Mulish; -$h5FontWeight: 700; -$h5LineHeight: 24px; -$h5FontSize: 16px; -$h5LetterSpacing: 0; -$h5ParagraphSpacing: 0; -$h5TextDecoration: none; -$h5TextCase: none; -$bodyFontFamily: Mulish; -$bodyFontWeight: 500; -$bodyLineHeight: 24px; -$bodyFontSize: 16px; -$bodyLetterSpacing: 0; -$bodyParagraphSpacing: 0; -$bodyTextDecoration: none; -$bodyTextCase: none; -$footnoteFontFamily: Mulish; -$footnoteFontWeight: 500; -$footnoteLineHeight: 16px; -$footnoteFontSize: 14px; -$footnoteLetterSpacing: 0; -$footnoteParagraphSpacing: 0; -$footnoteTextDecoration: none; -$footnoteTextCase: none; -$captionFontFamily: Mulish; -$captionFontWeight: 500; -$captionLineHeight: 16px; -$captionFontSize: 12px; -$captionLetterSpacing: 0; -$captionParagraphSpacing: 0; -$captionTextDecoration: none; -$captionTextCase: none; -$mobileH1FontFamily: Mulish; -$mobileH1FontWeight: 700; -$mobileH1LineHeight: 40px; -$mobileH1FontSize: 32px; -$mobileH1LetterSpacing: 0; -$mobileH1ParagraphSpacing: 0; -$mobileH1TextDecoration: none; -$mobileH1TextCase: none; -$mobileH2FontFamily: Mulish; -$mobileH2FontWeight: 700; -$mobileH2LineHeight: 32px; -$mobileH2FontSize: 28px; -$mobileH2LetterSpacing: 0; -$mobileH2ParagraphSpacing: 0; -$mobileH2TextDecoration: none; -$mobileH2TextCase: none; -$mobileH3FontFamily: Mulish; -$mobileH3FontWeight: 700; -$mobileH3LineHeight: 32px; -$mobileH3FontSize: 22px; -$mobileH3LetterSpacing: 0; -$mobileH3ParagraphSpacing: 0; -$mobileH3TextDecoration: none; -$mobileH3TextCase: none; 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 f5b61b35..00000000 --- a/dist/tokens/ts/core-dark-colors.d.ts +++ /dev/null @@ -1,66 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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 }; diff --git a/dist/tokens/ts/core-dark-colors.js b/dist/tokens/ts/core-dark-colors.js deleted file mode 100644 index 5a26f005..00000000 --- a/dist/tokens/ts/core-dark-colors.js +++ /dev/null @@ -1,68 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 GMT - */ - -module.exports = { - green: { - 100: "#0C291E", - 200: "#13402F", - 300: "#1A5740", - 400: "#256E53", - 500: "#288563", - 600: "#42AD86", - 700: "#86D6B9", - 800: "#DBFFF1", - }, - blue: { - 100: "#0C1B29", - 200: "#142C45", - 300: "#1F4366", - 400: "#285685", - 500: "#4577AD", - 600: "#6597CE", - 700: "#96BDE7", - 800: "#D1E8FF", - }, - red: { - 100: "#290F16", - 200: "#451522", - 300: "#611D30", - 400: "#8F2843", - 500: "#B23655", - 600: "#C74C6B", - 700: "#EA8AA3", - 800: "#FFD1DD", - }, - purple: { - 100: "#200F29", - 200: "#33193F", - 300: "#432652", - 400: "#542F66", - 500: "#693B80", - 600: "#865C99", - 700: "#B990CC", - 800: "#F0F1FF", - }, - orange: { - 100: "#29170C", - 200: "#4A2915", - 300: "#663A1E", - 400: "#8A4E29", - 500: "#AD6234", - 600: "#CF7945", - 700: "#E7AA84", - 800: "#FFE3D1", - }, - grey: { - 100: "#101012", - 200: "#1A1D21", - 300: "#22272B", - 400: "#2D3238", - 500: "#515357", - 600: "#616568", - 700: "#98999B", - 800: "#E8E9EA", - }, - shades: { white: "#FFFFFF", black: "#000000", transparent: "transparent" }, -}; 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 0e7b1226..00000000 --- a/dist/tokens/ts/core-light-colors.d.ts +++ /dev/null @@ -1,76 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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 yellow: { - 100: string; - 200: string; - 300: string; - 400: string; - 500: string; - 600: 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 c90c6a06..00000000 --- a/dist/tokens/ts/core-light-colors.js +++ /dev/null @@ -1,78 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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", - }, - shades: { white: "#FFFFFF", black: "#000000", transparent: "transparent" }, - yellow: { - 100: "#faf8f2", - 200: "#fcf3dd", - 300: "#fce7b1", - 400: "#fcd97e", - 500: "#fccb4c", - 600: "#ffc121", - 700: "#f7b200", - 800: "#e5a500", - }, -}; diff --git a/dist/tokens/ts/themes/dark.d.ts b/dist/tokens/ts/themes/dark.d.ts deleted file mode 100644 index e3a56a27..00000000 --- a/dist/tokens/ts/themes/dark.d.ts +++ /dev/null @@ -1,145 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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 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; -}; diff --git a/dist/tokens/ts/themes/dark.js b/dist/tokens/ts/themes/dark.js deleted file mode 100644 index 706d9438..00000000 --- a/dist/tokens/ts/themes/dark.js +++ /dev/null @@ -1,147 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 GMT - */ - -module.exports = { - theme: "dark", - text: { emphasis: "#E8E9EA", body: "#98999B", subdued: "#616568", onBackground: "#FFFFFF" }, - system: { - textLabelEmphasis: "#FFFFFF", - textBase: "#98999B", - textHover: "#E8E9EA", - textActive: "#FFFFFF", - backgroundBase: "#1A1D21", - backgroundMuted: "#22272B", - backgroundMutedHover: "#2D3238", - backgroundMutedActive: "#515357", - backgroundBox: "#1A1D21", - borderBase: "#515357", - borderHover: "#616568", - borderActive: "#98999B", - borderFocused: "#6597CE", - }, - surface: { - level0: "#101012", - level1: "#1A1D21", - level2: "#22272B", - interactiveBackground: "#1A1D21", - interactiveHover: "#22272B", - interactiveActive: "#2D3238", - overlayDark: "#22272B", - overlayTheme: "#22272B", - overlayBackdrop: "#1A1D21", - }, - primary: { - textBase: "#42AD86", - textHover: "#86D6B9", - textActive: "#DBFFF1", - backgroundBase: "#288563", - backgroundHover: "#256E53", - backgroundActive: "#1A5740", - backgroundMuted: "#13402F", - backgroundMutedHover: "#1A5740", - backgroundMutedActive: "#256E53", - backgroundBox: "#0C291E", - borderBase: "#288563", - borderHover: "#256E53", - borderActive: "#1A5740", - }, - info: { - textBase: "#6597CE", - textHover: "#96BDE7", - textActive: "#D1E8FF", - backgroundBase: "#4577AD", - backgroundHover: "#285685", - backgroundActive: "#1F4366", - backgroundMuted: "#142C45", - backgroundMutedHover: "#1F4366", - backgroundMutedActive: "#285685", - backgroundBox: "#0C1B29", - borderBase: "#4577AD", - borderHover: "#285685", - borderActive: "#1F4366", - }, - warning: { - textBase: "#CF7945", - textHover: "#E7AA84", - textActive: "#FFE3D1", - backgroundBase: "#AD6234", - backgroundHover: "#8A4E29", - backgroundActive: "#663A1E", - backgroundMuted: "#4A2915", - backgroundMutedHover: "#663A1E", - backgroundMutedActive: "#8A4E29", - backgroundBox: "#29170C", - borderBase: "#AD6234", - borderHover: "#8A4E29", - borderActive: "#663A1E", - }, - danger: { - textBase: "#C74C6B", - textHover: "#EA8AA3", - textActive: "#FFD1DD", - backgroundBase: "#B23655", - backgroundHover: "#8F2843", - backgroundActive: "#611D30", - backgroundMuted: "#451522", - backgroundMutedHover: "#611D30", - backgroundMutedActive: "#8F2843", - backgroundBox: "#290F16", - borderBase: "#B23655", - borderHover: "#8F2843", - borderActive: "#611D30", - }, - highlight: { - textBase: "#865C99", - textHover: "#B990CC", - textActive: "#F0F1FF", - backgroundBase: "#693B80", - backgroundHover: "#542F66", - backgroundActive: "#432652", - backgroundMuted: "#33193F", - backgroundMutedHover: "#432652", - backgroundMutedActive: "#542F66", - backgroundBox: "#200F29", - borderBase: "#693B80", - borderHover: "#542F66", - borderActive: "#432652", - }, - disabled: { - text: "#616568", - background: "#1A1D21", - nakedBackground: "transparent", - border: "#515357", - inputBackground: "#1B2228", - inputLabelText: "#616568", - }, - input: { - backgroundBase: "#1B2228", - backgroundHover: "#2D3238", - backgroundInformation: "#FFFFFF", - textBase: "#FFFFFF", - textInformation: "#98999B", - textInformationError: "#B23655", - textLabel: "#98999B", - textFloatingLabel: "#4577AD", - textFloatingLabelError: "#B23655", - textPlaceholder: "#616568", - textActive: "#FFFFFF", - borderBase: "#2D3238", - borderError: "#8F2843", - borderHover: "#515357", - borderEmphasized: "#616568", - borderEmphasizedHover: "#98999B", - borderActive: "#285685", - }, - separator: { base: "#2D3238" }, - light: { - backgroundBase: "#FFFFFF", - backgroundContrast: "#616568", - backgroundHover: "#1A1D21", - backgroundActive: "#22272B", - textBase: "#E8E9EA", - linkMutedBase: "#1A1D21", - linkMutedHover: "#FFFFFF", - }, -}; diff --git a/dist/tokens/ts/themes/emerson.d.ts b/dist/tokens/ts/themes/emerson.d.ts deleted file mode 100644 index e3a56a27..00000000 --- a/dist/tokens/ts/themes/emerson.d.ts +++ /dev/null @@ -1,145 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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 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; -}; diff --git a/dist/tokens/ts/themes/emerson.js b/dist/tokens/ts/themes/emerson.js deleted file mode 100644 index 30f6eefd..00000000 --- a/dist/tokens/ts/themes/emerson.js +++ /dev/null @@ -1,147 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 GMT - */ - -module.exports = { - theme: "emerson", - text: { emphasis: "#1A1D21", body: "#22272B", subdued: "#2D3238", onBackground: "#FFFFFF" }, - system: { - textLabelEmphasis: "#101012", - textBase: "#22272B", - textHover: "#1A1D21", - textActive: "#101012", - backgroundBase: "#FFFFFF", - backgroundMuted: "#98999B", - backgroundMutedHover: "#616568", - backgroundMutedActive: "#515357", - backgroundBox: "#E8E9EA", - borderBase: "#515357", - borderHover: "#2D3238", - borderActive: "#22272B", - borderFocused: "#0281d7", - }, - surface: { - level0: "#98999B", - level1: "#FFFFFF", - level2: "#98999B", - interactiveBackground: "#FFFFFF", - interactiveHover: "#98999B", - interactiveActive: "#616568", - overlayDark: "#101012", - overlayTheme: "#FFFFFF", - overlayBackdrop: "#1A1D21", - }, - 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", - }, - info: { - textBase: "#0281d7", - textHover: "#21588F", - textActive: "#194673", - backgroundBase: "#0281d7", - backgroundHover: "#21588F", - backgroundActive: "#194673", - backgroundMuted: "#E6F1FC", - backgroundMutedHover: "#C0D8F0", - backgroundMutedActive: "#88B1D9", - backgroundBox: "#F5FAFF", - borderBase: "#0281d7", - 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: "#2D3238", - background: "#98999B", - nakedBackground: "transparent", - border: "#515357", - inputBackground: "#616568", - inputLabelText: "#2D3238", - }, - input: { - backgroundBase: "#98999B", - backgroundHover: "#616568", - backgroundInformation: "#FFFFFF", - textBase: "#22272B", - textInformation: "#22272B", - textInformationError: "#AF2645", - textLabel: "#22272B", - textFloatingLabel: "#0281d7", - textFloatingLabelError: "#AF2645", - textPlaceholder: "#2D3238", - textActive: "#101012", - borderBase: "#616568", - borderError: "#AF2645", - borderHover: "#515357", - borderEmphasized: "#2D3238", - borderEmphasizedHover: "#22272B", - borderActive: "#0281d7", - }, - separator: { base: "#616568" }, - light: { - backgroundBase: "#FFFFFF", - backgroundContrast: "#22272B", - backgroundHover: "#98999B", - backgroundActive: "#616568", - textBase: "#101012", - linkMutedBase: "#98999B", - linkMutedHover: "#FFFFFF", - }, -}; diff --git a/dist/tokens/ts/themes/light.d.ts b/dist/tokens/ts/themes/light.d.ts deleted file mode 100644 index e3a56a27..00000000 --- a/dist/tokens/ts/themes/light.d.ts +++ /dev/null @@ -1,145 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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 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; -}; diff --git a/dist/tokens/ts/themes/light.js b/dist/tokens/ts/themes/light.js deleted file mode 100644 index f48a0290..00000000 --- a/dist/tokens/ts/themes/light.js +++ /dev/null @@ -1,147 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 GMT - */ - -module.exports = { - theme: "light", - 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", - }, - 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", - }, -}; diff --git a/dist/tokens/ts/typography.d.ts b/dist/tokens/ts/typography.d.ts deleted file mode 100644 index a27efd0c..00000000 --- a/dist/tokens/ts/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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 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 weightSemiBold: number; -export const weightBase: number; -export const weightLight: number; -export const weightStrong: number; -export const weightBold: number; -export const h1FontFamily: string; -export const h1FontWeight: number; -export const h1LineHeight: string; -export const h1FontSize: string; -export const h1LetterSpacing: number; -export const h1ParagraphSpacing: number; -export const h1TextDecoration: string; -export const h1TextCase: string; -export const h2FontFamily: string; -export const h2FontWeight: number; -export const h2LineHeight: string; -export const h2FontSize: string; -export const h2LetterSpacing: number; -export const h2ParagraphSpacing: number; -export const h2TextDecoration: string; -export const h2TextCase: string; -export const h3FontFamily: string; -export const h3FontWeight: number; -export const h3LineHeight: string; -export const h3FontSize: string; -export const h3LetterSpacing: number; -export const h3ParagraphSpacing: number; -export const h3TextDecoration: string; -export const h3TextCase: string; -export const h4FontFamily: string; -export const h4FontWeight: number; -export const h4LineHeight: string; -export const h4FontSize: string; -export const h4LetterSpacing: number; -export const h4ParagraphSpacing: number; -export const h4TextDecoration: string; -export const h4TextCase: string; -export const h5FontFamily: string; -export const h5FontWeight: number; -export const h5LineHeight: string; -export const h5FontSize: string; -export const h5LetterSpacing: number; -export const h5ParagraphSpacing: number; -export const h5TextDecoration: string; -export const h5TextCase: string; -export const bodyFontFamily: string; -export const bodyFontWeight: number; -export const bodyLineHeight: string; -export const bodyFontSize: string; -export const bodyLetterSpacing: number; -export const bodyParagraphSpacing: number; -export const bodyTextDecoration: string; -export const bodyTextCase: string; -export const footnoteFontFamily: string; -export const footnoteFontWeight: number; -export const footnoteLineHeight: string; -export const footnoteFontSize: string; -export const footnoteLetterSpacing: number; -export const footnoteParagraphSpacing: number; -export const footnoteTextDecoration: string; -export const footnoteTextCase: string; -export const captionFontFamily: string; -export const captionFontWeight: number; -export const captionLineHeight: string; -export const captionFontSize: string; -export const captionLetterSpacing: number; -export const captionParagraphSpacing: number; -export const captionTextDecoration: string; -export const captionTextCase: string; -export const mobileH1FontFamily: string; -export const mobileH1FontWeight: number; -export const mobileH1LineHeight: string; -export const mobileH1FontSize: string; -export const mobileH1LetterSpacing: number; -export const mobileH1ParagraphSpacing: number; -export const mobileH1TextDecoration: string; -export const mobileH1TextCase: string; -export const mobileH2FontFamily: string; -export const mobileH2FontWeight: number; -export const mobileH2LineHeight: string; -export const mobileH2FontSize: string; -export const mobileH2LetterSpacing: number; -export const mobileH2ParagraphSpacing: number; -export const mobileH2TextDecoration: string; -export const mobileH2TextCase: string; -export const mobileH3FontFamily: string; -export const mobileH3FontWeight: number; -export const mobileH3LineHeight: string; -export const mobileH3FontSize: string; -export const mobileH3LetterSpacing: number; -export const mobileH3ParagraphSpacing: number; -export const mobileH3TextDecoration: string; -export const mobileH3TextCase: string; diff --git a/dist/tokens/ts/typography.js b/dist/tokens/ts/typography.js deleted file mode 100644 index 7a0018dc..00000000 --- a/dist/tokens/ts/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 02 May 2023 17:45:14 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", - sizeMobile3xlarge: "32px", - sizeMobile2xlarge: "28px", - sizeMobileXlarge: "22px", - lineHeightXlarge: "40px", - lineHeightLarge: "32px", - lineHeightNormal: "24px", - lineHeightSmall: "16px", - fontFamilySansSerif: "Mulish", - weightSemiBold: 700, - weightBase: 500, - weightLight: 400, - weightStrong: 600, - weightBold: 900, - h1FontFamily: "Mulish", - h1FontWeight: 700, - h1LineHeight: "40px", - h1FontSize: "40px", - h1LetterSpacing: 0, - h1ParagraphSpacing: 0, - h1TextDecoration: "none", - h1TextCase: "none", - h2FontFamily: "Mulish", - h2FontWeight: 700, - h2LineHeight: "40px", - h2FontSize: "32px", - h2LetterSpacing: 0, - h2ParagraphSpacing: 0, - h2TextDecoration: "none", - h2TextCase: "none", - h3FontFamily: "Mulish", - h3FontWeight: 700, - h3LineHeight: "32px", - h3FontSize: "24px", - h3LetterSpacing: 0, - h3ParagraphSpacing: 0, - h3TextDecoration: "none", - h3TextCase: "none", - h4FontFamily: "Mulish", - h4FontWeight: 700, - h4LineHeight: "24px", - h4FontSize: "20px", - h4LetterSpacing: 0, - h4ParagraphSpacing: 0, - h4TextDecoration: "none", - h4TextCase: "none", - h5FontFamily: "Mulish", - h5FontWeight: 700, - h5LineHeight: "24px", - h5FontSize: "16px", - h5LetterSpacing: 0, - h5ParagraphSpacing: 0, - h5TextDecoration: "none", - h5TextCase: "none", - bodyFontFamily: "Mulish", - bodyFontWeight: 500, - bodyLineHeight: "24px", - bodyFontSize: "16px", - bodyLetterSpacing: 0, - bodyParagraphSpacing: 0, - bodyTextDecoration: "none", - bodyTextCase: "none", - footnoteFontFamily: "Mulish", - footnoteFontWeight: 500, - footnoteLineHeight: "16px", - footnoteFontSize: "14px", - footnoteLetterSpacing: 0, - footnoteParagraphSpacing: 0, - footnoteTextDecoration: "none", - footnoteTextCase: "none", - captionFontFamily: "Mulish", - captionFontWeight: 500, - captionLineHeight: "16px", - captionFontSize: "12px", - captionLetterSpacing: 0, - captionParagraphSpacing: 0, - captionTextDecoration: "none", - captionTextCase: "none", - mobileH1FontFamily: "Mulish", - mobileH1FontWeight: 700, - mobileH1LineHeight: "40px", - mobileH1FontSize: "32px", - mobileH1LetterSpacing: 0, - mobileH1ParagraphSpacing: 0, - mobileH1TextDecoration: "none", - mobileH1TextCase: "none", - mobileH2FontFamily: "Mulish", - mobileH2FontWeight: 700, - mobileH2LineHeight: "32px", - mobileH2FontSize: "28px", - mobileH2LetterSpacing: 0, - mobileH2ParagraphSpacing: 0, - mobileH2TextDecoration: "none", - mobileH2TextCase: "none", - mobileH3FontFamily: "Mulish", - mobileH3FontWeight: 700, - mobileH3LineHeight: "32px", - mobileH3FontSize: "22px", - mobileH3LetterSpacing: 0, - mobileH3ParagraphSpacing: 0, - mobileH3TextDecoration: "none", - mobileH3TextCase: "none", -}; diff --git a/dist/types/index.d.ts b/dist/types/index.d.ts deleted file mode 100644 index bf33064e..00000000 --- a/dist/types/index.d.ts +++ /dev/null @@ -1,3 +0,0 @@ -export * from "./interfaces"; -export * from "./profiles"; -//# 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 1ca1b828..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,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC"} \ No newline at end of file diff --git a/dist/types/index.js b/dist/types/index.js deleted file mode 100644 index 9ce320c1..00000000 --- a/dist/types/index.js +++ /dev/null @@ -1,37 +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 _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]; - } - }); -}); \ 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 0cea5539..00000000 --- a/dist/types/interfaces.d.ts +++ /dev/null @@ -1,28 +0,0 @@ -declare const AVIARY_COLORS: { - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; -}; -declare const EXTENDED_AVIARY_COLORS: { - light: string; - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: 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 87d81861..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;;;;;;;CAOlB,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 42449ef5..00000000 --- a/dist/types/interfaces.js +++ /dev/null @@ -1,42 +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" -}; -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 fdaa73de..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 }; -//# 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 c292ac7a..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,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 5197a1c3..00000000 --- a/dist/types/themes.d.ts +++ /dev/null @@ -1,7 +0,0 @@ -import * as light from "../../dist/tokens/ts/themes/light"; -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 }; -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 8bbb62a7..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,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,CAAC;AAChC,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 1b8926c1..00000000 --- a/dist/types/themes.js +++ /dev/null @@ -1,42 +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.light = exports.emerson = exports.dark = void 0; - -var light = _interopRequireWildcard(require("../../dist/tokens/ts/themes/light")); - -exports.light = light; - -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 From ba0a5f69185ba2741aab521b4beba438c882b276 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 2 May 2023 17:50:48 +0000 Subject: [PATCH 09/10] Built and updated design tokens --- dist/documentation/core-dark-colors.d.ts | 216 +++++++++ dist/documentation/core-dark-colors.js | 216 +++++++++ dist/documentation/core-light-colors.d.ts | 249 +++++++++++ dist/documentation/core-light-colors.js | 249 +++++++++++ dist/documentation/themes/dark.d.ts | 505 ++++++++++++++++++++++ dist/documentation/themes/dark.js | 505 ++++++++++++++++++++++ dist/documentation/themes/emerson.d.ts | 505 ++++++++++++++++++++++ dist/documentation/themes/emerson.js | 505 ++++++++++++++++++++++ dist/documentation/themes/light.d.ts | 505 ++++++++++++++++++++++ dist/documentation/themes/light.js | 505 ++++++++++++++++++++++ dist/tokens/native/core-dark-colors.d.ts | 12 + dist/tokens/native/core-dark-colors.js | 12 + dist/tokens/native/core-light-colors.d.ts | 13 + dist/tokens/native/core-light-colors.js | 13 + dist/tokens/native/themes/dark.d.ts | 18 + dist/tokens/native/themes/dark.js | 18 + dist/tokens/native/themes/emerson.d.ts | 18 + dist/tokens/native/themes/emerson.js | 18 + dist/tokens/native/themes/light.d.ts | 18 + dist/tokens/native/themes/light.js | 18 + dist/tokens/native/typography.d.ts | 117 +++++ dist/tokens/native/typography.js | 119 +++++ dist/tokens/scss/core-dark-colors.scss | 55 +++ dist/tokens/scss/core-light-colors.scss | 63 +++ dist/tokens/scss/themes/dark.scss | 126 ++++++ dist/tokens/scss/themes/emerson.scss | 126 ++++++ dist/tokens/scss/themes/light.scss | 126 ++++++ dist/tokens/scss/typography.scss | 116 +++++ dist/tokens/ts/core-dark-colors.d.ts | 12 + dist/tokens/ts/core-dark-colors.js | 12 + dist/tokens/ts/core-light-colors.d.ts | 13 + dist/tokens/ts/core-light-colors.js | 13 + dist/tokens/ts/themes/dark.d.ts | 18 + dist/tokens/ts/themes/dark.js | 18 + dist/tokens/ts/themes/emerson.d.ts | 18 + dist/tokens/ts/themes/emerson.js | 18 + dist/tokens/ts/themes/light.d.ts | 18 + dist/tokens/ts/themes/light.js | 18 + dist/tokens/ts/typography.d.ts | 117 +++++ dist/tokens/ts/typography.js | 119 +++++ 40 files changed, 5360 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/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/typography.d.ts create mode 100644 dist/tokens/native/typography.js 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/typography.scss 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/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/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..07fd101d --- /dev/null +++ b/dist/documentation/core-dark-colors.d.ts @@ -0,0 +1,216 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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, + + }}; \ 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..8ba9860e --- /dev/null +++ b/dist/documentation/core-dark-colors.js @@ -0,0 +1,216 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#0C291E", + + },200:{ + name: "green.200", + hex: "#13402F", + + },300:{ + name: "green.300", + hex: "#1A5740", + + },400:{ + name: "green.400", + hex: "#256E53", + + },500:{ + name: "green.500", + hex: "#288563", + + },600:{ + name: "green.600", + hex: "#42AD86", + + },700:{ + name: "green.700", + hex: "#86D6B9", + + },800:{ + name: "green.800", + hex: "#DBFFF1", + + }}, +blue : {100:{ + name: "blue.100", + hex: "#0C1B29", + + },200:{ + name: "blue.200", + hex: "#142C45", + + },300:{ + name: "blue.300", + hex: "#1F4366", + + },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: "#611D30", + + },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: "#432652", + + },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: "#F0F1FF", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#29170C", + + },200:{ + name: "orange.200", + hex: "#4A2915", + + },300:{ + name: "orange.300", + hex: "#663A1E", + + },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: "#101012", + + },200:{ + name: "grey.200", + hex: "#1A1D21", + + },300:{ + name: "grey.300", + hex: "#22272B", + + },400:{ + name: "grey.400", + hex: "#2D3238", + + },500:{ + name: "grey.500", + hex: "#515357", + + },600:{ + name: "grey.600", + hex: "#616568", + + },700:{ + name: "grey.700", + hex: "#98999B", + + },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", + + }},}; \ 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..88fd8115 --- /dev/null +++ b/dist/documentation/core-light-colors.d.ts @@ -0,0 +1,249 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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 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, + + }}; \ 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..73390023 --- /dev/null +++ b/dist/documentation/core-light-colors.js @@ -0,0 +1,249 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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", + + }}, +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", + + }},}; \ 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..5f0d72a7 --- /dev/null +++ b/dist/documentation/themes/dark.d.ts @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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 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 + }}; \ 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..13e6f3d9 --- /dev/null +++ b/dist/documentation/themes/dark.js @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#E8E9EA", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#98999B", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#616568", + 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: "#98999B", + 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: "#1A1D21", + 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: "#1A1D21", + 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: "#616568", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#98999B", + 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: "#101012", + 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: "#1A1D21", + 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: "#1A1D21", + 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: "#22272B", + 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: "#22272B", + 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: "#1A1D21", + 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: "#42AD86", + 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: "#86D6B9", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#DBFFF1", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#288563", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#256E53", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#1A5740", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#13402F", + 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: "#1A5740", + 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: "#256E53", + 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: "#288563", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#256E53", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#1A5740", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +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: "#1F4366", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#142C45", + 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: "#1F4366", + 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: "#1F4366", + 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: "#8A4E29", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#663A1E", + 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: "#663A1E", + 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: "#AD6234", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8A4E29", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#663A1E", + 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: "#8F2843", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#611D30", + 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: "#611D30", + 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: "#B23655", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#8F2843", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#611D30", + 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: "#F0F1FF", + 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: "#542F66", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#432652", + 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: "#432652", + 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: "#693B80", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#542F66", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#432652", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#616568", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#1A1D21", + 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" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#1B2228", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#616568", + 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: "#98999B", + 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: "#98999B", + 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: "#616568", + 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: "#616568", + 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: "#98999B", + 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: "#2D3238", + 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: "#616568", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#1A1D21", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#22272B", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#E8E9EA", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#1A1D21", + 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" + }},}; \ 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..d0dabe72 --- /dev/null +++ b/dist/documentation/themes/emerson.d.ts @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:48 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 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 + }}; \ 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..3022a4b7 --- /dev/null +++ b/dist/documentation/themes/emerson.js @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:48 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#1A1D21", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#22272B", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#2D3238", + 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: "#101012", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#22272B", + 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: "#1A1D21", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#101012", + 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: "#98999B", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#616568", + 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: "#E8E9EA", + 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: "#2D3238", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#22272B", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#0281d7", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#98999B", + 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: "#98999B", + 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: "#98999B", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#616568", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#101012", + 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: "#1A1D21", + 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" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#0281d7", + 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: "#0281d7", + 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: "#0281d7", + 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: "#2D3238", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#98999B", + 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" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#616568", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#2D3238", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#98999B", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#616568", + 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: "#22272B", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#22272B", + 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: "#22272B", + 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: "#0281d7", + 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: "#2D3238", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#101012", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#616568", + 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: "#515357", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#2D3238", + 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: "#22272B", + 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: "#0281d7", + 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: "#616568", + 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: "#22272B", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#98999B", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#616568", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#101012", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#98999B", + 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" + }},}; \ 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..5f0d72a7 --- /dev/null +++ b/dist/documentation/themes/light.d.ts @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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 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 + }}; \ 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..0486313f --- /dev/null +++ b/dist/documentation/themes/light.js @@ -0,0 +1,505 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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" + }}, +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" + }},}; \ 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..6816c5ef --- /dev/null +++ b/dist/tokens/native/core-dark-colors.d.ts @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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}; \ No newline at end of file diff --git a/dist/tokens/native/core-dark-colors.js b/dist/tokens/native/core-dark-colors.js new file mode 100644 index 00000000..9aca5a60 --- /dev/null +++ b/dist/tokens/native/core-dark-colors.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 GMT + */ + +module.exports = {green : {100 : "#0C291E",200 : "#13402F",300 : "#1A5740",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +blue : {100 : "#0C1B29",200 : "#142C45",300 : "#1F4366",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red : {100 : "#290F16",200 : "#451522",300 : "#611D30",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple : {100 : "#200F29",200 : "#33193F",300 : "#432652",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0F1FF"}, +orange : {100 : "#29170C",200 : "#4A2915",300 : "#663A1E",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#616568",700 : "#98999B",800 : "#E8E9EA"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; \ 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..98bbfc9d --- /dev/null +++ b/dist/tokens/native/core-light-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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 yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ No newline at end of file diff --git a/dist/tokens/native/core-light-colors.js b/dist/tokens/native/core-light-colors.js new file mode 100644 index 00000000..230820cd --- /dev/null +++ b/dist/tokens/native/core-light-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ 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..00472868 --- /dev/null +++ b/dist/tokens/native/themes/dark.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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 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}; \ 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..fae7ac65 --- /dev/null +++ b/dist/tokens/native/themes/dark.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 GMT + */ + +module.exports = {theme: "dark", +text : {emphasis : "#E8E9EA",body : "#98999B",subdued : "#616568",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#FFFFFF",textBase : "#98999B",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#1A1D21",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#616568",borderActive : "#98999B",borderFocused : "#6597CE"}, +surface : {level0 : "#101012",level1 : "#1A1D21",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#22272B",overlayBackdrop : "#1A1D21"}, +primary : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#256E53",backgroundActive : "#1A5740",backgroundMuted : "#13402F",backgroundMutedHover : "#1A5740",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#288563",borderHover : "#256E53",borderActive : "#1A5740"}, +info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#1F4366",backgroundMuted : "#142C45",backgroundMutedHover : "#1F4366",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#1F4366"}, +warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#8A4E29",backgroundActive : "#663A1E",backgroundMuted : "#4A2915",backgroundMutedHover : "#663A1E",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#AD6234",borderHover : "#8A4E29",borderActive : "#663A1E"}, +danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#8F2843",backgroundActive : "#611D30",backgroundMuted : "#451522",backgroundMutedHover : "#611D30",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#B23655",borderHover : "#8F2843",borderActive : "#611D30"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0F1FF",backgroundBase : "#693B80",backgroundHover : "#542F66",backgroundActive : "#432652",backgroundMuted : "#33193F",backgroundMutedHover : "#432652",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#693B80",borderHover : "#542F66",borderActive : "#432652"}, +disabled : {text : "#616568",background : "#1A1D21",nakedBackground : "transparent",border : "#515357",inputBackground : "#1B2228",inputLabelText : "#616568"}, +input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#98999B",textInformationError : "#B23655",textLabel : "#98999B",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#616568",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#616568",borderEmphasizedHover : "#98999B",borderActive : "#285685"}, +separator : {base : "#2D3238"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#616568",backgroundHover : "#1A1D21",backgroundActive : "#22272B",textBase : "#E8E9EA",linkMutedBase : "#1A1D21",linkMutedHover : "#FFFFFF"},}; \ 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..39ee5ed0 --- /dev/null +++ b/dist/tokens/native/themes/emerson.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:48 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 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}; \ 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..3f2d210a --- /dev/null +++ b/dist/tokens/native/themes/emerson.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:48 GMT + */ + +module.exports = {theme: "emerson", +text : {emphasis : "#1A1D21",body : "#22272B",subdued : "#2D3238",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#101012",textBase : "#22272B",textHover : "#1A1D21",textActive : "#101012",backgroundBase : "#FFFFFF",backgroundMuted : "#98999B",backgroundMutedHover : "#616568",backgroundMutedActive : "#515357",backgroundBox : "#E8E9EA",borderBase : "#515357",borderHover : "#2D3238",borderActive : "#22272B",borderFocused : "#0281d7"}, +surface : {level0 : "#98999B",level1 : "#FFFFFF",level2 : "#98999B",interactiveBackground : "#FFFFFF",interactiveHover : "#98999B",interactiveActive : "#616568",overlayDark : "#101012",overlayTheme : "#FFFFFF",overlayBackdrop : "#1A1D21"}, +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"}, +info : {textBase : "#0281d7",textHover : "#21588F",textActive : "#194673",backgroundBase : "#0281d7",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#0281d7",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 : "#2D3238",background : "#98999B",nakedBackground : "transparent",border : "#515357",inputBackground : "#616568",inputLabelText : "#2D3238"}, +input : {backgroundBase : "#98999B",backgroundHover : "#616568",backgroundInformation : "#FFFFFF",textBase : "#22272B",textInformation : "#22272B",textInformationError : "#AF2645",textLabel : "#22272B",textFloatingLabel : "#0281d7",textFloatingLabelError : "#AF2645",textPlaceholder : "#2D3238",textActive : "#101012",borderBase : "#616568",borderError : "#AF2645",borderHover : "#515357",borderEmphasized : "#2D3238",borderEmphasizedHover : "#22272B",borderActive : "#0281d7"}, +separator : {base : "#616568"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#22272B",backgroundHover : "#98999B",backgroundActive : "#616568",textBase : "#101012",linkMutedBase : "#98999B",linkMutedHover : "#FFFFFF"},}; \ 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..00472868 --- /dev/null +++ b/dist/tokens/native/themes/light.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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 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}; \ 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..af60865a --- /dev/null +++ b/dist/tokens/native/themes/light.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 GMT + */ + +module.exports = {theme: "light", +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"}, +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"},}; \ 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..20ff2407 --- /dev/null +++ b/dist/tokens/native/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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 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 weightSemiBold : string; +export const weightBase : string; +export const weightLight : string; +export const weightStrong : string; +export const weightBold : string; +export const h1FontFamily : string; +export const h1FontWeight : string; +export const h1LineHeight : number; +export const h1FontSize : number; +export const h1LetterSpacing : number; +export const h1ParagraphSpacing : number; +export const h1TextDecoration : string; +export const h1TextCase : string; +export const h2FontFamily : string; +export const h2FontWeight : string; +export const h2LineHeight : number; +export const h2FontSize : number; +export const h2LetterSpacing : number; +export const h2ParagraphSpacing : number; +export const h2TextDecoration : string; +export const h2TextCase : string; +export const h3FontFamily : string; +export const h3FontWeight : string; +export const h3LineHeight : number; +export const h3FontSize : number; +export const h3LetterSpacing : number; +export const h3ParagraphSpacing : number; +export const h3TextDecoration : string; +export const h3TextCase : string; +export const h4FontFamily : string; +export const h4FontWeight : string; +export const h4LineHeight : number; +export const h4FontSize : number; +export const h4LetterSpacing : number; +export const h4ParagraphSpacing : number; +export const h4TextDecoration : string; +export const h4TextCase : string; +export const h5FontFamily : string; +export const h5FontWeight : string; +export const h5LineHeight : number; +export const h5FontSize : number; +export const h5LetterSpacing : number; +export const h5ParagraphSpacing : number; +export const h5TextDecoration : string; +export const h5TextCase : string; +export const bodyFontFamily : string; +export const bodyFontWeight : string; +export const bodyLineHeight : number; +export const bodyFontSize : number; +export const bodyLetterSpacing : number; +export const bodyParagraphSpacing : number; +export const bodyTextDecoration : string; +export const bodyTextCase : string; +export const footnoteFontFamily : string; +export const footnoteFontWeight : string; +export const footnoteLineHeight : number; +export const footnoteFontSize : number; +export const footnoteLetterSpacing : number; +export const footnoteParagraphSpacing : number; +export const footnoteTextDecoration : string; +export const footnoteTextCase : string; +export const captionFontFamily : string; +export const captionFontWeight : string; +export const captionLineHeight : number; +export const captionFontSize : number; +export const captionLetterSpacing : number; +export const captionParagraphSpacing : number; +export const captionTextDecoration : string; +export const captionTextCase : string; +export const mobileH1FontFamily : string; +export const mobileH1FontWeight : string; +export const mobileH1LineHeight : number; +export const mobileH1FontSize : number; +export const mobileH1LetterSpacing : number; +export const mobileH1ParagraphSpacing : number; +export const mobileH1TextDecoration : string; +export const mobileH1TextCase : string; +export const mobileH2FontFamily : string; +export const mobileH2FontWeight : string; +export const mobileH2LineHeight : number; +export const mobileH2FontSize : number; +export const mobileH2LetterSpacing : number; +export const mobileH2ParagraphSpacing : number; +export const mobileH2TextDecoration : string; +export const mobileH2TextCase : string; +export const mobileH3FontFamily : string; +export const mobileH3FontWeight : string; +export const mobileH3LineHeight : number; +export const mobileH3FontSize : number; +export const mobileH3LetterSpacing : number; +export const mobileH3ParagraphSpacing : number; +export const mobileH3TextDecoration : string; +export const mobileH3TextCase : 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..54607c48 --- /dev/null +++ b/dist/tokens/native/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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, + "sizeMobile3xlarge": 32, + "sizeMobile2xlarge": 28, + "sizeMobileXlarge": 22, + "lineHeightXlarge": 40, + "lineHeightLarge": 32, + "lineHeightNormal": 24, + "lineHeightSmall": 16, + "fontFamilySansSerif": "Mulish", + "weightSemiBold": "700", + "weightBase": "500", + "weightLight": "400", + "weightStrong": "600", + "weightBold": "900", + "h1FontFamily": "Mulish", + "h1FontWeight": "700", + "h1LineHeight": 40, + "h1FontSize": 40, + "h1LetterSpacing": 0, + "h1ParagraphSpacing": 0, + "h1TextDecoration": "none", + "h1TextCase": "none", + "h2FontFamily": "Mulish", + "h2FontWeight": "700", + "h2LineHeight": 40, + "h2FontSize": 32, + "h2LetterSpacing": 0, + "h2ParagraphSpacing": 0, + "h2TextDecoration": "none", + "h2TextCase": "none", + "h3FontFamily": "Mulish", + "h3FontWeight": "700", + "h3LineHeight": 32, + "h3FontSize": 24, + "h3LetterSpacing": 0, + "h3ParagraphSpacing": 0, + "h3TextDecoration": "none", + "h3TextCase": "none", + "h4FontFamily": "Mulish", + "h4FontWeight": "700", + "h4LineHeight": 24, + "h4FontSize": 20, + "h4LetterSpacing": 0, + "h4ParagraphSpacing": 0, + "h4TextDecoration": "none", + "h4TextCase": "none", + "h5FontFamily": "Mulish", + "h5FontWeight": "700", + "h5LineHeight": 24, + "h5FontSize": 16, + "h5LetterSpacing": 0, + "h5ParagraphSpacing": 0, + "h5TextDecoration": "none", + "h5TextCase": "none", + "bodyFontFamily": "Mulish", + "bodyFontWeight": "500", + "bodyLineHeight": 24, + "bodyFontSize": 16, + "bodyLetterSpacing": 0, + "bodyParagraphSpacing": 0, + "bodyTextDecoration": "none", + "bodyTextCase": "none", + "footnoteFontFamily": "Mulish", + "footnoteFontWeight": "500", + "footnoteLineHeight": 16, + "footnoteFontSize": 14, + "footnoteLetterSpacing": 0, + "footnoteParagraphSpacing": 0, + "footnoteTextDecoration": "none", + "footnoteTextCase": "none", + "captionFontFamily": "Mulish", + "captionFontWeight": "500", + "captionLineHeight": 16, + "captionFontSize": 12, + "captionLetterSpacing": 0, + "captionParagraphSpacing": 0, + "captionTextDecoration": "none", + "captionTextCase": "none", + "mobileH1FontFamily": "Mulish", + "mobileH1FontWeight": "700", + "mobileH1LineHeight": 40, + "mobileH1FontSize": 32, + "mobileH1LetterSpacing": 0, + "mobileH1ParagraphSpacing": 0, + "mobileH1TextDecoration": "none", + "mobileH1TextCase": "none", + "mobileH2FontFamily": "Mulish", + "mobileH2FontWeight": "700", + "mobileH2LineHeight": 32, + "mobileH2FontSize": 28, + "mobileH2LetterSpacing": 0, + "mobileH2ParagraphSpacing": 0, + "mobileH2TextDecoration": "none", + "mobileH2TextCase": "none", + "mobileH3FontFamily": "Mulish", + "mobileH3FontWeight": "700", + "mobileH3LineHeight": 32, + "mobileH3FontSize": 22, + "mobileH3LetterSpacing": 0, + "mobileH3ParagraphSpacing": 0, + "mobileH3TextDecoration": "none", + "mobileH3TextCase": "none" +}; \ 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..b1eef445 --- /dev/null +++ b/dist/tokens/scss/core-dark-colors.scss @@ -0,0 +1,55 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:50:47 GMT + +$green100: #0C291E; +$green200: #13402F; +$green300: #1A5740; +$green400: #256E53; +$green500: #288563; +$green600: #42AD86; +$green700: #86D6B9; +$green800: #DBFFF1; +$blue100: #0C1B29; +$blue200: #142C45; +$blue300: #1F4366; +$blue400: #285685; +$blue500: #4577AD; +$blue600: #6597CE; +$blue700: #96BDE7; +$blue800: #D1E8FF; +$red100: #290F16; +$red200: #451522; +$red300: #611D30; +$red400: #8F2843; +$red500: #B23655; +$red600: #C74C6B; +$red700: #EA8AA3; +$red800: #FFD1DD; +$purple100: #200F29; +$purple200: #33193F; +$purple300: #432652; +$purple400: #542F66; +$purple500: #693B80; +$purple600: #865C99; +$purple700: #B990CC; +$purple800: #F0F1FF; +$orange100: #29170C; +$orange200: #4A2915; +$orange300: #663A1E; +$orange400: #8A4E29; +$orange500: #AD6234; +$orange600: #CF7945; +$orange700: #E7AA84; +$orange800: #FFE3D1; +$grey100: #101012; +$grey200: #1A1D21; +$grey300: #22272B; +$grey400: #2D3238; +$grey500: #515357; +$grey600: #616568; +$grey700: #98999B; +$grey800: #E8E9EA; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; \ 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..266ce89c --- /dev/null +++ b/dist/tokens/scss/core-light-colors.scss @@ -0,0 +1,63 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:50:47 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; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$yellow100: #faf8f2; +$yellow200: #fcf3dd; +$yellow300: #fce7b1; +$yellow400: #fcd97e; +$yellow500: #fccb4c; +$yellow600: #ffc121; +$yellow700: #f7b200; +$yellow800: #e5a500; \ 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..97ddda3d --- /dev/null +++ b/dist/tokens/scss/themes/dark.scss @@ -0,0 +1,126 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:50:47 GMT + +$textEmphasis: #E8E9EA; +$textBody: #98999B; +$textSubdued: #616568; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #FFFFFF; +$systemTextBase: #98999B; +$systemTextHover: #E8E9EA; +$systemTextActive: #FFFFFF; +$systemBackgroundBase: #1A1D21; +$systemBackgroundMuted: #22272B; +$systemBackgroundMutedHover: #2D3238; +$systemBackgroundMutedActive: #515357; +$systemBackgroundBox: #1A1D21; +$systemBorderBase: #515357; +$systemBorderHover: #616568; +$systemBorderActive: #98999B; +$systemBorderFocused: #6597CE; +$surfaceLevel0: #101012; +$surfaceLevel1: #1A1D21; +$surfaceLevel2: #22272B; +$surfaceInteractiveBackground: #1A1D21; +$surfaceInteractiveHover: #22272B; +$surfaceInteractiveActive: #2D3238; +$surfaceOverlayDark: #22272B; +$surfaceOverlayTheme: #22272B; +$surfaceOverlayBackdrop: #1A1D21; +$primaryTextBase: #42AD86; +$primaryTextHover: #86D6B9; +$primaryTextActive: #DBFFF1; +$primaryBackgroundBase: #288563; +$primaryBackgroundHover: #256E53; +$primaryBackgroundActive: #1A5740; +$primaryBackgroundMuted: #13402F; +$primaryBackgroundMutedHover: #1A5740; +$primaryBackgroundMutedActive: #256E53; +$primaryBackgroundBox: #0C291E; +$primaryBorderBase: #288563; +$primaryBorderHover: #256E53; +$primaryBorderActive: #1A5740; +$infoTextBase: #6597CE; +$infoTextHover: #96BDE7; +$infoTextActive: #D1E8FF; +$infoBackgroundBase: #4577AD; +$infoBackgroundHover: #285685; +$infoBackgroundActive: #1F4366; +$infoBackgroundMuted: #142C45; +$infoBackgroundMutedHover: #1F4366; +$infoBackgroundMutedActive: #285685; +$infoBackgroundBox: #0C1B29; +$infoBorderBase: #4577AD; +$infoBorderHover: #285685; +$infoBorderActive: #1F4366; +$warningTextBase: #CF7945; +$warningTextHover: #E7AA84; +$warningTextActive: #FFE3D1; +$warningBackgroundBase: #AD6234; +$warningBackgroundHover: #8A4E29; +$warningBackgroundActive: #663A1E; +$warningBackgroundMuted: #4A2915; +$warningBackgroundMutedHover: #663A1E; +$warningBackgroundMutedActive: #8A4E29; +$warningBackgroundBox: #29170C; +$warningBorderBase: #AD6234; +$warningBorderHover: #8A4E29; +$warningBorderActive: #663A1E; +$dangerTextBase: #C74C6B; +$dangerTextHover: #EA8AA3; +$dangerTextActive: #FFD1DD; +$dangerBackgroundBase: #B23655; +$dangerBackgroundHover: #8F2843; +$dangerBackgroundActive: #611D30; +$dangerBackgroundMuted: #451522; +$dangerBackgroundMutedHover: #611D30; +$dangerBackgroundMutedActive: #8F2843; +$dangerBackgroundBox: #290F16; +$dangerBorderBase: #B23655; +$dangerBorderHover: #8F2843; +$dangerBorderActive: #611D30; +$highlightTextBase: #865C99; +$highlightTextHover: #B990CC; +$highlightTextActive: #F0F1FF; +$highlightBackgroundBase: #693B80; +$highlightBackgroundHover: #542F66; +$highlightBackgroundActive: #432652; +$highlightBackgroundMuted: #33193F; +$highlightBackgroundMutedHover: #432652; +$highlightBackgroundMutedActive: #542F66; +$highlightBackgroundBox: #200F29; +$highlightBorderBase: #693B80; +$highlightBorderHover: #542F66; +$highlightBorderActive: #432652; +$disabledText: #616568; +$disabledBackground: #1A1D21; +$disabledNakedBackground: transparent; +$disabledBorder: #515357; +$disabledInputBackground: #1B2228; +$disabledInputLabelText: #616568; +$inputBackgroundBase: #1B2228; +$inputBackgroundHover: #2D3238; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #FFFFFF; +$inputTextInformation: #98999B; +$inputTextInformationError: #B23655; +$inputTextLabel: #98999B; +$inputTextFloatingLabel: #4577AD; +$inputTextFloatingLabelError: #B23655; +$inputTextPlaceholder: #616568; +$inputTextActive: #FFFFFF; +$inputBorderBase: #2D3238; +$inputBorderError: #8F2843; +$inputBorderHover: #515357; +$inputBorderEmphasized: #616568; +$inputBorderEmphasizedHover: #98999B; +$inputBorderActive: #285685; +$separatorBase: #2D3238; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #616568; +$lightBackgroundHover: #1A1D21; +$lightBackgroundActive: #22272B; +$lightTextBase: #E8E9EA; +$lightLinkMutedBase: #1A1D21; +$lightLinkMutedHover: #FFFFFF; \ 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..714b87ae --- /dev/null +++ b/dist/tokens/scss/themes/emerson.scss @@ -0,0 +1,126 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:50:47 GMT + +$textEmphasis: #1A1D21; +$textBody: #22272B; +$textSubdued: #2D3238; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #101012; +$systemTextBase: #22272B; +$systemTextHover: #1A1D21; +$systemTextActive: #101012; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #98999B; +$systemBackgroundMutedHover: #616568; +$systemBackgroundMutedActive: #515357; +$systemBackgroundBox: #E8E9EA; +$systemBorderBase: #515357; +$systemBorderHover: #2D3238; +$systemBorderActive: #22272B; +$systemBorderFocused: #0281d7; +$surfaceLevel0: #98999B; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #98999B; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #98999B; +$surfaceInteractiveActive: #616568; +$surfaceOverlayDark: #101012; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #1A1D21; +$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; +$infoTextBase: #0281d7; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #0281d7; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #0281d7; +$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: #2D3238; +$disabledBackground: #98999B; +$disabledNakedBackground: transparent; +$disabledBorder: #515357; +$disabledInputBackground: #616568; +$disabledInputLabelText: #2D3238; +$inputBackgroundBase: #98999B; +$inputBackgroundHover: #616568; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #22272B; +$inputTextInformation: #22272B; +$inputTextInformationError: #AF2645; +$inputTextLabel: #22272B; +$inputTextFloatingLabel: #0281d7; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #2D3238; +$inputTextActive: #101012; +$inputBorderBase: #616568; +$inputBorderError: #AF2645; +$inputBorderHover: #515357; +$inputBorderEmphasized: #2D3238; +$inputBorderEmphasizedHover: #22272B; +$inputBorderActive: #0281d7; +$separatorBase: #616568; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #22272B; +$lightBackgroundHover: #98999B; +$lightBackgroundActive: #616568; +$lightTextBase: #101012; +$lightLinkMutedBase: #98999B; +$lightLinkMutedHover: #FFFFFF; \ 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..ed193b6e --- /dev/null +++ b/dist/tokens/scss/themes/light.scss @@ -0,0 +1,126 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:50:47 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; +$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; \ 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..c380b395 --- /dev/null +++ b/dist/tokens/scss/typography.scss @@ -0,0 +1,116 @@ + +// Do not edit directly +// Generated on Tue, 02 May 2023 17:50:47 GMT + +$letterSpacingBase: 0; +$paragraphSpacingBase: 0; +$textDecorationBase: none; +$textCaseBase: none; +$size3xlarge: 40px; +$size2xlarge: 32px; +$sizeXlarge: 24px; +$sizeLarge: 20px; +$sizeNormal: 16px; +$sizeSmall: 14px; +$sizeXsmall: 12px; +$sizeMobile3xlarge: 32px; +$sizeMobile2xlarge: 28px; +$sizeMobileXlarge: 22px; +$lineHeightXlarge: 40px; +$lineHeightLarge: 32px; +$lineHeightNormal: 24px; +$lineHeightSmall: 16px; +$fontFamilySansSerif: Mulish; +$weightSemiBold: 700; +$weightBase: 500; +$weightLight: 400; +$weightStrong: 600; +$weightBold: 900; +$h1FontFamily: Mulish; +$h1FontWeight: 700; +$h1LineHeight: 40px; +$h1FontSize: 40px; +$h1LetterSpacing: 0; +$h1ParagraphSpacing: 0; +$h1TextDecoration: none; +$h1TextCase: none; +$h2FontFamily: Mulish; +$h2FontWeight: 700; +$h2LineHeight: 40px; +$h2FontSize: 32px; +$h2LetterSpacing: 0; +$h2ParagraphSpacing: 0; +$h2TextDecoration: none; +$h2TextCase: none; +$h3FontFamily: Mulish; +$h3FontWeight: 700; +$h3LineHeight: 32px; +$h3FontSize: 24px; +$h3LetterSpacing: 0; +$h3ParagraphSpacing: 0; +$h3TextDecoration: none; +$h3TextCase: none; +$h4FontFamily: Mulish; +$h4FontWeight: 700; +$h4LineHeight: 24px; +$h4FontSize: 20px; +$h4LetterSpacing: 0; +$h4ParagraphSpacing: 0; +$h4TextDecoration: none; +$h4TextCase: none; +$h5FontFamily: Mulish; +$h5FontWeight: 700; +$h5LineHeight: 24px; +$h5FontSize: 16px; +$h5LetterSpacing: 0; +$h5ParagraphSpacing: 0; +$h5TextDecoration: none; +$h5TextCase: none; +$bodyFontFamily: Mulish; +$bodyFontWeight: 500; +$bodyLineHeight: 24px; +$bodyFontSize: 16px; +$bodyLetterSpacing: 0; +$bodyParagraphSpacing: 0; +$bodyTextDecoration: none; +$bodyTextCase: none; +$footnoteFontFamily: Mulish; +$footnoteFontWeight: 500; +$footnoteLineHeight: 16px; +$footnoteFontSize: 14px; +$footnoteLetterSpacing: 0; +$footnoteParagraphSpacing: 0; +$footnoteTextDecoration: none; +$footnoteTextCase: none; +$captionFontFamily: Mulish; +$captionFontWeight: 500; +$captionLineHeight: 16px; +$captionFontSize: 12px; +$captionLetterSpacing: 0; +$captionParagraphSpacing: 0; +$captionTextDecoration: none; +$captionTextCase: none; +$mobileH1FontFamily: Mulish; +$mobileH1FontWeight: 700; +$mobileH1LineHeight: 40px; +$mobileH1FontSize: 32px; +$mobileH1LetterSpacing: 0; +$mobileH1ParagraphSpacing: 0; +$mobileH1TextDecoration: none; +$mobileH1TextCase: none; +$mobileH2FontFamily: Mulish; +$mobileH2FontWeight: 700; +$mobileH2LineHeight: 32px; +$mobileH2FontSize: 28px; +$mobileH2LetterSpacing: 0; +$mobileH2ParagraphSpacing: 0; +$mobileH2TextDecoration: none; +$mobileH2TextCase: none; +$mobileH3FontFamily: Mulish; +$mobileH3FontWeight: 700; +$mobileH3LineHeight: 32px; +$mobileH3FontSize: 22px; +$mobileH3LetterSpacing: 0; +$mobileH3ParagraphSpacing: 0; +$mobileH3TextDecoration: none; +$mobileH3TextCase: none; \ 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..6816c5ef --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.d.ts @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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}; \ No newline at end of file diff --git a/dist/tokens/ts/core-dark-colors.js b/dist/tokens/ts/core-dark-colors.js new file mode 100644 index 00000000..9aca5a60 --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 GMT + */ + +module.exports = {green : {100 : "#0C291E",200 : "#13402F",300 : "#1A5740",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +blue : {100 : "#0C1B29",200 : "#142C45",300 : "#1F4366",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red : {100 : "#290F16",200 : "#451522",300 : "#611D30",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple : {100 : "#200F29",200 : "#33193F",300 : "#432652",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0F1FF"}, +orange : {100 : "#29170C",200 : "#4A2915",300 : "#663A1E",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#616568",700 : "#98999B",800 : "#E8E9EA"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"},}; \ 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..98bbfc9d --- /dev/null +++ b/dist/tokens/ts/core-light-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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 yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ No newline at end of file diff --git a/dist/tokens/ts/core-light-colors.js b/dist/tokens/ts/core-light-colors.js new file mode 100644 index 00000000..230820cd --- /dev/null +++ b/dist/tokens/ts/core-light-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ 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..00472868 --- /dev/null +++ b/dist/tokens/ts/themes/dark.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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 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}; \ 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..fae7ac65 --- /dev/null +++ b/dist/tokens/ts/themes/dark.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 GMT + */ + +module.exports = {theme: "dark", +text : {emphasis : "#E8E9EA",body : "#98999B",subdued : "#616568",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#FFFFFF",textBase : "#98999B",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#1A1D21",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#616568",borderActive : "#98999B",borderFocused : "#6597CE"}, +surface : {level0 : "#101012",level1 : "#1A1D21",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#22272B",overlayBackdrop : "#1A1D21"}, +primary : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#256E53",backgroundActive : "#1A5740",backgroundMuted : "#13402F",backgroundMutedHover : "#1A5740",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#288563",borderHover : "#256E53",borderActive : "#1A5740"}, +info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#1F4366",backgroundMuted : "#142C45",backgroundMutedHover : "#1F4366",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#1F4366"}, +warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#8A4E29",backgroundActive : "#663A1E",backgroundMuted : "#4A2915",backgroundMutedHover : "#663A1E",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#AD6234",borderHover : "#8A4E29",borderActive : "#663A1E"}, +danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#8F2843",backgroundActive : "#611D30",backgroundMuted : "#451522",backgroundMutedHover : "#611D30",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#B23655",borderHover : "#8F2843",borderActive : "#611D30"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0F1FF",backgroundBase : "#693B80",backgroundHover : "#542F66",backgroundActive : "#432652",backgroundMuted : "#33193F",backgroundMutedHover : "#432652",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#693B80",borderHover : "#542F66",borderActive : "#432652"}, +disabled : {text : "#616568",background : "#1A1D21",nakedBackground : "transparent",border : "#515357",inputBackground : "#1B2228",inputLabelText : "#616568"}, +input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#98999B",textInformationError : "#B23655",textLabel : "#98999B",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#616568",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#616568",borderEmphasizedHover : "#98999B",borderActive : "#285685"}, +separator : {base : "#2D3238"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#616568",backgroundHover : "#1A1D21",backgroundActive : "#22272B",textBase : "#E8E9EA",linkMutedBase : "#1A1D21",linkMutedHover : "#FFFFFF"},}; \ 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..00472868 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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 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}; \ 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..9a38dbb2 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 GMT + */ + +module.exports = {theme: "emerson", +text : {emphasis : "#1A1D21",body : "#22272B",subdued : "#2D3238",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#101012",textBase : "#22272B",textHover : "#1A1D21",textActive : "#101012",backgroundBase : "#FFFFFF",backgroundMuted : "#98999B",backgroundMutedHover : "#616568",backgroundMutedActive : "#515357",backgroundBox : "#E8E9EA",borderBase : "#515357",borderHover : "#2D3238",borderActive : "#22272B",borderFocused : "#0281d7"}, +surface : {level0 : "#98999B",level1 : "#FFFFFF",level2 : "#98999B",interactiveBackground : "#FFFFFF",interactiveHover : "#98999B",interactiveActive : "#616568",overlayDark : "#101012",overlayTheme : "#FFFFFF",overlayBackdrop : "#1A1D21"}, +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"}, +info : {textBase : "#0281d7",textHover : "#21588F",textActive : "#194673",backgroundBase : "#0281d7",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#0281d7",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 : "#2D3238",background : "#98999B",nakedBackground : "transparent",border : "#515357",inputBackground : "#616568",inputLabelText : "#2D3238"}, +input : {backgroundBase : "#98999B",backgroundHover : "#616568",backgroundInformation : "#FFFFFF",textBase : "#22272B",textInformation : "#22272B",textInformationError : "#AF2645",textLabel : "#22272B",textFloatingLabel : "#0281d7",textFloatingLabelError : "#AF2645",textPlaceholder : "#2D3238",textActive : "#101012",borderBase : "#616568",borderError : "#AF2645",borderHover : "#515357",borderEmphasized : "#2D3238",borderEmphasizedHover : "#22272B",borderActive : "#0281d7"}, +separator : {base : "#616568"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#22272B",backgroundHover : "#98999B",backgroundActive : "#616568",textBase : "#101012",linkMutedBase : "#98999B",linkMutedHover : "#FFFFFF"},}; \ 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..00472868 --- /dev/null +++ b/dist/tokens/ts/themes/light.d.ts @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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 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}; \ 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..af60865a --- /dev/null +++ b/dist/tokens/ts/themes/light.js @@ -0,0 +1,18 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 GMT + */ + +module.exports = {theme: "light", +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"}, +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"},}; \ 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..8598a032 --- /dev/null +++ b/dist/tokens/ts/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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 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 weightSemiBold : number; +export const weightBase : number; +export const weightLight : number; +export const weightStrong : number; +export const weightBold : number; +export const h1FontFamily : string; +export const h1FontWeight : number; +export const h1LineHeight : string; +export const h1FontSize : string; +export const h1LetterSpacing : number; +export const h1ParagraphSpacing : number; +export const h1TextDecoration : string; +export const h1TextCase : string; +export const h2FontFamily : string; +export const h2FontWeight : number; +export const h2LineHeight : string; +export const h2FontSize : string; +export const h2LetterSpacing : number; +export const h2ParagraphSpacing : number; +export const h2TextDecoration : string; +export const h2TextCase : string; +export const h3FontFamily : string; +export const h3FontWeight : number; +export const h3LineHeight : string; +export const h3FontSize : string; +export const h3LetterSpacing : number; +export const h3ParagraphSpacing : number; +export const h3TextDecoration : string; +export const h3TextCase : string; +export const h4FontFamily : string; +export const h4FontWeight : number; +export const h4LineHeight : string; +export const h4FontSize : string; +export const h4LetterSpacing : number; +export const h4ParagraphSpacing : number; +export const h4TextDecoration : string; +export const h4TextCase : string; +export const h5FontFamily : string; +export const h5FontWeight : number; +export const h5LineHeight : string; +export const h5FontSize : string; +export const h5LetterSpacing : number; +export const h5ParagraphSpacing : number; +export const h5TextDecoration : string; +export const h5TextCase : string; +export const bodyFontFamily : string; +export const bodyFontWeight : number; +export const bodyLineHeight : string; +export const bodyFontSize : string; +export const bodyLetterSpacing : number; +export const bodyParagraphSpacing : number; +export const bodyTextDecoration : string; +export const bodyTextCase : string; +export const footnoteFontFamily : string; +export const footnoteFontWeight : number; +export const footnoteLineHeight : string; +export const footnoteFontSize : string; +export const footnoteLetterSpacing : number; +export const footnoteParagraphSpacing : number; +export const footnoteTextDecoration : string; +export const footnoteTextCase : string; +export const captionFontFamily : string; +export const captionFontWeight : number; +export const captionLineHeight : string; +export const captionFontSize : string; +export const captionLetterSpacing : number; +export const captionParagraphSpacing : number; +export const captionTextDecoration : string; +export const captionTextCase : string; +export const mobileH1FontFamily : string; +export const mobileH1FontWeight : number; +export const mobileH1LineHeight : string; +export const mobileH1FontSize : string; +export const mobileH1LetterSpacing : number; +export const mobileH1ParagraphSpacing : number; +export const mobileH1TextDecoration : string; +export const mobileH1TextCase : string; +export const mobileH2FontFamily : string; +export const mobileH2FontWeight : number; +export const mobileH2LineHeight : string; +export const mobileH2FontSize : string; +export const mobileH2LetterSpacing : number; +export const mobileH2ParagraphSpacing : number; +export const mobileH2TextDecoration : string; +export const mobileH2TextCase : string; +export const mobileH3FontFamily : string; +export const mobileH3FontWeight : number; +export const mobileH3LineHeight : string; +export const mobileH3FontSize : string; +export const mobileH3LetterSpacing : number; +export const mobileH3ParagraphSpacing : number; +export const mobileH3TextDecoration : string; +export const mobileH3TextCase : string; \ 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..7c508cb1 --- /dev/null +++ b/dist/tokens/ts/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Tue, 02 May 2023 17:50:47 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", + "sizeMobile3xlarge": "32px", + "sizeMobile2xlarge": "28px", + "sizeMobileXlarge": "22px", + "lineHeightXlarge": "40px", + "lineHeightLarge": "32px", + "lineHeightNormal": "24px", + "lineHeightSmall": "16px", + "fontFamilySansSerif": "Mulish", + "weightSemiBold": 700, + "weightBase": 500, + "weightLight": 400, + "weightStrong": 600, + "weightBold": 900, + "h1FontFamily": "Mulish", + "h1FontWeight": 700, + "h1LineHeight": "40px", + "h1FontSize": "40px", + "h1LetterSpacing": 0, + "h1ParagraphSpacing": 0, + "h1TextDecoration": "none", + "h1TextCase": "none", + "h2FontFamily": "Mulish", + "h2FontWeight": 700, + "h2LineHeight": "40px", + "h2FontSize": "32px", + "h2LetterSpacing": 0, + "h2ParagraphSpacing": 0, + "h2TextDecoration": "none", + "h2TextCase": "none", + "h3FontFamily": "Mulish", + "h3FontWeight": 700, + "h3LineHeight": "32px", + "h3FontSize": "24px", + "h3LetterSpacing": 0, + "h3ParagraphSpacing": 0, + "h3TextDecoration": "none", + "h3TextCase": "none", + "h4FontFamily": "Mulish", + "h4FontWeight": 700, + "h4LineHeight": "24px", + "h4FontSize": "20px", + "h4LetterSpacing": 0, + "h4ParagraphSpacing": 0, + "h4TextDecoration": "none", + "h4TextCase": "none", + "h5FontFamily": "Mulish", + "h5FontWeight": 700, + "h5LineHeight": "24px", + "h5FontSize": "16px", + "h5LetterSpacing": 0, + "h5ParagraphSpacing": 0, + "h5TextDecoration": "none", + "h5TextCase": "none", + "bodyFontFamily": "Mulish", + "bodyFontWeight": 500, + "bodyLineHeight": "24px", + "bodyFontSize": "16px", + "bodyLetterSpacing": 0, + "bodyParagraphSpacing": 0, + "bodyTextDecoration": "none", + "bodyTextCase": "none", + "footnoteFontFamily": "Mulish", + "footnoteFontWeight": 500, + "footnoteLineHeight": "16px", + "footnoteFontSize": "14px", + "footnoteLetterSpacing": 0, + "footnoteParagraphSpacing": 0, + "footnoteTextDecoration": "none", + "footnoteTextCase": "none", + "captionFontFamily": "Mulish", + "captionFontWeight": 500, + "captionLineHeight": "16px", + "captionFontSize": "12px", + "captionLetterSpacing": 0, + "captionParagraphSpacing": 0, + "captionTextDecoration": "none", + "captionTextCase": "none", + "mobileH1FontFamily": "Mulish", + "mobileH1FontWeight": 700, + "mobileH1LineHeight": "40px", + "mobileH1FontSize": "32px", + "mobileH1LetterSpacing": 0, + "mobileH1ParagraphSpacing": 0, + "mobileH1TextDecoration": "none", + "mobileH1TextCase": "none", + "mobileH2FontFamily": "Mulish", + "mobileH2FontWeight": 700, + "mobileH2LineHeight": "32px", + "mobileH2FontSize": "28px", + "mobileH2LetterSpacing": 0, + "mobileH2ParagraphSpacing": 0, + "mobileH2TextDecoration": "none", + "mobileH2TextCase": "none", + "mobileH3FontFamily": "Mulish", + "mobileH3FontWeight": 700, + "mobileH3LineHeight": "32px", + "mobileH3FontSize": "22px", + "mobileH3LetterSpacing": 0, + "mobileH3ParagraphSpacing": 0, + "mobileH3TextDecoration": "none", + "mobileH3TextCase": "none" +}; \ No newline at end of file From 71631c46e1c72f0a8baeea0bea16036b71d53881 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 2 May 2023 17:51:12 +0000 Subject: [PATCH 10/10] Files compiled! --- dist/helpers/colorProfileMapper.d.ts | 94 ++++++++++++++++++++++++ dist/helpers/colorProfileMapper.d.ts.map | 1 + dist/helpers/colorProfileMapper.js | 20 +++++ dist/helpers/index.d.ts | 2 + dist/helpers/index.d.ts.map | 1 + dist/helpers/index.js | 24 ++++++ dist/index.d.ts | 8 ++ dist/index.d.ts.map | 1 + dist/index.js | 89 ++++++++++++++++++++++ dist/types/index.d.ts | 3 + dist/types/index.d.ts.map | 1 + dist/types/index.js | 37 ++++++++++ dist/types/interfaces.d.ts | 28 +++++++ dist/types/interfaces.d.ts.map | 1 + dist/types/interfaces.js | 42 +++++++++++ dist/types/profiles.d.ts | 6 ++ dist/types/profiles.d.ts.map | 1 + dist/types/profiles.js | 5 ++ dist/types/themes.d.ts | 7 ++ dist/types/themes.d.ts.map | 1 + dist/types/themes.js | 42 +++++++++++ 21 files changed, 414 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/index.d.ts create mode 100644 dist/types/index.d.ts.map create mode 100644 dist/types/index.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..f1f8e962 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts @@ -0,0 +1,94 @@ +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; + }; +}; +//# 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..82925827 --- /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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAS3D,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..77f12372 --- /dev/null +++ b/dist/helpers/colorProfileMapper.js @@ -0,0 +1,20 @@ +"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 + }; +}; + +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..90fee409 --- /dev/null +++ b/dist/index.d.ts @@ -0,0 +1,8 @@ +export * from "./helpers"; +export * from "./types"; +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..54ac0542 --- /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,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..224c96c5 --- /dev/null +++ b/dist/index.js @@ -0,0 +1,89 @@ +"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 = { + typography: true, + lightThemeDocumentation: true, + darkThemeDocumentation: true, + coreDarkDocumentation: true, + coreLightDocumentation: true +}; +exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = 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 _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/index.d.ts b/dist/types/index.d.ts new file mode 100644 index 00000000..bf33064e --- /dev/null +++ b/dist/types/index.d.ts @@ -0,0 +1,3 @@ +export * from "./interfaces"; +export * from "./profiles"; +//# 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..1ca1b828 --- /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,cAAc,CAAC;AAC7B,cAAc,YAAY,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..9ce320c1 --- /dev/null +++ b/dist/types/index.js @@ -0,0 +1,37 @@ +"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 _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]; + } + }); +}); \ 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..0cea5539 --- /dev/null +++ b/dist/types/interfaces.d.ts @@ -0,0 +1,28 @@ +declare const AVIARY_COLORS: { + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; +}; +declare const EXTENDED_AVIARY_COLORS: { + light: string; + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: 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..87d81861 --- /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;;;;;;;CAOlB,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..42449ef5 --- /dev/null +++ b/dist/types/interfaces.js @@ -0,0 +1,42 @@ +"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" +}; +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..fdaa73de --- /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 }; +//# 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..c292ac7a --- /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,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..5197a1c3 --- /dev/null +++ b/dist/types/themes.d.ts @@ -0,0 +1,7 @@ +import * as light from "../../dist/tokens/ts/themes/light"; +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 }; +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..8bbb62a7 --- /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,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,CAAC;AAChC,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..1b8926c1 --- /dev/null +++ b/dist/types/themes.js @@ -0,0 +1,42 @@ +"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.light = exports.emerson = exports.dark = void 0; + +var light = _interopRequireWildcard(require("../../dist/tokens/ts/themes/light")); + +exports.light = light; + +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