From e88d2be894639eb0cb2a2d233c029b743e267038 Mon Sep 17 00:00:00 2001 From: Catherine Aylward` Date: Tue, 25 Jul 2023 13:39:30 -0400 Subject: [PATCH 1/8] light primary borders --- src/data/light.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/data/light.json b/src/data/light.json index 7ddc7ff0..f730bb18 100644 --- a/src/data/light.json +++ b/src/data/light.json @@ -203,17 +203,17 @@ }, "border": { "base": { - "value": "{colors.grey.700}", + "value": "{colors.grey.400}", "type": "color", "description": "Used for the border colour for primary components such as buttons and Message" }, "hover": { - "value": "{colors.grey.800}", + "value": "{colors.grey.500}", "type": "color", "description": "Used for the hovered border colour for primary components such as buttons" }, "active": { - "value": "{colors.grey.900}", + "value": "{colors.grey.800}", "type": "color", "description": "Used for the pressed border colour for primary components such as buttons" } From 8f13c8d994b0bef7506211d4bdfae9536c640b17 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 25 Jul 2023 17:40:14 +0000 Subject: [PATCH 2/8] Transformed tokens --- dist/documentation/core-dark-colors.d.ts | 216 --------- dist/documentation/core-dark-colors.js | 216 --------- dist/documentation/core-light-colors.d.ts | 253 ---------- dist/documentation/core-light-colors.js | 253 ---------- dist/documentation/themes/dark.d.ts | 563 ---------------------- dist/documentation/themes/dark.js | 563 ---------------------- dist/documentation/themes/emerson.d.ts | 563 ---------------------- dist/documentation/themes/emerson.js | 563 ---------------------- dist/documentation/themes/light.d.ts | 563 ---------------------- dist/documentation/themes/light.js | 563 ---------------------- dist/documentation/themes/lightDS3.d.ts | 563 ---------------------- dist/documentation/themes/lightDS3.js | 563 ---------------------- dist/helpers/colorProfileMapper.d.ts | 109 ----- dist/helpers/colorProfileMapper.d.ts.map | 1 - dist/helpers/colorProfileMapper.js | 21 - dist/helpers/index.d.ts | 2 - dist/helpers/index.d.ts.map | 1 - dist/helpers/index.js | 24 - dist/index.d.ts | 9 - dist/index.d.ts.map | 1 - dist/index.js | 94 ---- dist/tokens/native/borders.d.ts | 10 - dist/tokens/native/borders.js | 12 - dist/tokens/native/core-dark-colors.d.ts | 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 | 20 - dist/tokens/native/themes/dark.js | 20 - dist/tokens/native/themes/emerson.d.ts | 20 - dist/tokens/native/themes/emerson.js | 20 - dist/tokens/native/themes/light.d.ts | 20 - dist/tokens/native/themes/light.js | 20 - dist/tokens/native/themes/lightDS3.d.ts | 20 - dist/tokens/native/themes/lightDS3.js | 20 - dist/tokens/native/typography.d.ts | 117 ----- dist/tokens/native/typography.js | 119 ----- dist/tokens/scss/borders.scss | 9 - dist/tokens/scss/core-dark-colors.scss | 55 --- dist/tokens/scss/core-light-colors.scss | 64 --- dist/tokens/scss/themes/dark.scss | 140 ------ dist/tokens/scss/themes/emerson.scss | 140 ------ dist/tokens/scss/themes/light.scss | 140 ------ dist/tokens/scss/themes/lightDS3.scss | 140 ------ dist/tokens/scss/typography.scss | 116 ----- dist/tokens/ts/borders.d.ts | 10 - dist/tokens/ts/borders.js | 12 - 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 | 20 - dist/tokens/ts/themes/dark.js | 20 - dist/tokens/ts/themes/emerson.d.ts | 20 - dist/tokens/ts/themes/emerson.js | 20 - dist/tokens/ts/themes/light.d.ts | 20 - dist/tokens/ts/themes/light.js | 20 - dist/tokens/ts/themes/lightDS3.d.ts | 20 - dist/tokens/ts/themes/lightDS3.js | 20 - 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 | 30 -- dist/types/interfaces.d.ts.map | 1 - dist/types/interfaces.js | 43 -- dist/types/profiles.d.ts | 6 - dist/types/profiles.d.ts.map | 1 - dist/types/profiles.js | 5 - dist/types/themes.d.ts | 8 - dist/types/themes.d.ts.map | 1 - dist/types/themes.js | 46 -- src/transformed/transformed-light.json | 6 +- 74 files changed, 3 insertions(+), 7629 deletions(-) delete mode 100644 dist/documentation/core-dark-colors.d.ts delete mode 100644 dist/documentation/core-dark-colors.js delete mode 100644 dist/documentation/core-light-colors.d.ts delete mode 100644 dist/documentation/core-light-colors.js delete mode 100644 dist/documentation/themes/dark.d.ts delete mode 100644 dist/documentation/themes/dark.js delete mode 100644 dist/documentation/themes/emerson.d.ts delete mode 100644 dist/documentation/themes/emerson.js delete mode 100644 dist/documentation/themes/light.d.ts delete mode 100644 dist/documentation/themes/light.js delete mode 100644 dist/documentation/themes/lightDS3.d.ts delete mode 100644 dist/documentation/themes/lightDS3.js delete mode 100644 dist/helpers/colorProfileMapper.d.ts delete mode 100644 dist/helpers/colorProfileMapper.d.ts.map delete mode 100644 dist/helpers/colorProfileMapper.js delete mode 100644 dist/helpers/index.d.ts delete mode 100644 dist/helpers/index.d.ts.map delete mode 100644 dist/helpers/index.js delete mode 100644 dist/index.d.ts delete mode 100644 dist/index.d.ts.map delete mode 100644 dist/index.js delete mode 100644 dist/tokens/native/borders.d.ts delete mode 100644 dist/tokens/native/borders.js delete mode 100644 dist/tokens/native/core-dark-colors.d.ts delete mode 100644 dist/tokens/native/core-dark-colors.js delete mode 100644 dist/tokens/native/core-light-colors.d.ts delete mode 100644 dist/tokens/native/core-light-colors.js delete mode 100644 dist/tokens/native/themes/dark.d.ts delete mode 100644 dist/tokens/native/themes/dark.js delete mode 100644 dist/tokens/native/themes/emerson.d.ts delete mode 100644 dist/tokens/native/themes/emerson.js delete mode 100644 dist/tokens/native/themes/light.d.ts delete mode 100644 dist/tokens/native/themes/light.js delete mode 100644 dist/tokens/native/themes/lightDS3.d.ts delete mode 100644 dist/tokens/native/themes/lightDS3.js delete mode 100644 dist/tokens/native/typography.d.ts delete mode 100644 dist/tokens/native/typography.js delete mode 100644 dist/tokens/scss/borders.scss delete mode 100644 dist/tokens/scss/core-dark-colors.scss delete mode 100644 dist/tokens/scss/core-light-colors.scss delete mode 100644 dist/tokens/scss/themes/dark.scss delete mode 100644 dist/tokens/scss/themes/emerson.scss delete mode 100644 dist/tokens/scss/themes/light.scss delete mode 100644 dist/tokens/scss/themes/lightDS3.scss delete mode 100644 dist/tokens/scss/typography.scss delete mode 100644 dist/tokens/ts/borders.d.ts delete mode 100644 dist/tokens/ts/borders.js delete mode 100644 dist/tokens/ts/core-dark-colors.d.ts delete mode 100644 dist/tokens/ts/core-dark-colors.js delete mode 100644 dist/tokens/ts/core-light-colors.d.ts delete mode 100644 dist/tokens/ts/core-light-colors.js delete mode 100644 dist/tokens/ts/themes/dark.d.ts delete mode 100644 dist/tokens/ts/themes/dark.js delete mode 100644 dist/tokens/ts/themes/emerson.d.ts delete mode 100644 dist/tokens/ts/themes/emerson.js delete mode 100644 dist/tokens/ts/themes/light.d.ts delete mode 100644 dist/tokens/ts/themes/light.js delete mode 100644 dist/tokens/ts/themes/lightDS3.d.ts delete mode 100644 dist/tokens/ts/themes/lightDS3.js delete mode 100644 dist/tokens/ts/typography.d.ts delete mode 100644 dist/tokens/ts/typography.js delete mode 100644 dist/types/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 87c76cba..00000000 --- a/dist/documentation/core-dark-colors.d.ts +++ /dev/null @@ -1,216 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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 d389cd97..00000000 --- a/dist/documentation/core-dark-colors.js +++ /dev/null @@ -1,216 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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 0b555bfb..00000000 --- a/dist/documentation/core-light-colors.d.ts +++ /dev/null @@ -1,253 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const green : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const blue : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const red : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const purple : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const orange : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const grey : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - },900:{ - name: string, - hex: string, - - }}; -export const shades : {white:{ - name: string, - hex: string, - - },black:{ - name: string, - hex: string, - - },transparent:{ - name: string, - hex: string, - - }}; -export const yellow : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; \ 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 00328adb..00000000 --- a/dist/documentation/core-light-colors.js +++ /dev/null @@ -1,253 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -module.exports = {green : {100:{ - name: "green.100", - hex: "#FAFFFC", - - },200:{ - name: "green.200", - hex: "#EBF2EF", - - },300:{ - name: "green.300", - hex: "#D1E0D9", - - },400:{ - name: "green.400", - hex: "#B6CFC2", - - },500:{ - name: "green.500", - hex: "#86B09B", - - },600:{ - name: "green.600", - hex: "#307553", - - },700:{ - name: "green.700", - hex: "#275E43", - - },800:{ - name: "green.800", - hex: "#244C38", - - }}, -blue : {100:{ - name: "blue.100", - hex: "#F5FAFF", - - },200:{ - name: "blue.200", - hex: "#E6F1FC", - - },300:{ - name: "blue.300", - hex: "#C0D8F0", - - },400:{ - name: "blue.400", - hex: "#88B1D9", - - },500:{ - name: "blue.500", - hex: "#5D96CF", - - },600:{ - name: "blue.600", - hex: "#3971A8", - - },700:{ - name: "blue.700", - hex: "#21588F", - - },800:{ - name: "blue.800", - hex: "#194673", - - }}, -red : {100:{ - name: "red.100", - hex: "#FFF7F9", - - },200:{ - name: "red.200", - hex: "#FEEEF2", - - },300:{ - name: "red.300", - hex: "#F0C4CD", - - },400:{ - name: "red.400", - hex: "#E296A6", - - },500:{ - name: "red.500", - hex: "#C6516A", - - },600:{ - name: "red.600", - hex: "#AF2645", - - },700:{ - name: "red.700", - hex: "#980B29", - - },800:{ - name: "red.800", - hex: "#800D25", - - }}, -purple : {100:{ - name: "purple.100", - hex: "#FCFAFF", - - },200:{ - name: "purple.200", - hex: "#F2ECFE", - - },300:{ - name: "purple.300", - hex: "#D7CEE9", - - },400:{ - name: "purple.400", - hex: "#B9ABD5", - - },500:{ - name: "purple.500", - hex: "#8471AB", - - },600:{ - name: "purple.600", - hex: "#533E7D", - - },700:{ - name: "purple.700", - hex: "#3B2566", - - },800:{ - name: "purple.800", - hex: "#2A174F", - - }}, -orange : {100:{ - name: "orange.100", - hex: "#FFFAF5", - - },200:{ - name: "orange.200", - hex: "#FFF3E8", - - },300:{ - name: "orange.300", - hex: "#F3D8C0", - - },400:{ - name: "orange.400", - hex: "#E7B88F", - - },500:{ - name: "orange.500", - hex: "#CF8545", - - },600:{ - name: "orange.600", - hex: "#B4631D", - - },700:{ - name: "orange.700", - hex: "#8E4D14", - - },800:{ - name: "orange.800", - hex: "#784213", - - }}, -grey : {100:{ - name: "grey.100", - hex: "#FCFEFF", - - },200:{ - name: "grey.200", - hex: "#F5F7FA", - - },300:{ - name: "grey.300", - hex: "#E6EDF5", - - },400:{ - name: "grey.400", - hex: "#C8D3E0", - - },500:{ - name: "grey.500", - hex: "#596D84", - - },600:{ - name: "grey.600", - hex: "#475A70", - - },700:{ - name: "grey.700", - hex: "#36485C", - - },800:{ - name: "grey.800", - hex: "#2E3A47", - - },900:{ - name: "grey.900", - hex: "#212933", - - }}, -shades : {white:{ - name: "shades.white", - hex: "#FFFFFF", - - },black:{ - name: "shades.black", - hex: "#000000", - - },transparent:{ - name: "shades.transparent", - hex: "transparent", - - }}, -yellow : {100:{ - name: "yellow.100", - hex: "#faf8f2", - - },200:{ - name: "yellow.200", - hex: "#fcf3dd", - - },300:{ - name: "yellow.300", - hex: "#fce7b1", - - },400:{ - name: "yellow.400", - hex: "#fcd97e", - - },500:{ - name: "yellow.500", - hex: "#fccb4c", - - },600:{ - name: "yellow.600", - hex: "#ffc121", - - },700:{ - name: "yellow.700", - hex: "#f7b200", - - },800:{ - name: "yellow.800", - hex: "#e5a500", - - }},}; \ 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 f82348d3..00000000 --- a/dist/documentation/themes/dark.d.ts +++ /dev/null @@ -1,563 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; \ 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 14cce311..00000000 --- a/dist/documentation/themes/dark.js +++ /dev/null @@ -1,563 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#42AD86", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#86D6B9", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#DBFFF1", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#288563", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#256E53", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#1A5740", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#13402F", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast." - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#1A5740", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#256E53", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#0C291E", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#288563", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#256E53", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#1A5740", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#6597CE", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#96BDE7", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#D1E8FF", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#4577AD", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#285685", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#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" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#000000", - description: "For use only with box shadow tokens" - }},}; \ 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 f82348d3..00000000 --- a/dist/documentation/themes/emerson.d.ts +++ /dev/null @@ -1,563 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; \ 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 bd415cc0..00000000 --- a/dist/documentation/themes/emerson.js +++ /dev/null @@ -1,563 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as buttons" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as buttons" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#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" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#000000", - description: "For use only with box shadow tokens" - }},}; \ 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 f82348d3..00000000 --- a/dist/documentation/themes/light.d.ts +++ /dev/null @@ -1,563 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; \ 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 ffa8e407..00000000 --- a/dist/documentation/themes/light.js +++ /dev/null @@ -1,563 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#36485C", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#475A70", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#596D84", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#FFFFFF", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#FFFFFF", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#FFFFFF", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#36485C", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#2E3A47", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#212933", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FCFEFF", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#36485C", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#2E3A47", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#212933", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#E6EDF5", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#36485C", - description: "For use only with box shadow tokens" - }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts deleted file mode 100644 index f82348d3..00000000 --- a/dist/documentation/themes/lightDS3.d.ts +++ /dev/null @@ -1,563 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js deleted file mode 100644 index dffd9ac6..00000000 --- a/dist/documentation/themes/lightDS3.js +++ /dev/null @@ -1,563 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#36485C", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#475A70", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#596D84", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#F5F7FA", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#307553", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#307553", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#275E43", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#244C38", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#307553", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#E6EDF5", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#36485C", - description: "For use only with box shadow tokens" - }},}; \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts deleted file mode 100644 index 05da7d25..00000000 --- a/dist/helpers/colorProfileMapper.d.ts +++ /dev/null @@ -1,109 +0,0 @@ -import type { AviaryTheme } from "../types/themes"; -export declare const colorProfileMapper: (currentTheme: AviaryTheme) => { - primary: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - info: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - warning: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - danger: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - highlight: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - system: { - textLabelEmphasis: string; - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - borderFocused: string; - }; - success: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; -}; -//# sourceMappingURL=colorProfileMapper.d.ts.map \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map deleted file mode 100644 index 3c1e9e83..00000000 --- a/dist/helpers/colorProfileMapper.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js deleted file mode 100644 index e5da22d5..00000000 --- a/dist/helpers/colorProfileMapper.js +++ /dev/null @@ -1,21 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.colorProfileMapper = void 0; - -// Used for mapping over selected `isColor` properties -var colorProfileMapper = function colorProfileMapper(currentTheme) { - return { - primary: currentTheme.primary, - info: currentTheme.info, - warning: currentTheme.warning, - danger: currentTheme.danger, - highlight: currentTheme.highlight, - system: currentTheme.system, - success: currentTheme.success - }; -}; - -exports.colorProfileMapper = colorProfileMapper; \ No newline at end of file diff --git a/dist/helpers/index.d.ts b/dist/helpers/index.d.ts deleted file mode 100644 index 7a4a22d6..00000000 --- a/dist/helpers/index.d.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from "./colorProfileMapper"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/helpers/index.d.ts.map b/dist/helpers/index.d.ts.map deleted file mode 100644 index 94ae4bb1..00000000 --- a/dist/helpers/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"} \ No newline at end of file diff --git a/dist/helpers/index.js b/dist/helpers/index.js deleted file mode 100644 index 155de21a..00000000 --- a/dist/helpers/index.js +++ /dev/null @@ -1,24 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _colorProfileMapper = require("./colorProfileMapper"); - -Object.keys(_colorProfileMapper).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _colorProfileMapper[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _colorProfileMapper[key]; - } - }); -}); \ No newline at end of file diff --git a/dist/index.d.ts b/dist/index.d.ts deleted file mode 100644 index dcd56928..00000000 --- a/dist/index.d.ts +++ /dev/null @@ -1,9 +0,0 @@ -export * from "./helpers"; -export * from "./types"; -export * as borders from "../dist/tokens/ts/borders"; -export * as typography from "../dist/tokens/ts/typography"; -export * as lightThemeDocumentation from "../dist/documentation/themes/light"; -export * as darkThemeDocumentation from "../dist/documentation/themes/dark"; -export * as coreDarkDocumentation from "../dist/documentation/core-dark-colors"; -export * as coreLightDocumentation from "../dist/documentation/core-light-colors"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map deleted file mode 100644 index 666537dc..00000000 --- a/dist/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,uBAAuB,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,sBAAsB,MAAM,mCAAmC,CAAC;AAG5E,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAChF,OAAO,KAAK,sBAAsB,MAAM,yCAAyC,CAAC"} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js deleted file mode 100644 index b653d350..00000000 --- a/dist/index.js +++ /dev/null @@ -1,94 +0,0 @@ -"use strict"; - -function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } - -require("core-js/modules/es.array.iterator.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.string.iterator.js"); - -require("core-js/modules/es.weak-map.js"); - -require("core-js/modules/web.dom-collections.iterator.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.symbol.description.js"); - -require("core-js/modules/es.symbol.iterator.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -var _exportNames = { - borders: true, - typography: true, - lightThemeDocumentation: true, - darkThemeDocumentation: true, - coreDarkDocumentation: true, - coreLightDocumentation: true -}; -exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = exports.borders = void 0; - -var _helpers = require("./helpers"); - -Object.keys(_helpers).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; - if (key in exports && exports[key] === _helpers[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _helpers[key]; - } - }); -}); - -var _types = require("./types"); - -Object.keys(_types).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; - if (key in exports && exports[key] === _types[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _types[key]; - } - }); -}); - -var _borders = _interopRequireWildcard(require("../dist/tokens/ts/borders")); - -exports.borders = _borders; - -var _typography = _interopRequireWildcard(require("../dist/tokens/ts/typography")); - -exports.typography = _typography; - -var _lightThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/light")); - -exports.lightThemeDocumentation = _lightThemeDocumentation; - -var _darkThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/dark")); - -exports.darkThemeDocumentation = _darkThemeDocumentation; - -var _coreDarkDocumentation = _interopRequireWildcard(require("../dist/documentation/core-dark-colors")); - -exports.coreDarkDocumentation = _coreDarkDocumentation; - -var _coreLightDocumentation = _interopRequireWildcard(require("../dist/documentation/core-light-colors")); - -exports.coreLightDocumentation = _coreLightDocumentation; - -function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } - -function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts deleted file mode 100644 index 4d486b97..00000000 --- a/dist/tokens/native/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const radiusBase : number; -export const radiusCircle : string; -export const radiusModal : number; -export const radiusPill : number; -export const widthBase : number; \ No newline at end of file diff --git a/dist/tokens/native/borders.js b/dist/tokens/native/borders.js deleted file mode 100644 index 31631fd3..00000000 --- a/dist/tokens/native/borders.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -module.exports = { - "radiusBase": 8, - "radiusCircle": "50%", - "radiusModal": 8, - "radiusPill": 100, - "widthBase": 1 -}; \ No newline at end of file diff --git a/dist/tokens/native/core-dark-colors.d.ts b/dist/tokens/native/core-dark-colors.d.ts deleted file mode 100644 index bccd6a71..00000000 --- a/dist/tokens/native/core-dark-colors.d.ts +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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 8de40acb..00000000 --- a/dist/tokens/native/core-dark-colors.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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 9d8bdc19..00000000 --- a/dist/tokens/native/core-light-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ 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 52dee699..00000000 --- a/dist/tokens/native/core-light-colors.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, -blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, -red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, -purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, -orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, -grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ 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 c29df488..00000000 --- a/dist/tokens/native/themes/dark.d.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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 8cdde0c2..00000000 --- a/dist/tokens/native/themes/dark.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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"}, -success : {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"}, -shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #000000 16%",cardHover : "0px 2px 8px 0px #000000 20%",popoverBase : "0px 4px 16px 0px #000000 16%",modalBase : "0px 8px 32px 0px #000000 24%"},}; \ 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 c29df488..00000000 --- a/dist/tokens/native/themes/emerson.d.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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 c1593429..00000000 --- a/dist/tokens/native/themes/emerson.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#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"}, -shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},}; \ 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 c29df488..00000000 --- a/dist/tokens/native/themes/light.d.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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 4f1328b1..00000000 --- a/dist/tokens/native/themes/light.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#36485C",borderHover : "#2E3A47",borderActive : "#212933"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},}; \ No newline at end of file diff --git a/dist/tokens/native/themes/lightDS3.d.ts b/dist/tokens/native/themes/lightDS3.d.ts deleted file mode 100644 index c29df488..00000000 --- a/dist/tokens/native/themes/lightDS3.d.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; \ No newline at end of file diff --git a/dist/tokens/native/themes/lightDS3.js b/dist/tokens/native/themes/lightDS3.js deleted file mode 100644 index 34d39659..00000000 --- a/dist/tokens/native/themes/lightDS3.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -module.exports = {theme: "lightDS3", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},}; \ 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 26c94853..00000000 --- a/dist/tokens/native/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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 b25d2c54..00000000 --- a/dist/tokens/native/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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/borders.scss b/dist/tokens/scss/borders.scss deleted file mode 100644 index c77e4c89..00000000 --- a/dist/tokens/scss/borders.scss +++ /dev/null @@ -1,9 +0,0 @@ - -// Do not edit directly -// Generated on Wed, 12 Jul 2023 18:33:45 GMT - -$radiusBase: 8px; -$radiusCircle: 50%; -$radiusModal: 8px; -$radiusPill: 100px; -$widthBase: 1px; \ No newline at end of file diff --git a/dist/tokens/scss/core-dark-colors.scss b/dist/tokens/scss/core-dark-colors.scss deleted file mode 100644 index 18359c68..00000000 --- a/dist/tokens/scss/core-dark-colors.scss +++ /dev/null @@ -1,55 +0,0 @@ - -// Do not edit directly -// Generated on Wed, 12 Jul 2023 18:33:45 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 71c57adb..00000000 --- a/dist/tokens/scss/core-light-colors.scss +++ /dev/null @@ -1,64 +0,0 @@ - -// Do not edit directly -// Generated on Wed, 12 Jul 2023 18:33:45 GMT - -$green100: #FAFFFC; -$green200: #EBF2EF; -$green300: #D1E0D9; -$green400: #B6CFC2; -$green500: #86B09B; -$green600: #307553; -$green700: #275E43; -$green800: #244C38; -$blue100: #F5FAFF; -$blue200: #E6F1FC; -$blue300: #C0D8F0; -$blue400: #88B1D9; -$blue500: #5D96CF; -$blue600: #3971A8; -$blue700: #21588F; -$blue800: #194673; -$red100: #FFF7F9; -$red200: #FEEEF2; -$red300: #F0C4CD; -$red400: #E296A6; -$red500: #C6516A; -$red600: #AF2645; -$red700: #980B29; -$red800: #800D25; -$purple100: #FCFAFF; -$purple200: #F2ECFE; -$purple300: #D7CEE9; -$purple400: #B9ABD5; -$purple500: #8471AB; -$purple600: #533E7D; -$purple700: #3B2566; -$purple800: #2A174F; -$orange100: #FFFAF5; -$orange200: #FFF3E8; -$orange300: #F3D8C0; -$orange400: #E7B88F; -$orange500: #CF8545; -$orange600: #B4631D; -$orange700: #8E4D14; -$orange800: #784213; -$grey100: #FCFEFF; -$grey200: #F5F7FA; -$grey300: #E6EDF5; -$grey400: #C8D3E0; -$grey500: #596D84; -$grey600: #475A70; -$grey700: #36485C; -$grey800: #2E3A47; -$grey900: #212933; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; -$yellow100: #faf8f2; -$yellow200: #fcf3dd; -$yellow300: #fce7b1; -$yellow400: #fcd97e; -$yellow500: #fccb4c; -$yellow600: #ffc121; -$yellow700: #f7b200; -$yellow800: #e5a500; \ 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 ea19fddb..00000000 --- a/dist/tokens/scss/themes/dark.scss +++ /dev/null @@ -1,140 +0,0 @@ - -// Do not edit directly -// Generated on Wed, 12 Jul 2023 18:33:45 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; -$successTextBase: #42AD86; -$successTextHover: #86D6B9; -$successTextActive: #DBFFF1; -$successBackgroundBase: #288563; -$successBackgroundHover: #256E53; -$successBackgroundActive: #1A5740; -$successBackgroundMuted: #13402F; -$successBackgroundMutedHover: #1A5740; -$successBackgroundMutedActive: #256E53; -$successBackgroundBox: #0C291E; -$successBorderBase: #288563; -$successBorderHover: #256E53; -$successBorderActive: #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; -$shadowBase: #000000; \ 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 8739260c..00000000 --- a/dist/tokens/scss/themes/emerson.scss +++ /dev/null @@ -1,140 +0,0 @@ - -// Do not edit directly -// Generated on Wed, 12 Jul 2023 18:33:45 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; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #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; -$shadowBase: #000000; \ 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 ed0f9206..00000000 --- a/dist/tokens/scss/themes/light.scss +++ /dev/null @@ -1,140 +0,0 @@ - -// Do not edit directly -// Generated on Wed, 12 Jul 2023 18:33:45 GMT - -$textEmphasis: #36485C; -$textBody: #475A70; -$textSubdued: #596D84; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #FFFFFF; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #FFFFFF; -$primaryTextHover: #FFFFFF; -$primaryTextActive: #FFFFFF; -$primaryBackgroundBase: #36485C; -$primaryBackgroundHover: #2E3A47; -$primaryBackgroundActive: #212933; -$primaryBackgroundMuted: #F5F7FA; -$primaryBackgroundMutedHover: #E6EDF5; -$primaryBackgroundMutedActive: #C8D3E0; -$primaryBackgroundBox: #FCFEFF; -$primaryBorderBase: #36485C; -$primaryBorderHover: #2E3A47; -$primaryBorderActive: #212933; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #E6EDF5; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #36485C; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss deleted file mode 100644 index 3df5b07f..00000000 --- a/dist/tokens/scss/themes/lightDS3.scss +++ /dev/null @@ -1,140 +0,0 @@ - -// Do not edit directly -// Generated on Wed, 12 Jul 2023 18:33:45 GMT - -$textEmphasis: #36485C; -$textBody: #475A70; -$textSubdued: #596D84; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #F5F7FA; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #307553; -$primaryTextHover: #275E43; -$primaryTextActive: #244C38; -$primaryBackgroundBase: #307553; -$primaryBackgroundHover: #275E43; -$primaryBackgroundActive: #244C38; -$primaryBackgroundMuted: #EBF2EF; -$primaryBackgroundMutedHover: #D1E0D9; -$primaryBackgroundMutedActive: #B6CFC2; -$primaryBackgroundBox: #FAFFFC; -$primaryBorderBase: #307553; -$primaryBorderHover: #275E43; -$primaryBorderActive: #244C38; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #E6EDF5; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #36485C; \ 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 2445712a..00000000 --- a/dist/tokens/scss/typography.scss +++ /dev/null @@ -1,116 +0,0 @@ - -// Do not edit directly -// Generated on Wed, 12 Jul 2023 18:33:45 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/borders.d.ts b/dist/tokens/ts/borders.d.ts deleted file mode 100644 index d772d060..00000000 --- a/dist/tokens/ts/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const radiusBase : string; -export const radiusCircle : string; -export const radiusModal : string; -export const radiusPill : string; -export const widthBase : string; \ No newline at end of file diff --git a/dist/tokens/ts/borders.js b/dist/tokens/ts/borders.js deleted file mode 100644 index 9206bf02..00000000 --- a/dist/tokens/ts/borders.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -module.exports = { - "radiusBase": "8px", - "radiusCircle": "50%", - "radiusModal": "8px", - "radiusPill": "100px", - "widthBase": "1px" -}; \ No newline at end of file diff --git a/dist/tokens/ts/core-dark-colors.d.ts b/dist/tokens/ts/core-dark-colors.d.ts deleted file mode 100644 index bccd6a71..00000000 --- a/dist/tokens/ts/core-dark-colors.d.ts +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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 8de40acb..00000000 --- a/dist/tokens/ts/core-dark-colors.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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 9d8bdc19..00000000 --- a/dist/tokens/ts/core-light-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ 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 52dee699..00000000 --- a/dist/tokens/ts/core-light-colors.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, -blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, -red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, -purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, -orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, -grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ 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 c29df488..00000000 --- a/dist/tokens/ts/themes/dark.d.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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 8cdde0c2..00000000 --- a/dist/tokens/ts/themes/dark.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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"}, -success : {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"}, -shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #000000 16%",cardHover : "0px 2px 8px 0px #000000 20%",popoverBase : "0px 4px 16px 0px #000000 16%",modalBase : "0px 8px 32px 0px #000000 24%"},}; \ 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 c29df488..00000000 --- a/dist/tokens/ts/themes/emerson.d.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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 c1593429..00000000 --- a/dist/tokens/ts/themes/emerson.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#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"}, -shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},}; \ 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 c29df488..00000000 --- a/dist/tokens/ts/themes/light.d.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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 4f1328b1..00000000 --- a/dist/tokens/ts/themes/light.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#36485C",borderHover : "#2E3A47",borderActive : "#212933"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/lightDS3.d.ts b/dist/tokens/ts/themes/lightDS3.d.ts deleted file mode 100644 index c29df488..00000000 --- a/dist/tokens/ts/themes/lightDS3.d.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/lightDS3.js b/dist/tokens/ts/themes/lightDS3.js deleted file mode 100644 index 34d39659..00000000 --- a/dist/tokens/ts/themes/lightDS3.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 GMT - */ - -module.exports = {theme: "lightDS3", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},}; \ 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 cdab8683..00000000 --- a/dist/tokens/ts/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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 d429fb0f..00000000 --- a/dist/tokens/ts/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Wed, 12 Jul 2023 18:33:45 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 8c0db022..00000000 --- a/dist/types/interfaces.d.ts +++ /dev/null @@ -1,30 +0,0 @@ -declare const AVIARY_COLORS: { - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; - success: string; -}; -declare const EXTENDED_AVIARY_COLORS: { - light: string; - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; - success: string; -}; -declare type AviaryColors = keyof typeof AVIARY_COLORS; -declare type ExtendedAviaryColors = keyof typeof EXTENDED_AVIARY_COLORS; -interface AviaryColorProps { - isColor?: AviaryColors; -} -interface AviaryExtendedColorProps { - isColor?: ExtendedAviaryColors; -} -export type { AviaryColors, AviaryColorProps, AviaryExtendedColorProps, ExtendedAviaryColors }; -export { AVIARY_COLORS, EXTENDED_AVIARY_COLORS }; -//# sourceMappingURL=interfaces.d.ts.map \ No newline at end of file diff --git a/dist/types/interfaces.d.ts.map b/dist/types/interfaces.d.ts.map deleted file mode 100644 index 9163996f..00000000 --- a/dist/types/interfaces.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa;;;;;;;;CAQlB,CAAC;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;CAG3B,CAAC;AAEF,aAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,aAAK,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEhE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AACD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js deleted file mode 100644 index 900be27c..00000000 --- a/dist/types/interfaces.js +++ /dev/null @@ -1,43 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.keys.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.array.filter.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.get-own-property-descriptors.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.EXTENDED_AVIARY_COLORS = exports.AVIARY_COLORS = void 0; - -function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -var AVIARY_COLORS = { - primary: "primary", - info: "info", - warning: "warning", - danger: "danger", - highlight: "highlight", - system: "system", - success: "success" -}; -exports.AVIARY_COLORS = AVIARY_COLORS; - -var EXTENDED_AVIARY_COLORS = _objectSpread(_objectSpread({}, AVIARY_COLORS), {}, { - light: "light" -}); - -exports.EXTENDED_AVIARY_COLORS = EXTENDED_AVIARY_COLORS; \ No newline at end of file diff --git a/dist/types/profiles.d.ts b/dist/types/profiles.d.ts deleted file mode 100644 index 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 89e46216..00000000 --- a/dist/types/themes.d.ts +++ /dev/null @@ -1,8 +0,0 @@ -import * as light from "../../dist/tokens/ts/themes/light"; -import * as lightDS3 from "../../dist/tokens/ts/themes/lightDS3"; -import * as dark from "../../dist/tokens/ts/themes/dark"; -import * as emerson from "../../dist/tokens/ts/themes/emerson"; -declare type AviaryTheme = typeof light; -export { dark, light, emerson, lightDS3 }; -export type { AviaryTheme }; -//# sourceMappingURL=themes.d.ts.map \ No newline at end of file diff --git a/dist/types/themes.d.ts.map b/dist/types/themes.d.ts.map deleted file mode 100644 index 6e0acf98..00000000 --- a/dist/types/themes.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/types/themes.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,mCAAmC,CAAC;AAC3D,OAAO,KAAK,QAAQ,MAAM,sCAAsC,CAAC;AACjE,OAAO,KAAK,IAAI,MAAM,kCAAkC,CAAC;AACzD,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC;AAE/D,aAAK,WAAW,GAAG,OAAO,KAAK,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAC1C,YAAY,EAAE,WAAW,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/themes.js b/dist/types/themes.js deleted file mode 100644 index dab7d546..00000000 --- a/dist/types/themes.js +++ /dev/null @@ -1,46 +0,0 @@ -"use strict"; - -function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } - -require("core-js/modules/es.array.iterator.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.string.iterator.js"); - -require("core-js/modules/es.weak-map.js"); - -require("core-js/modules/web.dom-collections.iterator.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.symbol.description.js"); - -require("core-js/modules/es.symbol.iterator.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.lightDS3 = exports.light = exports.emerson = exports.dark = void 0; - -var light = _interopRequireWildcard(require("../../dist/tokens/ts/themes/light")); - -exports.light = light; - -var lightDS3 = _interopRequireWildcard(require("../../dist/tokens/ts/themes/lightDS3")); - -exports.lightDS3 = lightDS3; - -var dark = _interopRequireWildcard(require("../../dist/tokens/ts/themes/dark")); - -exports.dark = dark; - -var emerson = _interopRequireWildcard(require("../../dist/tokens/ts/themes/emerson")); - -exports.emerson = emerson; - -function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } - -function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/src/transformed/transformed-light.json b/src/transformed/transformed-light.json index 50c70f3d..6ae23b5c 100644 --- a/src/transformed/transformed-light.json +++ b/src/transformed/transformed-light.json @@ -203,17 +203,17 @@ }, "border": { "base": { - "value": "#36485C", + "value": "#C8D3E0", "type": "color", "description": "Used for the border colour for primary components such as buttons and Message" }, "hover": { - "value": "#2E3A47", + "value": "#596D84", "type": "color", "description": "Used for the hovered border colour for primary components such as buttons" }, "active": { - "value": "#212933", + "value": "#2E3A47", "type": "color", "description": "Used for the pressed border colour for primary components such as buttons" } From 1a9675796e1dffd1ee8355eb831361d8ec80379b Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 25 Jul 2023 17:40:47 +0000 Subject: [PATCH 3/8] 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 | 253 ++++++++++ dist/documentation/core-light-colors.js | 253 ++++++++++ dist/documentation/themes/dark.d.ts | 563 ++++++++++++++++++++++ dist/documentation/themes/dark.js | 563 ++++++++++++++++++++++ dist/documentation/themes/emerson.d.ts | 563 ++++++++++++++++++++++ dist/documentation/themes/emerson.js | 563 ++++++++++++++++++++++ dist/documentation/themes/light.d.ts | 563 ++++++++++++++++++++++ dist/documentation/themes/light.js | 563 ++++++++++++++++++++++ dist/documentation/themes/lightDS3.d.ts | 563 ++++++++++++++++++++++ dist/documentation/themes/lightDS3.js | 563 ++++++++++++++++++++++ dist/tokens/native/borders.d.ts | 10 + dist/tokens/native/borders.js | 12 + 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 | 20 + dist/tokens/native/themes/dark.js | 20 + dist/tokens/native/themes/emerson.d.ts | 20 + dist/tokens/native/themes/emerson.js | 20 + dist/tokens/native/themes/light.d.ts | 20 + dist/tokens/native/themes/light.js | 20 + dist/tokens/native/themes/lightDS3.d.ts | 20 + dist/tokens/native/themes/lightDS3.js | 20 + dist/tokens/native/typography.d.ts | 117 +++++ dist/tokens/native/typography.js | 119 +++++ dist/tokens/scss/borders.scss | 9 + dist/tokens/scss/core-dark-colors.scss | 55 +++ dist/tokens/scss/core-light-colors.scss | 64 +++ dist/tokens/scss/themes/dark.scss | 140 ++++++ dist/tokens/scss/themes/emerson.scss | 140 ++++++ dist/tokens/scss/themes/light.scss | 140 ++++++ dist/tokens/scss/themes/lightDS3.scss | 140 ++++++ dist/tokens/scss/typography.scss | 116 +++++ dist/tokens/ts/borders.d.ts | 10 + dist/tokens/ts/borders.js | 12 + 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 | 20 + dist/tokens/ts/themes/dark.js | 20 + dist/tokens/ts/themes/emerson.d.ts | 20 + dist/tokens/ts/themes/emerson.js | 20 + dist/tokens/ts/themes/light.d.ts | 20 + dist/tokens/ts/themes/light.js | 20 + dist/tokens/ts/themes/lightDS3.d.ts | 20 + dist/tokens/ts/themes/lightDS3.js | 20 + dist/tokens/ts/typography.d.ts | 117 +++++ dist/tokens/ts/typography.js | 119 +++++ 52 files changed, 7182 insertions(+) create mode 100644 dist/documentation/core-dark-colors.d.ts create mode 100644 dist/documentation/core-dark-colors.js create mode 100644 dist/documentation/core-light-colors.d.ts create mode 100644 dist/documentation/core-light-colors.js create mode 100644 dist/documentation/themes/dark.d.ts create mode 100644 dist/documentation/themes/dark.js create mode 100644 dist/documentation/themes/emerson.d.ts create mode 100644 dist/documentation/themes/emerson.js create mode 100644 dist/documentation/themes/light.d.ts create mode 100644 dist/documentation/themes/light.js create mode 100644 dist/documentation/themes/lightDS3.d.ts create mode 100644 dist/documentation/themes/lightDS3.js create mode 100644 dist/tokens/native/borders.d.ts create mode 100644 dist/tokens/native/borders.js create mode 100644 dist/tokens/native/core-dark-colors.d.ts create mode 100644 dist/tokens/native/core-dark-colors.js create mode 100644 dist/tokens/native/core-light-colors.d.ts create mode 100644 dist/tokens/native/core-light-colors.js create mode 100644 dist/tokens/native/themes/dark.d.ts create mode 100644 dist/tokens/native/themes/dark.js create mode 100644 dist/tokens/native/themes/emerson.d.ts create mode 100644 dist/tokens/native/themes/emerson.js create mode 100644 dist/tokens/native/themes/light.d.ts create mode 100644 dist/tokens/native/themes/light.js create mode 100644 dist/tokens/native/themes/lightDS3.d.ts create mode 100644 dist/tokens/native/themes/lightDS3.js create mode 100644 dist/tokens/native/typography.d.ts create mode 100644 dist/tokens/native/typography.js create mode 100644 dist/tokens/scss/borders.scss create mode 100644 dist/tokens/scss/core-dark-colors.scss create mode 100644 dist/tokens/scss/core-light-colors.scss create mode 100644 dist/tokens/scss/themes/dark.scss create mode 100644 dist/tokens/scss/themes/emerson.scss create mode 100644 dist/tokens/scss/themes/light.scss create mode 100644 dist/tokens/scss/themes/lightDS3.scss create mode 100644 dist/tokens/scss/typography.scss create mode 100644 dist/tokens/ts/borders.d.ts create mode 100644 dist/tokens/ts/borders.js create mode 100644 dist/tokens/ts/core-dark-colors.d.ts create mode 100644 dist/tokens/ts/core-dark-colors.js create mode 100644 dist/tokens/ts/core-light-colors.d.ts create mode 100644 dist/tokens/ts/core-light-colors.js create mode 100644 dist/tokens/ts/themes/dark.d.ts create mode 100644 dist/tokens/ts/themes/dark.js create mode 100644 dist/tokens/ts/themes/emerson.d.ts create mode 100644 dist/tokens/ts/themes/emerson.js create mode 100644 dist/tokens/ts/themes/light.d.ts create mode 100644 dist/tokens/ts/themes/light.js create mode 100644 dist/tokens/ts/themes/lightDS3.d.ts create mode 100644 dist/tokens/ts/themes/lightDS3.js create mode 100644 dist/tokens/ts/typography.d.ts create mode 100644 dist/tokens/ts/typography.js diff --git a/dist/documentation/core-dark-colors.d.ts b/dist/documentation/core-dark-colors.d.ts new file mode 100644 index 00000000..faddb98b --- /dev/null +++ b/dist/documentation/core-dark-colors.d.ts @@ -0,0 +1,216 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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..a70826b4 --- /dev/null +++ b/dist/documentation/core-dark-colors.js @@ -0,0 +1,216 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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..8af15769 --- /dev/null +++ b/dist/documentation/core-light-colors.d.ts @@ -0,0 +1,253 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const green : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const blue : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const red : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const purple : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const orange : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const grey : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + },900:{ + name: string, + hex: string, + + }}; +export const shades : {white:{ + name: string, + hex: string, + + },black:{ + name: string, + hex: string, + + },transparent:{ + name: string, + hex: string, + + }}; +export const yellow : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; \ 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..4b791dcb --- /dev/null +++ b/dist/documentation/core-light-colors.js @@ -0,0 +1,253 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#FAFFFC", + + },200:{ + name: "green.200", + hex: "#EBF2EF", + + },300:{ + name: "green.300", + hex: "#D1E0D9", + + },400:{ + name: "green.400", + hex: "#B6CFC2", + + },500:{ + name: "green.500", + hex: "#86B09B", + + },600:{ + name: "green.600", + hex: "#307553", + + },700:{ + name: "green.700", + hex: "#275E43", + + },800:{ + name: "green.800", + hex: "#244C38", + + }}, +blue : {100:{ + name: "blue.100", + hex: "#F5FAFF", + + },200:{ + name: "blue.200", + hex: "#E6F1FC", + + },300:{ + name: "blue.300", + hex: "#C0D8F0", + + },400:{ + name: "blue.400", + hex: "#88B1D9", + + },500:{ + name: "blue.500", + hex: "#5D96CF", + + },600:{ + name: "blue.600", + hex: "#3971A8", + + },700:{ + name: "blue.700", + hex: "#21588F", + + },800:{ + name: "blue.800", + hex: "#194673", + + }}, +red : {100:{ + name: "red.100", + hex: "#FFF7F9", + + },200:{ + name: "red.200", + hex: "#FEEEF2", + + },300:{ + name: "red.300", + hex: "#F0C4CD", + + },400:{ + name: "red.400", + hex: "#E296A6", + + },500:{ + name: "red.500", + hex: "#C6516A", + + },600:{ + name: "red.600", + hex: "#AF2645", + + },700:{ + name: "red.700", + hex: "#980B29", + + },800:{ + name: "red.800", + hex: "#800D25", + + }}, +purple : {100:{ + name: "purple.100", + hex: "#FCFAFF", + + },200:{ + name: "purple.200", + hex: "#F2ECFE", + + },300:{ + name: "purple.300", + hex: "#D7CEE9", + + },400:{ + name: "purple.400", + hex: "#B9ABD5", + + },500:{ + name: "purple.500", + hex: "#8471AB", + + },600:{ + name: "purple.600", + hex: "#533E7D", + + },700:{ + name: "purple.700", + hex: "#3B2566", + + },800:{ + name: "purple.800", + hex: "#2A174F", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#FFFAF5", + + },200:{ + name: "orange.200", + hex: "#FFF3E8", + + },300:{ + name: "orange.300", + hex: "#F3D8C0", + + },400:{ + name: "orange.400", + hex: "#E7B88F", + + },500:{ + name: "orange.500", + hex: "#CF8545", + + },600:{ + name: "orange.600", + hex: "#B4631D", + + },700:{ + name: "orange.700", + hex: "#8E4D14", + + },800:{ + name: "orange.800", + hex: "#784213", + + }}, +grey : {100:{ + name: "grey.100", + hex: "#FCFEFF", + + },200:{ + name: "grey.200", + hex: "#F5F7FA", + + },300:{ + name: "grey.300", + hex: "#E6EDF5", + + },400:{ + name: "grey.400", + hex: "#C8D3E0", + + },500:{ + name: "grey.500", + hex: "#596D84", + + },600:{ + name: "grey.600", + hex: "#475A70", + + },700:{ + name: "grey.700", + hex: "#36485C", + + },800:{ + name: "grey.800", + hex: "#2E3A47", + + },900:{ + name: "grey.900", + hex: "#212933", + + }}, +shades : {white:{ + name: "shades.white", + hex: "#FFFFFF", + + },black:{ + name: "shades.black", + hex: "#000000", + + },transparent:{ + name: "shades.transparent", + hex: "transparent", + + }}, +yellow : {100:{ + name: "yellow.100", + hex: "#faf8f2", + + },200:{ + name: "yellow.200", + hex: "#fcf3dd", + + },300:{ + name: "yellow.300", + hex: "#fce7b1", + + },400:{ + name: "yellow.400", + hex: "#fcd97e", + + },500:{ + name: "yellow.500", + hex: "#fccb4c", + + },600:{ + name: "yellow.600", + hex: "#ffc121", + + },700:{ + name: "yellow.700", + hex: "#f7b200", + + },800:{ + name: "yellow.800", + hex: "#e5a500", + + }},}; \ 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..a0b4140e --- /dev/null +++ b/dist/documentation/themes/dark.d.ts @@ -0,0 +1,563 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; \ 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..a3e6a31d --- /dev/null +++ b/dist/documentation/themes/dark.js @@ -0,0 +1,563 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#42AD86", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#86D6B9", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#DBFFF1", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#288563", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#256E53", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#1A5740", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#13402F", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast." + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#1A5740", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#256E53", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#0C291E", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#288563", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#256E53", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#1A5740", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#6597CE", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#96BDE7", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#D1E8FF", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#4577AD", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#285685", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#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" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#000000", + description: "For use only with box shadow tokens" + }},}; \ 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..a0b4140e --- /dev/null +++ b/dist/documentation/themes/emerson.d.ts @@ -0,0 +1,563 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; \ 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..04b4871a --- /dev/null +++ b/dist/documentation/themes/emerson.js @@ -0,0 +1,563 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as buttons" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as buttons" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#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" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#000000", + description: "For use only with box shadow tokens" + }},}; \ 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..a0b4140e --- /dev/null +++ b/dist/documentation/themes/light.d.ts @@ -0,0 +1,563 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; \ 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..17a9d9a5 --- /dev/null +++ b/dist/documentation/themes/light.js @@ -0,0 +1,563 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#36485C", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#475A70", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#596D84", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#FFFFFF", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#FFFFFF", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#FFFFFF", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#36485C", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#2E3A47", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#212933", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FCFEFF", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#2E3A47", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#E6EDF5", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#36485C", + description: "For use only with box shadow tokens" + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts new file mode 100644 index 00000000..a0b4140e --- /dev/null +++ b/dist/documentation/themes/lightDS3.d.ts @@ -0,0 +1,563 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js new file mode 100644 index 00000000..1efeb3c0 --- /dev/null +++ b/dist/documentation/themes/lightDS3.js @@ -0,0 +1,563 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#36485C", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#475A70", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#596D84", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#F5F7FA", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#307553", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#307553", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#275E43", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#244C38", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#307553", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#E6EDF5", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#36485C", + description: "For use only with box shadow tokens" + }},}; \ No newline at end of file diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts new file mode 100644 index 00000000..89d4cd70 --- /dev/null +++ b/dist/tokens/native/borders.d.ts @@ -0,0 +1,10 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const radiusBase : number; +export const radiusCircle : string; +export const radiusModal : number; +export const radiusPill : number; +export const widthBase : number; \ No newline at end of file diff --git a/dist/tokens/native/borders.js b/dist/tokens/native/borders.js new file mode 100644 index 00000000..876a2577 --- /dev/null +++ b/dist/tokens/native/borders.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +module.exports = { + "radiusBase": 8, + "radiusCircle": "50%", + "radiusModal": 8, + "radiusPill": 100, + "widthBase": 1 +}; \ No newline at end of file diff --git a/dist/tokens/native/core-dark-colors.d.ts b/dist/tokens/native/core-dark-colors.d.ts new file mode 100644 index 00000000..db5e3b5c --- /dev/null +++ b/dist/tokens/native/core-dark-colors.d.ts @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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..57dd6c1f --- /dev/null +++ b/dist/tokens/native/core-dark-colors.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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..fbd2fab4 --- /dev/null +++ b/dist/tokens/native/core-light-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ 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..bef8feae --- /dev/null +++ b/dist/tokens/native/core-light-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, +blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, +red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, +purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, +orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, +grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ 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..a06dae08 --- /dev/null +++ b/dist/tokens/native/themes/dark.d.ts @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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..648aaba3 --- /dev/null +++ b/dist/tokens/native/themes/dark.js @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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"}, +success : {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"}, +shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #000000 16%",cardHover : "0px 2px 8px 0px #000000 20%",popoverBase : "0px 4px 16px 0px #000000 16%",modalBase : "0px 8px 32px 0px #000000 24%"},}; \ 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..a06dae08 --- /dev/null +++ b/dist/tokens/native/themes/emerson.d.ts @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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..af300000 --- /dev/null +++ b/dist/tokens/native/themes/emerson.js @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#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"}, +shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},}; \ 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..a06dae08 --- /dev/null +++ b/dist/tokens/native/themes/light.d.ts @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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..ecb4b50a --- /dev/null +++ b/dist/tokens/native/themes/light.js @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},}; \ No newline at end of file diff --git a/dist/tokens/native/themes/lightDS3.d.ts b/dist/tokens/native/themes/lightDS3.d.ts new file mode 100644 index 00000000..a06dae08 --- /dev/null +++ b/dist/tokens/native/themes/lightDS3.d.ts @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; \ No newline at end of file diff --git a/dist/tokens/native/themes/lightDS3.js b/dist/tokens/native/themes/lightDS3.js new file mode 100644 index 00000000..4ccab128 --- /dev/null +++ b/dist/tokens/native/themes/lightDS3.js @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +module.exports = {theme: "lightDS3", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},}; \ 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..ab51456d --- /dev/null +++ b/dist/tokens/native/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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..1816111f --- /dev/null +++ b/dist/tokens/native/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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/borders.scss b/dist/tokens/scss/borders.scss new file mode 100644 index 00000000..58ca654f --- /dev/null +++ b/dist/tokens/scss/borders.scss @@ -0,0 +1,9 @@ + +// Do not edit directly +// Generated on Tue, 25 Jul 2023 17:40:46 GMT + +$radiusBase: 8px; +$radiusCircle: 50%; +$radiusModal: 8px; +$radiusPill: 100px; +$widthBase: 1px; \ No newline at end of file diff --git a/dist/tokens/scss/core-dark-colors.scss b/dist/tokens/scss/core-dark-colors.scss new file mode 100644 index 00000000..60ae6118 --- /dev/null +++ b/dist/tokens/scss/core-dark-colors.scss @@ -0,0 +1,55 @@ + +// Do not edit directly +// Generated on Tue, 25 Jul 2023 17:40:46 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..28db9bf4 --- /dev/null +++ b/dist/tokens/scss/core-light-colors.scss @@ -0,0 +1,64 @@ + +// Do not edit directly +// Generated on Tue, 25 Jul 2023 17:40:46 GMT + +$green100: #FAFFFC; +$green200: #EBF2EF; +$green300: #D1E0D9; +$green400: #B6CFC2; +$green500: #86B09B; +$green600: #307553; +$green700: #275E43; +$green800: #244C38; +$blue100: #F5FAFF; +$blue200: #E6F1FC; +$blue300: #C0D8F0; +$blue400: #88B1D9; +$blue500: #5D96CF; +$blue600: #3971A8; +$blue700: #21588F; +$blue800: #194673; +$red100: #FFF7F9; +$red200: #FEEEF2; +$red300: #F0C4CD; +$red400: #E296A6; +$red500: #C6516A; +$red600: #AF2645; +$red700: #980B29; +$red800: #800D25; +$purple100: #FCFAFF; +$purple200: #F2ECFE; +$purple300: #D7CEE9; +$purple400: #B9ABD5; +$purple500: #8471AB; +$purple600: #533E7D; +$purple700: #3B2566; +$purple800: #2A174F; +$orange100: #FFFAF5; +$orange200: #FFF3E8; +$orange300: #F3D8C0; +$orange400: #E7B88F; +$orange500: #CF8545; +$orange600: #B4631D; +$orange700: #8E4D14; +$orange800: #784213; +$grey100: #FCFEFF; +$grey200: #F5F7FA; +$grey300: #E6EDF5; +$grey400: #C8D3E0; +$grey500: #596D84; +$grey600: #475A70; +$grey700: #36485C; +$grey800: #2E3A47; +$grey900: #212933; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$yellow100: #faf8f2; +$yellow200: #fcf3dd; +$yellow300: #fce7b1; +$yellow400: #fcd97e; +$yellow500: #fccb4c; +$yellow600: #ffc121; +$yellow700: #f7b200; +$yellow800: #e5a500; \ 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..ff6dbbe4 --- /dev/null +++ b/dist/tokens/scss/themes/dark.scss @@ -0,0 +1,140 @@ + +// Do not edit directly +// Generated on Tue, 25 Jul 2023 17:40:46 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; +$successTextBase: #42AD86; +$successTextHover: #86D6B9; +$successTextActive: #DBFFF1; +$successBackgroundBase: #288563; +$successBackgroundHover: #256E53; +$successBackgroundActive: #1A5740; +$successBackgroundMuted: #13402F; +$successBackgroundMutedHover: #1A5740; +$successBackgroundMutedActive: #256E53; +$successBackgroundBox: #0C291E; +$successBorderBase: #288563; +$successBorderHover: #256E53; +$successBorderActive: #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; +$shadowBase: #000000; \ 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..e62c8e79 --- /dev/null +++ b/dist/tokens/scss/themes/emerson.scss @@ -0,0 +1,140 @@ + +// Do not edit directly +// Generated on Tue, 25 Jul 2023 17:40:46 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; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #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; +$shadowBase: #000000; \ 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..cb850e92 --- /dev/null +++ b/dist/tokens/scss/themes/light.scss @@ -0,0 +1,140 @@ + +// Do not edit directly +// Generated on Tue, 25 Jul 2023 17:40:46 GMT + +$textEmphasis: #36485C; +$textBody: #475A70; +$textSubdued: #596D84; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #FFFFFF; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #FFFFFF; +$primaryTextHover: #FFFFFF; +$primaryTextActive: #FFFFFF; +$primaryBackgroundBase: #36485C; +$primaryBackgroundHover: #2E3A47; +$primaryBackgroundActive: #212933; +$primaryBackgroundMuted: #F5F7FA; +$primaryBackgroundMutedHover: #E6EDF5; +$primaryBackgroundMutedActive: #C8D3E0; +$primaryBackgroundBox: #FCFEFF; +$primaryBorderBase: #C8D3E0; +$primaryBorderHover: #596D84; +$primaryBorderActive: #2E3A47; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #E6EDF5; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #36485C; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss new file mode 100644 index 00000000..197131a2 --- /dev/null +++ b/dist/tokens/scss/themes/lightDS3.scss @@ -0,0 +1,140 @@ + +// Do not edit directly +// Generated on Tue, 25 Jul 2023 17:40:46 GMT + +$textEmphasis: #36485C; +$textBody: #475A70; +$textSubdued: #596D84; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #F5F7FA; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #307553; +$primaryTextHover: #275E43; +$primaryTextActive: #244C38; +$primaryBackgroundBase: #307553; +$primaryBackgroundHover: #275E43; +$primaryBackgroundActive: #244C38; +$primaryBackgroundMuted: #EBF2EF; +$primaryBackgroundMutedHover: #D1E0D9; +$primaryBackgroundMutedActive: #B6CFC2; +$primaryBackgroundBox: #FAFFFC; +$primaryBorderBase: #307553; +$primaryBorderHover: #275E43; +$primaryBorderActive: #244C38; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #E6EDF5; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #36485C; \ 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..764ae70d --- /dev/null +++ b/dist/tokens/scss/typography.scss @@ -0,0 +1,116 @@ + +// Do not edit directly +// Generated on Tue, 25 Jul 2023 17:40:46 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/borders.d.ts b/dist/tokens/ts/borders.d.ts new file mode 100644 index 00000000..317a2208 --- /dev/null +++ b/dist/tokens/ts/borders.d.ts @@ -0,0 +1,10 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const radiusBase : string; +export const radiusCircle : string; +export const radiusModal : string; +export const radiusPill : string; +export const widthBase : string; \ No newline at end of file diff --git a/dist/tokens/ts/borders.js b/dist/tokens/ts/borders.js new file mode 100644 index 00000000..55fee176 --- /dev/null +++ b/dist/tokens/ts/borders.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +module.exports = { + "radiusBase": "8px", + "radiusCircle": "50%", + "radiusModal": "8px", + "radiusPill": "100px", + "widthBase": "1px" +}; \ No newline at end of file diff --git a/dist/tokens/ts/core-dark-colors.d.ts b/dist/tokens/ts/core-dark-colors.d.ts new file mode 100644 index 00000000..db5e3b5c --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.d.ts @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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..57dd6c1f --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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..fbd2fab4 --- /dev/null +++ b/dist/tokens/ts/core-light-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ 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..bef8feae --- /dev/null +++ b/dist/tokens/ts/core-light-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, +blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, +red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, +purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, +orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, +grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ 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..a06dae08 --- /dev/null +++ b/dist/tokens/ts/themes/dark.d.ts @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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..648aaba3 --- /dev/null +++ b/dist/tokens/ts/themes/dark.js @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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"}, +success : {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"}, +shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #000000 16%",cardHover : "0px 2px 8px 0px #000000 20%",popoverBase : "0px 4px 16px 0px #000000 16%",modalBase : "0px 8px 32px 0px #000000 24%"},}; \ 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..a06dae08 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.d.ts @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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..af300000 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.js @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#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"}, +shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},}; \ 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..a06dae08 --- /dev/null +++ b/dist/tokens/ts/themes/light.d.ts @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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..ecb4b50a --- /dev/null +++ b/dist/tokens/ts/themes/light.js @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/lightDS3.d.ts b/dist/tokens/ts/themes/lightDS3.d.ts new file mode 100644 index 00000000..a06dae08 --- /dev/null +++ b/dist/tokens/ts/themes/lightDS3.d.ts @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/lightDS3.js b/dist/tokens/ts/themes/lightDS3.js new file mode 100644 index 00000000..4ccab128 --- /dev/null +++ b/dist/tokens/ts/themes/lightDS3.js @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 GMT + */ + +module.exports = {theme: "lightDS3", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},}; \ 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..00d057e9 --- /dev/null +++ b/dist/tokens/ts/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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..9206b9bd --- /dev/null +++ b/dist/tokens/ts/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Tue, 25 Jul 2023 17:40:46 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 de5aa5a5b5761856b9492bbb454d133af43641d3 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 25 Jul 2023 17:41:12 +0000 Subject: [PATCH 4/8] Files compiled! --- dist/helpers/colorProfileMapper.d.ts | 109 +++++++++++++++++++++++ dist/helpers/colorProfileMapper.d.ts.map | 1 + dist/helpers/colorProfileMapper.js | 21 +++++ dist/helpers/index.d.ts | 2 + dist/helpers/index.d.ts.map | 1 + dist/helpers/index.js | 24 +++++ dist/index.d.ts | 9 ++ dist/index.d.ts.map | 1 + dist/index.js | 94 +++++++++++++++++++ dist/types/index.d.ts | 3 + dist/types/index.d.ts.map | 1 + dist/types/index.js | 37 ++++++++ dist/types/interfaces.d.ts | 30 +++++++ dist/types/interfaces.d.ts.map | 1 + dist/types/interfaces.js | 43 +++++++++ dist/types/profiles.d.ts | 6 ++ dist/types/profiles.d.ts.map | 1 + dist/types/profiles.js | 5 ++ dist/types/themes.d.ts | 8 ++ dist/types/themes.d.ts.map | 1 + dist/types/themes.js | 46 ++++++++++ 21 files changed, 444 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..05da7d25 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts @@ -0,0 +1,109 @@ +import type { AviaryTheme } from "../types/themes"; +export declare const colorProfileMapper: (currentTheme: AviaryTheme) => { + primary: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + info: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + warning: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + danger: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + highlight: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + system: { + textLabelEmphasis: string; + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + borderFocused: string; + }; + success: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; +}; +//# sourceMappingURL=colorProfileMapper.d.ts.map \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map new file mode 100644 index 00000000..3c1e9e83 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js new file mode 100644 index 00000000..e5da22d5 --- /dev/null +++ b/dist/helpers/colorProfileMapper.js @@ -0,0 +1,21 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.colorProfileMapper = void 0; + +// Used for mapping over selected `isColor` properties +var colorProfileMapper = function colorProfileMapper(currentTheme) { + return { + primary: currentTheme.primary, + info: currentTheme.info, + warning: currentTheme.warning, + danger: currentTheme.danger, + highlight: currentTheme.highlight, + system: currentTheme.system, + success: currentTheme.success + }; +}; + +exports.colorProfileMapper = colorProfileMapper; \ No newline at end of file diff --git a/dist/helpers/index.d.ts b/dist/helpers/index.d.ts new file mode 100644 index 00000000..7a4a22d6 --- /dev/null +++ b/dist/helpers/index.d.ts @@ -0,0 +1,2 @@ +export * from "./colorProfileMapper"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/helpers/index.d.ts.map b/dist/helpers/index.d.ts.map new file mode 100644 index 00000000..94ae4bb1 --- /dev/null +++ b/dist/helpers/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"} \ No newline at end of file diff --git a/dist/helpers/index.js b/dist/helpers/index.js new file mode 100644 index 00000000..155de21a --- /dev/null +++ b/dist/helpers/index.js @@ -0,0 +1,24 @@ +"use strict"; + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _colorProfileMapper = require("./colorProfileMapper"); + +Object.keys(_colorProfileMapper).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _colorProfileMapper[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _colorProfileMapper[key]; + } + }); +}); \ No newline at end of file diff --git a/dist/index.d.ts b/dist/index.d.ts new file mode 100644 index 00000000..dcd56928 --- /dev/null +++ b/dist/index.d.ts @@ -0,0 +1,9 @@ +export * from "./helpers"; +export * from "./types"; +export * as borders from "../dist/tokens/ts/borders"; +export * as typography from "../dist/tokens/ts/typography"; +export * as lightThemeDocumentation from "../dist/documentation/themes/light"; +export * as darkThemeDocumentation from "../dist/documentation/themes/dark"; +export * as coreDarkDocumentation from "../dist/documentation/core-dark-colors"; +export * as coreLightDocumentation from "../dist/documentation/core-light-colors"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map new file mode 100644 index 00000000..666537dc --- /dev/null +++ b/dist/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,uBAAuB,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,sBAAsB,MAAM,mCAAmC,CAAC;AAG5E,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAChF,OAAO,KAAK,sBAAsB,MAAM,yCAAyC,CAAC"} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js new file mode 100644 index 00000000..b653d350 --- /dev/null +++ b/dist/index.js @@ -0,0 +1,94 @@ +"use strict"; + +function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } + +require("core-js/modules/es.array.iterator.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.string.iterator.js"); + +require("core-js/modules/es.weak-map.js"); + +require("core-js/modules/web.dom-collections.iterator.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.symbol.description.js"); + +require("core-js/modules/es.symbol.iterator.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +var _exportNames = { + borders: true, + typography: true, + lightThemeDocumentation: true, + darkThemeDocumentation: true, + coreDarkDocumentation: true, + coreLightDocumentation: true +}; +exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = exports.borders = void 0; + +var _helpers = require("./helpers"); + +Object.keys(_helpers).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; + if (key in exports && exports[key] === _helpers[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _helpers[key]; + } + }); +}); + +var _types = require("./types"); + +Object.keys(_types).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; + if (key in exports && exports[key] === _types[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _types[key]; + } + }); +}); + +var _borders = _interopRequireWildcard(require("../dist/tokens/ts/borders")); + +exports.borders = _borders; + +var _typography = _interopRequireWildcard(require("../dist/tokens/ts/typography")); + +exports.typography = _typography; + +var _lightThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/light")); + +exports.lightThemeDocumentation = _lightThemeDocumentation; + +var _darkThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/dark")); + +exports.darkThemeDocumentation = _darkThemeDocumentation; + +var _coreDarkDocumentation = _interopRequireWildcard(require("../dist/documentation/core-dark-colors")); + +exports.coreDarkDocumentation = _coreDarkDocumentation; + +var _coreLightDocumentation = _interopRequireWildcard(require("../dist/documentation/core-light-colors")); + +exports.coreLightDocumentation = _coreLightDocumentation; + +function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } + +function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/dist/types/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..8c0db022 --- /dev/null +++ b/dist/types/interfaces.d.ts @@ -0,0 +1,30 @@ +declare const AVIARY_COLORS: { + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; + success: string; +}; +declare const EXTENDED_AVIARY_COLORS: { + light: string; + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; + success: string; +}; +declare type AviaryColors = keyof typeof AVIARY_COLORS; +declare type ExtendedAviaryColors = keyof typeof EXTENDED_AVIARY_COLORS; +interface AviaryColorProps { + isColor?: AviaryColors; +} +interface AviaryExtendedColorProps { + isColor?: ExtendedAviaryColors; +} +export type { AviaryColors, AviaryColorProps, AviaryExtendedColorProps, ExtendedAviaryColors }; +export { AVIARY_COLORS, EXTENDED_AVIARY_COLORS }; +//# sourceMappingURL=interfaces.d.ts.map \ No newline at end of file diff --git a/dist/types/interfaces.d.ts.map b/dist/types/interfaces.d.ts.map new file mode 100644 index 00000000..9163996f --- /dev/null +++ b/dist/types/interfaces.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa;;;;;;;;CAQlB,CAAC;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;CAG3B,CAAC;AAEF,aAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,aAAK,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEhE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AACD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js new file mode 100644 index 00000000..900be27c --- /dev/null +++ b/dist/types/interfaces.js @@ -0,0 +1,43 @@ +"use strict"; + +require("core-js/modules/es.object.keys.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.array.filter.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.get-own-property-descriptors.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.EXTENDED_AVIARY_COLORS = exports.AVIARY_COLORS = void 0; + +function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } + +function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } + +function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + +var AVIARY_COLORS = { + primary: "primary", + info: "info", + warning: "warning", + danger: "danger", + highlight: "highlight", + system: "system", + success: "success" +}; +exports.AVIARY_COLORS = AVIARY_COLORS; + +var EXTENDED_AVIARY_COLORS = _objectSpread(_objectSpread({}, AVIARY_COLORS), {}, { + light: "light" +}); + +exports.EXTENDED_AVIARY_COLORS = EXTENDED_AVIARY_COLORS; \ No newline at end of file diff --git a/dist/types/profiles.d.ts b/dist/types/profiles.d.ts new file mode 100644 index 00000000..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..89e46216 --- /dev/null +++ b/dist/types/themes.d.ts @@ -0,0 +1,8 @@ +import * as light from "../../dist/tokens/ts/themes/light"; +import * as lightDS3 from "../../dist/tokens/ts/themes/lightDS3"; +import * as dark from "../../dist/tokens/ts/themes/dark"; +import * as emerson from "../../dist/tokens/ts/themes/emerson"; +declare type AviaryTheme = typeof light; +export { dark, light, emerson, lightDS3 }; +export type { AviaryTheme }; +//# sourceMappingURL=themes.d.ts.map \ No newline at end of file diff --git a/dist/types/themes.d.ts.map b/dist/types/themes.d.ts.map new file mode 100644 index 00000000..6e0acf98 --- /dev/null +++ b/dist/types/themes.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/types/themes.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,mCAAmC,CAAC;AAC3D,OAAO,KAAK,QAAQ,MAAM,sCAAsC,CAAC;AACjE,OAAO,KAAK,IAAI,MAAM,kCAAkC,CAAC;AACzD,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC;AAE/D,aAAK,WAAW,GAAG,OAAO,KAAK,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAC1C,YAAY,EAAE,WAAW,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/themes.js b/dist/types/themes.js new file mode 100644 index 00000000..dab7d546 --- /dev/null +++ b/dist/types/themes.js @@ -0,0 +1,46 @@ +"use strict"; + +function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } + +require("core-js/modules/es.array.iterator.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.string.iterator.js"); + +require("core-js/modules/es.weak-map.js"); + +require("core-js/modules/web.dom-collections.iterator.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.symbol.description.js"); + +require("core-js/modules/es.symbol.iterator.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.lightDS3 = exports.light = exports.emerson = exports.dark = void 0; + +var light = _interopRequireWildcard(require("../../dist/tokens/ts/themes/light")); + +exports.light = light; + +var lightDS3 = _interopRequireWildcard(require("../../dist/tokens/ts/themes/lightDS3")); + +exports.lightDS3 = lightDS3; + +var dark = _interopRequireWildcard(require("../../dist/tokens/ts/themes/dark")); + +exports.dark = dark; + +var emerson = _interopRequireWildcard(require("../../dist/tokens/ts/themes/emerson")); + +exports.emerson = emerson; + +function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } + +function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file From 71dc45c003a66f63902c266f08f522117979402c Mon Sep 17 00:00:00 2001 From: Catherine Aylward` Date: Thu, 27 Jul 2023 13:54:08 -0400 Subject: [PATCH 5/8] generic descriptions --- src/data/light.json | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/data/light.json b/src/data/light.json index f730bb18..1f3741f0 100644 --- a/src/data/light.json +++ b/src/data/light.json @@ -205,17 +205,17 @@ "base": { "value": "{colors.grey.400}", "type": "color", - "description": "Used for the border colour for primary components such as buttons and Message" + "description": "Used for the border colour for primary components" }, "hover": { "value": "{colors.grey.500}", "type": "color", - "description": "Used for the hovered border colour for primary components such as buttons" + "description": "Used for the hovered border colour for primary components" }, "active": { "value": "{colors.grey.800}", "type": "color", - "description": "Used for the pressed border colour for primary components such as buttons" + "description": "Used for the pressed border colour for primary components" } } }, From 9d3b7bafe8e9f44903d04ea34bd59ff8a9d47b43 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Thu, 27 Jul 2023 17:54:47 +0000 Subject: [PATCH 6/8] Transformed tokens --- dist/documentation/core-dark-colors.d.ts | 216 --------- dist/documentation/core-dark-colors.js | 216 --------- dist/documentation/core-light-colors.d.ts | 253 ---------- dist/documentation/core-light-colors.js | 253 ---------- dist/documentation/themes/dark.d.ts | 563 ---------------------- dist/documentation/themes/dark.js | 563 ---------------------- dist/documentation/themes/emerson.d.ts | 563 ---------------------- dist/documentation/themes/emerson.js | 563 ---------------------- dist/documentation/themes/light.d.ts | 563 ---------------------- dist/documentation/themes/light.js | 563 ---------------------- dist/documentation/themes/lightDS3.d.ts | 563 ---------------------- dist/documentation/themes/lightDS3.js | 563 ---------------------- dist/helpers/colorProfileMapper.d.ts | 109 ----- dist/helpers/colorProfileMapper.d.ts.map | 1 - dist/helpers/colorProfileMapper.js | 21 - dist/helpers/index.d.ts | 2 - dist/helpers/index.d.ts.map | 1 - dist/helpers/index.js | 24 - dist/index.d.ts | 9 - dist/index.d.ts.map | 1 - dist/index.js | 94 ---- dist/tokens/native/borders.d.ts | 10 - dist/tokens/native/borders.js | 12 - dist/tokens/native/core-dark-colors.d.ts | 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 | 20 - dist/tokens/native/themes/dark.js | 20 - dist/tokens/native/themes/emerson.d.ts | 20 - dist/tokens/native/themes/emerson.js | 20 - dist/tokens/native/themes/light.d.ts | 20 - dist/tokens/native/themes/light.js | 20 - dist/tokens/native/themes/lightDS3.d.ts | 20 - dist/tokens/native/themes/lightDS3.js | 20 - dist/tokens/native/typography.d.ts | 117 ----- dist/tokens/native/typography.js | 119 ----- dist/tokens/scss/borders.scss | 9 - dist/tokens/scss/core-dark-colors.scss | 55 --- dist/tokens/scss/core-light-colors.scss | 64 --- dist/tokens/scss/themes/dark.scss | 140 ------ dist/tokens/scss/themes/emerson.scss | 140 ------ dist/tokens/scss/themes/light.scss | 140 ------ dist/tokens/scss/themes/lightDS3.scss | 140 ------ dist/tokens/scss/typography.scss | 116 ----- dist/tokens/ts/borders.d.ts | 10 - dist/tokens/ts/borders.js | 12 - 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 | 20 - dist/tokens/ts/themes/dark.js | 20 - dist/tokens/ts/themes/emerson.d.ts | 20 - dist/tokens/ts/themes/emerson.js | 20 - dist/tokens/ts/themes/light.d.ts | 20 - dist/tokens/ts/themes/light.js | 20 - dist/tokens/ts/themes/lightDS3.d.ts | 20 - dist/tokens/ts/themes/lightDS3.js | 20 - 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 | 30 -- dist/types/interfaces.d.ts.map | 1 - dist/types/interfaces.js | 43 -- dist/types/profiles.d.ts | 6 - dist/types/profiles.d.ts.map | 1 - dist/types/profiles.js | 5 - dist/types/themes.d.ts | 8 - dist/types/themes.d.ts.map | 1 - dist/types/themes.js | 46 -- src/transformed/transformed-light.json | 6 +- 74 files changed, 3 insertions(+), 7629 deletions(-) delete mode 100644 dist/documentation/core-dark-colors.d.ts delete mode 100644 dist/documentation/core-dark-colors.js delete mode 100644 dist/documentation/core-light-colors.d.ts delete mode 100644 dist/documentation/core-light-colors.js delete mode 100644 dist/documentation/themes/dark.d.ts delete mode 100644 dist/documentation/themes/dark.js delete mode 100644 dist/documentation/themes/emerson.d.ts delete mode 100644 dist/documentation/themes/emerson.js delete mode 100644 dist/documentation/themes/light.d.ts delete mode 100644 dist/documentation/themes/light.js delete mode 100644 dist/documentation/themes/lightDS3.d.ts delete mode 100644 dist/documentation/themes/lightDS3.js delete mode 100644 dist/helpers/colorProfileMapper.d.ts delete mode 100644 dist/helpers/colorProfileMapper.d.ts.map delete mode 100644 dist/helpers/colorProfileMapper.js delete mode 100644 dist/helpers/index.d.ts delete mode 100644 dist/helpers/index.d.ts.map delete mode 100644 dist/helpers/index.js delete mode 100644 dist/index.d.ts delete mode 100644 dist/index.d.ts.map delete mode 100644 dist/index.js delete mode 100644 dist/tokens/native/borders.d.ts delete mode 100644 dist/tokens/native/borders.js delete mode 100644 dist/tokens/native/core-dark-colors.d.ts delete mode 100644 dist/tokens/native/core-dark-colors.js delete mode 100644 dist/tokens/native/core-light-colors.d.ts delete mode 100644 dist/tokens/native/core-light-colors.js delete mode 100644 dist/tokens/native/themes/dark.d.ts delete mode 100644 dist/tokens/native/themes/dark.js delete mode 100644 dist/tokens/native/themes/emerson.d.ts delete mode 100644 dist/tokens/native/themes/emerson.js delete mode 100644 dist/tokens/native/themes/light.d.ts delete mode 100644 dist/tokens/native/themes/light.js delete mode 100644 dist/tokens/native/themes/lightDS3.d.ts delete mode 100644 dist/tokens/native/themes/lightDS3.js delete mode 100644 dist/tokens/native/typography.d.ts delete mode 100644 dist/tokens/native/typography.js delete mode 100644 dist/tokens/scss/borders.scss delete mode 100644 dist/tokens/scss/core-dark-colors.scss delete mode 100644 dist/tokens/scss/core-light-colors.scss delete mode 100644 dist/tokens/scss/themes/dark.scss delete mode 100644 dist/tokens/scss/themes/emerson.scss delete mode 100644 dist/tokens/scss/themes/light.scss delete mode 100644 dist/tokens/scss/themes/lightDS3.scss delete mode 100644 dist/tokens/scss/typography.scss delete mode 100644 dist/tokens/ts/borders.d.ts delete mode 100644 dist/tokens/ts/borders.js delete mode 100644 dist/tokens/ts/core-dark-colors.d.ts delete mode 100644 dist/tokens/ts/core-dark-colors.js delete mode 100644 dist/tokens/ts/core-light-colors.d.ts delete mode 100644 dist/tokens/ts/core-light-colors.js delete mode 100644 dist/tokens/ts/themes/dark.d.ts delete mode 100644 dist/tokens/ts/themes/dark.js delete mode 100644 dist/tokens/ts/themes/emerson.d.ts delete mode 100644 dist/tokens/ts/themes/emerson.js delete mode 100644 dist/tokens/ts/themes/light.d.ts delete mode 100644 dist/tokens/ts/themes/light.js delete mode 100644 dist/tokens/ts/themes/lightDS3.d.ts delete mode 100644 dist/tokens/ts/themes/lightDS3.js delete mode 100644 dist/tokens/ts/typography.d.ts delete mode 100644 dist/tokens/ts/typography.js delete mode 100644 dist/types/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 faddb98b..00000000 --- a/dist/documentation/core-dark-colors.d.ts +++ /dev/null @@ -1,216 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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 a70826b4..00000000 --- a/dist/documentation/core-dark-colors.js +++ /dev/null @@ -1,216 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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 8af15769..00000000 --- a/dist/documentation/core-light-colors.d.ts +++ /dev/null @@ -1,253 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const green : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const blue : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const red : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const purple : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const orange : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const grey : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - },900:{ - name: string, - hex: string, - - }}; -export const shades : {white:{ - name: string, - hex: string, - - },black:{ - name: string, - hex: string, - - },transparent:{ - name: string, - hex: string, - - }}; -export const yellow : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; \ 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 4b791dcb..00000000 --- a/dist/documentation/core-light-colors.js +++ /dev/null @@ -1,253 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -module.exports = {green : {100:{ - name: "green.100", - hex: "#FAFFFC", - - },200:{ - name: "green.200", - hex: "#EBF2EF", - - },300:{ - name: "green.300", - hex: "#D1E0D9", - - },400:{ - name: "green.400", - hex: "#B6CFC2", - - },500:{ - name: "green.500", - hex: "#86B09B", - - },600:{ - name: "green.600", - hex: "#307553", - - },700:{ - name: "green.700", - hex: "#275E43", - - },800:{ - name: "green.800", - hex: "#244C38", - - }}, -blue : {100:{ - name: "blue.100", - hex: "#F5FAFF", - - },200:{ - name: "blue.200", - hex: "#E6F1FC", - - },300:{ - name: "blue.300", - hex: "#C0D8F0", - - },400:{ - name: "blue.400", - hex: "#88B1D9", - - },500:{ - name: "blue.500", - hex: "#5D96CF", - - },600:{ - name: "blue.600", - hex: "#3971A8", - - },700:{ - name: "blue.700", - hex: "#21588F", - - },800:{ - name: "blue.800", - hex: "#194673", - - }}, -red : {100:{ - name: "red.100", - hex: "#FFF7F9", - - },200:{ - name: "red.200", - hex: "#FEEEF2", - - },300:{ - name: "red.300", - hex: "#F0C4CD", - - },400:{ - name: "red.400", - hex: "#E296A6", - - },500:{ - name: "red.500", - hex: "#C6516A", - - },600:{ - name: "red.600", - hex: "#AF2645", - - },700:{ - name: "red.700", - hex: "#980B29", - - },800:{ - name: "red.800", - hex: "#800D25", - - }}, -purple : {100:{ - name: "purple.100", - hex: "#FCFAFF", - - },200:{ - name: "purple.200", - hex: "#F2ECFE", - - },300:{ - name: "purple.300", - hex: "#D7CEE9", - - },400:{ - name: "purple.400", - hex: "#B9ABD5", - - },500:{ - name: "purple.500", - hex: "#8471AB", - - },600:{ - name: "purple.600", - hex: "#533E7D", - - },700:{ - name: "purple.700", - hex: "#3B2566", - - },800:{ - name: "purple.800", - hex: "#2A174F", - - }}, -orange : {100:{ - name: "orange.100", - hex: "#FFFAF5", - - },200:{ - name: "orange.200", - hex: "#FFF3E8", - - },300:{ - name: "orange.300", - hex: "#F3D8C0", - - },400:{ - name: "orange.400", - hex: "#E7B88F", - - },500:{ - name: "orange.500", - hex: "#CF8545", - - },600:{ - name: "orange.600", - hex: "#B4631D", - - },700:{ - name: "orange.700", - hex: "#8E4D14", - - },800:{ - name: "orange.800", - hex: "#784213", - - }}, -grey : {100:{ - name: "grey.100", - hex: "#FCFEFF", - - },200:{ - name: "grey.200", - hex: "#F5F7FA", - - },300:{ - name: "grey.300", - hex: "#E6EDF5", - - },400:{ - name: "grey.400", - hex: "#C8D3E0", - - },500:{ - name: "grey.500", - hex: "#596D84", - - },600:{ - name: "grey.600", - hex: "#475A70", - - },700:{ - name: "grey.700", - hex: "#36485C", - - },800:{ - name: "grey.800", - hex: "#2E3A47", - - },900:{ - name: "grey.900", - hex: "#212933", - - }}, -shades : {white:{ - name: "shades.white", - hex: "#FFFFFF", - - },black:{ - name: "shades.black", - hex: "#000000", - - },transparent:{ - name: "shades.transparent", - hex: "transparent", - - }}, -yellow : {100:{ - name: "yellow.100", - hex: "#faf8f2", - - },200:{ - name: "yellow.200", - hex: "#fcf3dd", - - },300:{ - name: "yellow.300", - hex: "#fce7b1", - - },400:{ - name: "yellow.400", - hex: "#fcd97e", - - },500:{ - name: "yellow.500", - hex: "#fccb4c", - - },600:{ - name: "yellow.600", - hex: "#ffc121", - - },700:{ - name: "yellow.700", - hex: "#f7b200", - - },800:{ - name: "yellow.800", - hex: "#e5a500", - - }},}; \ 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 a0b4140e..00000000 --- a/dist/documentation/themes/dark.d.ts +++ /dev/null @@ -1,563 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; \ 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 a3e6a31d..00000000 --- a/dist/documentation/themes/dark.js +++ /dev/null @@ -1,563 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#42AD86", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#86D6B9", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#DBFFF1", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#288563", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#256E53", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#1A5740", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#13402F", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast." - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#1A5740", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#256E53", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#0C291E", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#288563", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#256E53", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#1A5740", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#6597CE", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#96BDE7", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#D1E8FF", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#4577AD", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#285685", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#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" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#000000", - description: "For use only with box shadow tokens" - }},}; \ 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 a0b4140e..00000000 --- a/dist/documentation/themes/emerson.d.ts +++ /dev/null @@ -1,563 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; \ 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 04b4871a..00000000 --- a/dist/documentation/themes/emerson.js +++ /dev/null @@ -1,563 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as buttons" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as buttons" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#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" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#000000", - description: "For use only with box shadow tokens" - }},}; \ 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 a0b4140e..00000000 --- a/dist/documentation/themes/light.d.ts +++ /dev/null @@ -1,563 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; \ 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 17a9d9a5..00000000 --- a/dist/documentation/themes/light.js +++ /dev/null @@ -1,563 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#36485C", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#475A70", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#596D84", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#FFFFFF", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#FFFFFF", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#FFFFFF", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#36485C", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#2E3A47", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#212933", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FCFEFF", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#2E3A47", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#E6EDF5", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#36485C", - description: "For use only with box shadow tokens" - }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts deleted file mode 100644 index a0b4140e..00000000 --- a/dist/documentation/themes/lightDS3.d.ts +++ /dev/null @@ -1,563 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js deleted file mode 100644 index 1efeb3c0..00000000 --- a/dist/documentation/themes/lightDS3.js +++ /dev/null @@ -1,563 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#36485C", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#475A70", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#596D84", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#F5F7FA", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#307553", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#307553", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#275E43", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#244C38", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#307553", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#E6EDF5", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#36485C", - description: "For use only with box shadow tokens" - }},}; \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts deleted file mode 100644 index 05da7d25..00000000 --- a/dist/helpers/colorProfileMapper.d.ts +++ /dev/null @@ -1,109 +0,0 @@ -import type { AviaryTheme } from "../types/themes"; -export declare const colorProfileMapper: (currentTheme: AviaryTheme) => { - primary: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - info: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - warning: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - danger: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - highlight: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - system: { - textLabelEmphasis: string; - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - borderFocused: string; - }; - success: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; -}; -//# sourceMappingURL=colorProfileMapper.d.ts.map \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map deleted file mode 100644 index 3c1e9e83..00000000 --- a/dist/helpers/colorProfileMapper.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js deleted file mode 100644 index e5da22d5..00000000 --- a/dist/helpers/colorProfileMapper.js +++ /dev/null @@ -1,21 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.colorProfileMapper = void 0; - -// Used for mapping over selected `isColor` properties -var colorProfileMapper = function colorProfileMapper(currentTheme) { - return { - primary: currentTheme.primary, - info: currentTheme.info, - warning: currentTheme.warning, - danger: currentTheme.danger, - highlight: currentTheme.highlight, - system: currentTheme.system, - success: currentTheme.success - }; -}; - -exports.colorProfileMapper = colorProfileMapper; \ No newline at end of file diff --git a/dist/helpers/index.d.ts b/dist/helpers/index.d.ts deleted file mode 100644 index 7a4a22d6..00000000 --- a/dist/helpers/index.d.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from "./colorProfileMapper"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/helpers/index.d.ts.map b/dist/helpers/index.d.ts.map deleted file mode 100644 index 94ae4bb1..00000000 --- a/dist/helpers/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"} \ No newline at end of file diff --git a/dist/helpers/index.js b/dist/helpers/index.js deleted file mode 100644 index 155de21a..00000000 --- a/dist/helpers/index.js +++ /dev/null @@ -1,24 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _colorProfileMapper = require("./colorProfileMapper"); - -Object.keys(_colorProfileMapper).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _colorProfileMapper[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _colorProfileMapper[key]; - } - }); -}); \ No newline at end of file diff --git a/dist/index.d.ts b/dist/index.d.ts deleted file mode 100644 index dcd56928..00000000 --- a/dist/index.d.ts +++ /dev/null @@ -1,9 +0,0 @@ -export * from "./helpers"; -export * from "./types"; -export * as borders from "../dist/tokens/ts/borders"; -export * as typography from "../dist/tokens/ts/typography"; -export * as lightThemeDocumentation from "../dist/documentation/themes/light"; -export * as darkThemeDocumentation from "../dist/documentation/themes/dark"; -export * as coreDarkDocumentation from "../dist/documentation/core-dark-colors"; -export * as coreLightDocumentation from "../dist/documentation/core-light-colors"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map deleted file mode 100644 index 666537dc..00000000 --- a/dist/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,uBAAuB,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,sBAAsB,MAAM,mCAAmC,CAAC;AAG5E,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAChF,OAAO,KAAK,sBAAsB,MAAM,yCAAyC,CAAC"} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js deleted file mode 100644 index b653d350..00000000 --- a/dist/index.js +++ /dev/null @@ -1,94 +0,0 @@ -"use strict"; - -function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } - -require("core-js/modules/es.array.iterator.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.string.iterator.js"); - -require("core-js/modules/es.weak-map.js"); - -require("core-js/modules/web.dom-collections.iterator.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.symbol.description.js"); - -require("core-js/modules/es.symbol.iterator.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -var _exportNames = { - borders: true, - typography: true, - lightThemeDocumentation: true, - darkThemeDocumentation: true, - coreDarkDocumentation: true, - coreLightDocumentation: true -}; -exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = exports.borders = void 0; - -var _helpers = require("./helpers"); - -Object.keys(_helpers).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; - if (key in exports && exports[key] === _helpers[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _helpers[key]; - } - }); -}); - -var _types = require("./types"); - -Object.keys(_types).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; - if (key in exports && exports[key] === _types[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _types[key]; - } - }); -}); - -var _borders = _interopRequireWildcard(require("../dist/tokens/ts/borders")); - -exports.borders = _borders; - -var _typography = _interopRequireWildcard(require("../dist/tokens/ts/typography")); - -exports.typography = _typography; - -var _lightThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/light")); - -exports.lightThemeDocumentation = _lightThemeDocumentation; - -var _darkThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/dark")); - -exports.darkThemeDocumentation = _darkThemeDocumentation; - -var _coreDarkDocumentation = _interopRequireWildcard(require("../dist/documentation/core-dark-colors")); - -exports.coreDarkDocumentation = _coreDarkDocumentation; - -var _coreLightDocumentation = _interopRequireWildcard(require("../dist/documentation/core-light-colors")); - -exports.coreLightDocumentation = _coreLightDocumentation; - -function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } - -function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts deleted file mode 100644 index 89d4cd70..00000000 --- a/dist/tokens/native/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const radiusBase : number; -export const radiusCircle : string; -export const radiusModal : number; -export const radiusPill : number; -export const widthBase : number; \ No newline at end of file diff --git a/dist/tokens/native/borders.js b/dist/tokens/native/borders.js deleted file mode 100644 index 876a2577..00000000 --- a/dist/tokens/native/borders.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -module.exports = { - "radiusBase": 8, - "radiusCircle": "50%", - "radiusModal": 8, - "radiusPill": 100, - "widthBase": 1 -}; \ No newline at end of file diff --git a/dist/tokens/native/core-dark-colors.d.ts b/dist/tokens/native/core-dark-colors.d.ts deleted file mode 100644 index db5e3b5c..00000000 --- a/dist/tokens/native/core-dark-colors.d.ts +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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 57dd6c1f..00000000 --- a/dist/tokens/native/core-dark-colors.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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 fbd2fab4..00000000 --- a/dist/tokens/native/core-light-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ 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 bef8feae..00000000 --- a/dist/tokens/native/core-light-colors.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, -blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, -red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, -purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, -orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, -grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ 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 a06dae08..00000000 --- a/dist/tokens/native/themes/dark.d.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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 648aaba3..00000000 --- a/dist/tokens/native/themes/dark.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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"}, -success : {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"}, -shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #000000 16%",cardHover : "0px 2px 8px 0px #000000 20%",popoverBase : "0px 4px 16px 0px #000000 16%",modalBase : "0px 8px 32px 0px #000000 24%"},}; \ 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 a06dae08..00000000 --- a/dist/tokens/native/themes/emerson.d.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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 af300000..00000000 --- a/dist/tokens/native/themes/emerson.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#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"}, -shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},}; \ 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 a06dae08..00000000 --- a/dist/tokens/native/themes/light.d.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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 ecb4b50a..00000000 --- a/dist/tokens/native/themes/light.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},}; \ No newline at end of file diff --git a/dist/tokens/native/themes/lightDS3.d.ts b/dist/tokens/native/themes/lightDS3.d.ts deleted file mode 100644 index a06dae08..00000000 --- a/dist/tokens/native/themes/lightDS3.d.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; \ No newline at end of file diff --git a/dist/tokens/native/themes/lightDS3.js b/dist/tokens/native/themes/lightDS3.js deleted file mode 100644 index 4ccab128..00000000 --- a/dist/tokens/native/themes/lightDS3.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -module.exports = {theme: "lightDS3", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},}; \ 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 ab51456d..00000000 --- a/dist/tokens/native/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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 1816111f..00000000 --- a/dist/tokens/native/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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/borders.scss b/dist/tokens/scss/borders.scss deleted file mode 100644 index 58ca654f..00000000 --- a/dist/tokens/scss/borders.scss +++ /dev/null @@ -1,9 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 25 Jul 2023 17:40:46 GMT - -$radiusBase: 8px; -$radiusCircle: 50%; -$radiusModal: 8px; -$radiusPill: 100px; -$widthBase: 1px; \ No newline at end of file diff --git a/dist/tokens/scss/core-dark-colors.scss b/dist/tokens/scss/core-dark-colors.scss deleted file mode 100644 index 60ae6118..00000000 --- a/dist/tokens/scss/core-dark-colors.scss +++ /dev/null @@ -1,55 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 25 Jul 2023 17:40:46 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 28db9bf4..00000000 --- a/dist/tokens/scss/core-light-colors.scss +++ /dev/null @@ -1,64 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 25 Jul 2023 17:40:46 GMT - -$green100: #FAFFFC; -$green200: #EBF2EF; -$green300: #D1E0D9; -$green400: #B6CFC2; -$green500: #86B09B; -$green600: #307553; -$green700: #275E43; -$green800: #244C38; -$blue100: #F5FAFF; -$blue200: #E6F1FC; -$blue300: #C0D8F0; -$blue400: #88B1D9; -$blue500: #5D96CF; -$blue600: #3971A8; -$blue700: #21588F; -$blue800: #194673; -$red100: #FFF7F9; -$red200: #FEEEF2; -$red300: #F0C4CD; -$red400: #E296A6; -$red500: #C6516A; -$red600: #AF2645; -$red700: #980B29; -$red800: #800D25; -$purple100: #FCFAFF; -$purple200: #F2ECFE; -$purple300: #D7CEE9; -$purple400: #B9ABD5; -$purple500: #8471AB; -$purple600: #533E7D; -$purple700: #3B2566; -$purple800: #2A174F; -$orange100: #FFFAF5; -$orange200: #FFF3E8; -$orange300: #F3D8C0; -$orange400: #E7B88F; -$orange500: #CF8545; -$orange600: #B4631D; -$orange700: #8E4D14; -$orange800: #784213; -$grey100: #FCFEFF; -$grey200: #F5F7FA; -$grey300: #E6EDF5; -$grey400: #C8D3E0; -$grey500: #596D84; -$grey600: #475A70; -$grey700: #36485C; -$grey800: #2E3A47; -$grey900: #212933; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; -$yellow100: #faf8f2; -$yellow200: #fcf3dd; -$yellow300: #fce7b1; -$yellow400: #fcd97e; -$yellow500: #fccb4c; -$yellow600: #ffc121; -$yellow700: #f7b200; -$yellow800: #e5a500; \ 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 ff6dbbe4..00000000 --- a/dist/tokens/scss/themes/dark.scss +++ /dev/null @@ -1,140 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 25 Jul 2023 17:40:46 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; -$successTextBase: #42AD86; -$successTextHover: #86D6B9; -$successTextActive: #DBFFF1; -$successBackgroundBase: #288563; -$successBackgroundHover: #256E53; -$successBackgroundActive: #1A5740; -$successBackgroundMuted: #13402F; -$successBackgroundMutedHover: #1A5740; -$successBackgroundMutedActive: #256E53; -$successBackgroundBox: #0C291E; -$successBorderBase: #288563; -$successBorderHover: #256E53; -$successBorderActive: #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; -$shadowBase: #000000; \ 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 e62c8e79..00000000 --- a/dist/tokens/scss/themes/emerson.scss +++ /dev/null @@ -1,140 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 25 Jul 2023 17:40:46 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; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #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; -$shadowBase: #000000; \ 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 cb850e92..00000000 --- a/dist/tokens/scss/themes/light.scss +++ /dev/null @@ -1,140 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 25 Jul 2023 17:40:46 GMT - -$textEmphasis: #36485C; -$textBody: #475A70; -$textSubdued: #596D84; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #FFFFFF; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #FFFFFF; -$primaryTextHover: #FFFFFF; -$primaryTextActive: #FFFFFF; -$primaryBackgroundBase: #36485C; -$primaryBackgroundHover: #2E3A47; -$primaryBackgroundActive: #212933; -$primaryBackgroundMuted: #F5F7FA; -$primaryBackgroundMutedHover: #E6EDF5; -$primaryBackgroundMutedActive: #C8D3E0; -$primaryBackgroundBox: #FCFEFF; -$primaryBorderBase: #C8D3E0; -$primaryBorderHover: #596D84; -$primaryBorderActive: #2E3A47; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #E6EDF5; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #36485C; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss deleted file mode 100644 index 197131a2..00000000 --- a/dist/tokens/scss/themes/lightDS3.scss +++ /dev/null @@ -1,140 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 25 Jul 2023 17:40:46 GMT - -$textEmphasis: #36485C; -$textBody: #475A70; -$textSubdued: #596D84; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #F5F7FA; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #307553; -$primaryTextHover: #275E43; -$primaryTextActive: #244C38; -$primaryBackgroundBase: #307553; -$primaryBackgroundHover: #275E43; -$primaryBackgroundActive: #244C38; -$primaryBackgroundMuted: #EBF2EF; -$primaryBackgroundMutedHover: #D1E0D9; -$primaryBackgroundMutedActive: #B6CFC2; -$primaryBackgroundBox: #FAFFFC; -$primaryBorderBase: #307553; -$primaryBorderHover: #275E43; -$primaryBorderActive: #244C38; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #E6EDF5; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #36485C; \ 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 764ae70d..00000000 --- a/dist/tokens/scss/typography.scss +++ /dev/null @@ -1,116 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 25 Jul 2023 17:40:46 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/borders.d.ts b/dist/tokens/ts/borders.d.ts deleted file mode 100644 index 317a2208..00000000 --- a/dist/tokens/ts/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const radiusBase : string; -export const radiusCircle : string; -export const radiusModal : string; -export const radiusPill : string; -export const widthBase : string; \ No newline at end of file diff --git a/dist/tokens/ts/borders.js b/dist/tokens/ts/borders.js deleted file mode 100644 index 55fee176..00000000 --- a/dist/tokens/ts/borders.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -module.exports = { - "radiusBase": "8px", - "radiusCircle": "50%", - "radiusModal": "8px", - "radiusPill": "100px", - "widthBase": "1px" -}; \ No newline at end of file diff --git a/dist/tokens/ts/core-dark-colors.d.ts b/dist/tokens/ts/core-dark-colors.d.ts deleted file mode 100644 index db5e3b5c..00000000 --- a/dist/tokens/ts/core-dark-colors.d.ts +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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 57dd6c1f..00000000 --- a/dist/tokens/ts/core-dark-colors.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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 fbd2fab4..00000000 --- a/dist/tokens/ts/core-light-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ 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 bef8feae..00000000 --- a/dist/tokens/ts/core-light-colors.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, -blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, -red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, -purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, -orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, -grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ 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 a06dae08..00000000 --- a/dist/tokens/ts/themes/dark.d.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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 648aaba3..00000000 --- a/dist/tokens/ts/themes/dark.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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"}, -success : {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"}, -shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #000000 16%",cardHover : "0px 2px 8px 0px #000000 20%",popoverBase : "0px 4px 16px 0px #000000 16%",modalBase : "0px 8px 32px 0px #000000 24%"},}; \ 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 a06dae08..00000000 --- a/dist/tokens/ts/themes/emerson.d.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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 af300000..00000000 --- a/dist/tokens/ts/themes/emerson.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#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"}, -shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},}; \ 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 a06dae08..00000000 --- a/dist/tokens/ts/themes/light.d.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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 ecb4b50a..00000000 --- a/dist/tokens/ts/themes/light.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/lightDS3.d.ts b/dist/tokens/ts/themes/lightDS3.d.ts deleted file mode 100644 index a06dae08..00000000 --- a/dist/tokens/ts/themes/lightDS3.d.ts +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/lightDS3.js b/dist/tokens/ts/themes/lightDS3.js deleted file mode 100644 index 4ccab128..00000000 --- a/dist/tokens/ts/themes/lightDS3.js +++ /dev/null @@ -1,20 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 GMT - */ - -module.exports = {theme: "lightDS3", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},}; \ 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 00d057e9..00000000 --- a/dist/tokens/ts/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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 9206b9bd..00000000 --- a/dist/tokens/ts/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 25 Jul 2023 17:40:46 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 8c0db022..00000000 --- a/dist/types/interfaces.d.ts +++ /dev/null @@ -1,30 +0,0 @@ -declare const AVIARY_COLORS: { - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; - success: string; -}; -declare const EXTENDED_AVIARY_COLORS: { - light: string; - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; - success: string; -}; -declare type AviaryColors = keyof typeof AVIARY_COLORS; -declare type ExtendedAviaryColors = keyof typeof EXTENDED_AVIARY_COLORS; -interface AviaryColorProps { - isColor?: AviaryColors; -} -interface AviaryExtendedColorProps { - isColor?: ExtendedAviaryColors; -} -export type { AviaryColors, AviaryColorProps, AviaryExtendedColorProps, ExtendedAviaryColors }; -export { AVIARY_COLORS, EXTENDED_AVIARY_COLORS }; -//# sourceMappingURL=interfaces.d.ts.map \ No newline at end of file diff --git a/dist/types/interfaces.d.ts.map b/dist/types/interfaces.d.ts.map deleted file mode 100644 index 9163996f..00000000 --- a/dist/types/interfaces.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa;;;;;;;;CAQlB,CAAC;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;CAG3B,CAAC;AAEF,aAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,aAAK,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEhE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AACD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js deleted file mode 100644 index 900be27c..00000000 --- a/dist/types/interfaces.js +++ /dev/null @@ -1,43 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.keys.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.array.filter.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.get-own-property-descriptors.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.EXTENDED_AVIARY_COLORS = exports.AVIARY_COLORS = void 0; - -function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -var AVIARY_COLORS = { - primary: "primary", - info: "info", - warning: "warning", - danger: "danger", - highlight: "highlight", - system: "system", - success: "success" -}; -exports.AVIARY_COLORS = AVIARY_COLORS; - -var EXTENDED_AVIARY_COLORS = _objectSpread(_objectSpread({}, AVIARY_COLORS), {}, { - light: "light" -}); - -exports.EXTENDED_AVIARY_COLORS = EXTENDED_AVIARY_COLORS; \ No newline at end of file diff --git a/dist/types/profiles.d.ts b/dist/types/profiles.d.ts deleted file mode 100644 index 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 89e46216..00000000 --- a/dist/types/themes.d.ts +++ /dev/null @@ -1,8 +0,0 @@ -import * as light from "../../dist/tokens/ts/themes/light"; -import * as lightDS3 from "../../dist/tokens/ts/themes/lightDS3"; -import * as dark from "../../dist/tokens/ts/themes/dark"; -import * as emerson from "../../dist/tokens/ts/themes/emerson"; -declare type AviaryTheme = typeof light; -export { dark, light, emerson, lightDS3 }; -export type { AviaryTheme }; -//# sourceMappingURL=themes.d.ts.map \ No newline at end of file diff --git a/dist/types/themes.d.ts.map b/dist/types/themes.d.ts.map deleted file mode 100644 index 6e0acf98..00000000 --- a/dist/types/themes.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/types/themes.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,mCAAmC,CAAC;AAC3D,OAAO,KAAK,QAAQ,MAAM,sCAAsC,CAAC;AACjE,OAAO,KAAK,IAAI,MAAM,kCAAkC,CAAC;AACzD,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC;AAE/D,aAAK,WAAW,GAAG,OAAO,KAAK,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAC1C,YAAY,EAAE,WAAW,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/themes.js b/dist/types/themes.js deleted file mode 100644 index dab7d546..00000000 --- a/dist/types/themes.js +++ /dev/null @@ -1,46 +0,0 @@ -"use strict"; - -function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } - -require("core-js/modules/es.array.iterator.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.string.iterator.js"); - -require("core-js/modules/es.weak-map.js"); - -require("core-js/modules/web.dom-collections.iterator.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.symbol.description.js"); - -require("core-js/modules/es.symbol.iterator.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.lightDS3 = exports.light = exports.emerson = exports.dark = void 0; - -var light = _interopRequireWildcard(require("../../dist/tokens/ts/themes/light")); - -exports.light = light; - -var lightDS3 = _interopRequireWildcard(require("../../dist/tokens/ts/themes/lightDS3")); - -exports.lightDS3 = lightDS3; - -var dark = _interopRequireWildcard(require("../../dist/tokens/ts/themes/dark")); - -exports.dark = dark; - -var emerson = _interopRequireWildcard(require("../../dist/tokens/ts/themes/emerson")); - -exports.emerson = emerson; - -function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } - -function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/src/transformed/transformed-light.json b/src/transformed/transformed-light.json index 6ae23b5c..f55865b3 100644 --- a/src/transformed/transformed-light.json +++ b/src/transformed/transformed-light.json @@ -205,17 +205,17 @@ "base": { "value": "#C8D3E0", "type": "color", - "description": "Used for the border colour for primary components such as buttons and Message" + "description": "Used for the border colour for primary components" }, "hover": { "value": "#596D84", "type": "color", - "description": "Used for the hovered border colour for primary components such as buttons" + "description": "Used for the hovered border colour for primary components" }, "active": { "value": "#2E3A47", "type": "color", - "description": "Used for the pressed border colour for primary components such as buttons" + "description": "Used for the pressed border colour for primary components" } } }, From a2242c468f3636f16eb927b868c725d42d66cee1 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Thu, 27 Jul 2023 17:55:16 +0000 Subject: [PATCH 7/8] 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 | 253 ++++++++++ dist/documentation/core-light-colors.js | 253 ++++++++++ dist/documentation/themes/dark.d.ts | 563 ++++++++++++++++++++++ dist/documentation/themes/dark.js | 563 ++++++++++++++++++++++ dist/documentation/themes/emerson.d.ts | 563 ++++++++++++++++++++++ dist/documentation/themes/emerson.js | 563 ++++++++++++++++++++++ dist/documentation/themes/light.d.ts | 563 ++++++++++++++++++++++ dist/documentation/themes/light.js | 563 ++++++++++++++++++++++ dist/documentation/themes/lightDS3.d.ts | 563 ++++++++++++++++++++++ dist/documentation/themes/lightDS3.js | 563 ++++++++++++++++++++++ dist/tokens/native/borders.d.ts | 10 + dist/tokens/native/borders.js | 12 + 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 | 20 + dist/tokens/native/themes/dark.js | 20 + dist/tokens/native/themes/emerson.d.ts | 20 + dist/tokens/native/themes/emerson.js | 20 + dist/tokens/native/themes/light.d.ts | 20 + dist/tokens/native/themes/light.js | 20 + dist/tokens/native/themes/lightDS3.d.ts | 20 + dist/tokens/native/themes/lightDS3.js | 20 + dist/tokens/native/typography.d.ts | 117 +++++ dist/tokens/native/typography.js | 119 +++++ dist/tokens/scss/borders.scss | 9 + dist/tokens/scss/core-dark-colors.scss | 55 +++ dist/tokens/scss/core-light-colors.scss | 64 +++ dist/tokens/scss/themes/dark.scss | 140 ++++++ dist/tokens/scss/themes/emerson.scss | 140 ++++++ dist/tokens/scss/themes/light.scss | 140 ++++++ dist/tokens/scss/themes/lightDS3.scss | 140 ++++++ dist/tokens/scss/typography.scss | 116 +++++ dist/tokens/ts/borders.d.ts | 10 + dist/tokens/ts/borders.js | 12 + 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 | 20 + dist/tokens/ts/themes/dark.js | 20 + dist/tokens/ts/themes/emerson.d.ts | 20 + dist/tokens/ts/themes/emerson.js | 20 + dist/tokens/ts/themes/light.d.ts | 20 + dist/tokens/ts/themes/light.js | 20 + dist/tokens/ts/themes/lightDS3.d.ts | 20 + dist/tokens/ts/themes/lightDS3.js | 20 + dist/tokens/ts/typography.d.ts | 117 +++++ dist/tokens/ts/typography.js | 119 +++++ 52 files changed, 7182 insertions(+) create mode 100644 dist/documentation/core-dark-colors.d.ts create mode 100644 dist/documentation/core-dark-colors.js create mode 100644 dist/documentation/core-light-colors.d.ts create mode 100644 dist/documentation/core-light-colors.js create mode 100644 dist/documentation/themes/dark.d.ts create mode 100644 dist/documentation/themes/dark.js create mode 100644 dist/documentation/themes/emerson.d.ts create mode 100644 dist/documentation/themes/emerson.js create mode 100644 dist/documentation/themes/light.d.ts create mode 100644 dist/documentation/themes/light.js create mode 100644 dist/documentation/themes/lightDS3.d.ts create mode 100644 dist/documentation/themes/lightDS3.js create mode 100644 dist/tokens/native/borders.d.ts create mode 100644 dist/tokens/native/borders.js create mode 100644 dist/tokens/native/core-dark-colors.d.ts create mode 100644 dist/tokens/native/core-dark-colors.js create mode 100644 dist/tokens/native/core-light-colors.d.ts create mode 100644 dist/tokens/native/core-light-colors.js create mode 100644 dist/tokens/native/themes/dark.d.ts create mode 100644 dist/tokens/native/themes/dark.js create mode 100644 dist/tokens/native/themes/emerson.d.ts create mode 100644 dist/tokens/native/themes/emerson.js create mode 100644 dist/tokens/native/themes/light.d.ts create mode 100644 dist/tokens/native/themes/light.js create mode 100644 dist/tokens/native/themes/lightDS3.d.ts create mode 100644 dist/tokens/native/themes/lightDS3.js create mode 100644 dist/tokens/native/typography.d.ts create mode 100644 dist/tokens/native/typography.js create mode 100644 dist/tokens/scss/borders.scss create mode 100644 dist/tokens/scss/core-dark-colors.scss create mode 100644 dist/tokens/scss/core-light-colors.scss create mode 100644 dist/tokens/scss/themes/dark.scss create mode 100644 dist/tokens/scss/themes/emerson.scss create mode 100644 dist/tokens/scss/themes/light.scss create mode 100644 dist/tokens/scss/themes/lightDS3.scss create mode 100644 dist/tokens/scss/typography.scss create mode 100644 dist/tokens/ts/borders.d.ts create mode 100644 dist/tokens/ts/borders.js create mode 100644 dist/tokens/ts/core-dark-colors.d.ts create mode 100644 dist/tokens/ts/core-dark-colors.js create mode 100644 dist/tokens/ts/core-light-colors.d.ts create mode 100644 dist/tokens/ts/core-light-colors.js create mode 100644 dist/tokens/ts/themes/dark.d.ts create mode 100644 dist/tokens/ts/themes/dark.js create mode 100644 dist/tokens/ts/themes/emerson.d.ts create mode 100644 dist/tokens/ts/themes/emerson.js create mode 100644 dist/tokens/ts/themes/light.d.ts create mode 100644 dist/tokens/ts/themes/light.js create mode 100644 dist/tokens/ts/themes/lightDS3.d.ts create mode 100644 dist/tokens/ts/themes/lightDS3.js create mode 100644 dist/tokens/ts/typography.d.ts create mode 100644 dist/tokens/ts/typography.js diff --git a/dist/documentation/core-dark-colors.d.ts b/dist/documentation/core-dark-colors.d.ts new file mode 100644 index 00000000..2648b2f4 --- /dev/null +++ b/dist/documentation/core-dark-colors.d.ts @@ -0,0 +1,216 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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..8db2cefd --- /dev/null +++ b/dist/documentation/core-dark-colors.js @@ -0,0 +1,216 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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..1618da60 --- /dev/null +++ b/dist/documentation/core-light-colors.d.ts @@ -0,0 +1,253 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const green : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const blue : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const red : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const purple : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const orange : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const grey : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + },900:{ + name: string, + hex: string, + + }}; +export const shades : {white:{ + name: string, + hex: string, + + },black:{ + name: string, + hex: string, + + },transparent:{ + name: string, + hex: string, + + }}; +export const yellow : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; \ 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..5727d93b --- /dev/null +++ b/dist/documentation/core-light-colors.js @@ -0,0 +1,253 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#FAFFFC", + + },200:{ + name: "green.200", + hex: "#EBF2EF", + + },300:{ + name: "green.300", + hex: "#D1E0D9", + + },400:{ + name: "green.400", + hex: "#B6CFC2", + + },500:{ + name: "green.500", + hex: "#86B09B", + + },600:{ + name: "green.600", + hex: "#307553", + + },700:{ + name: "green.700", + hex: "#275E43", + + },800:{ + name: "green.800", + hex: "#244C38", + + }}, +blue : {100:{ + name: "blue.100", + hex: "#F5FAFF", + + },200:{ + name: "blue.200", + hex: "#E6F1FC", + + },300:{ + name: "blue.300", + hex: "#C0D8F0", + + },400:{ + name: "blue.400", + hex: "#88B1D9", + + },500:{ + name: "blue.500", + hex: "#5D96CF", + + },600:{ + name: "blue.600", + hex: "#3971A8", + + },700:{ + name: "blue.700", + hex: "#21588F", + + },800:{ + name: "blue.800", + hex: "#194673", + + }}, +red : {100:{ + name: "red.100", + hex: "#FFF7F9", + + },200:{ + name: "red.200", + hex: "#FEEEF2", + + },300:{ + name: "red.300", + hex: "#F0C4CD", + + },400:{ + name: "red.400", + hex: "#E296A6", + + },500:{ + name: "red.500", + hex: "#C6516A", + + },600:{ + name: "red.600", + hex: "#AF2645", + + },700:{ + name: "red.700", + hex: "#980B29", + + },800:{ + name: "red.800", + hex: "#800D25", + + }}, +purple : {100:{ + name: "purple.100", + hex: "#FCFAFF", + + },200:{ + name: "purple.200", + hex: "#F2ECFE", + + },300:{ + name: "purple.300", + hex: "#D7CEE9", + + },400:{ + name: "purple.400", + hex: "#B9ABD5", + + },500:{ + name: "purple.500", + hex: "#8471AB", + + },600:{ + name: "purple.600", + hex: "#533E7D", + + },700:{ + name: "purple.700", + hex: "#3B2566", + + },800:{ + name: "purple.800", + hex: "#2A174F", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#FFFAF5", + + },200:{ + name: "orange.200", + hex: "#FFF3E8", + + },300:{ + name: "orange.300", + hex: "#F3D8C0", + + },400:{ + name: "orange.400", + hex: "#E7B88F", + + },500:{ + name: "orange.500", + hex: "#CF8545", + + },600:{ + name: "orange.600", + hex: "#B4631D", + + },700:{ + name: "orange.700", + hex: "#8E4D14", + + },800:{ + name: "orange.800", + hex: "#784213", + + }}, +grey : {100:{ + name: "grey.100", + hex: "#FCFEFF", + + },200:{ + name: "grey.200", + hex: "#F5F7FA", + + },300:{ + name: "grey.300", + hex: "#E6EDF5", + + },400:{ + name: "grey.400", + hex: "#C8D3E0", + + },500:{ + name: "grey.500", + hex: "#596D84", + + },600:{ + name: "grey.600", + hex: "#475A70", + + },700:{ + name: "grey.700", + hex: "#36485C", + + },800:{ + name: "grey.800", + hex: "#2E3A47", + + },900:{ + name: "grey.900", + hex: "#212933", + + }}, +shades : {white:{ + name: "shades.white", + hex: "#FFFFFF", + + },black:{ + name: "shades.black", + hex: "#000000", + + },transparent:{ + name: "shades.transparent", + hex: "transparent", + + }}, +yellow : {100:{ + name: "yellow.100", + hex: "#faf8f2", + + },200:{ + name: "yellow.200", + hex: "#fcf3dd", + + },300:{ + name: "yellow.300", + hex: "#fce7b1", + + },400:{ + name: "yellow.400", + hex: "#fcd97e", + + },500:{ + name: "yellow.500", + hex: "#fccb4c", + + },600:{ + name: "yellow.600", + hex: "#ffc121", + + },700:{ + name: "yellow.700", + hex: "#f7b200", + + },800:{ + name: "yellow.800", + hex: "#e5a500", + + }},}; \ 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..0397b133 --- /dev/null +++ b/dist/documentation/themes/dark.d.ts @@ -0,0 +1,563 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; \ 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..f09b5167 --- /dev/null +++ b/dist/documentation/themes/dark.js @@ -0,0 +1,563 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#42AD86", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#86D6B9", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#DBFFF1", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#288563", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#256E53", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#1A5740", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#13402F", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast." + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#1A5740", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#256E53", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#0C291E", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#288563", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#256E53", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#1A5740", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#6597CE", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#96BDE7", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#D1E8FF", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#4577AD", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#285685", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#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" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#000000", + description: "For use only with box shadow tokens" + }},}; \ 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..0397b133 --- /dev/null +++ b/dist/documentation/themes/emerson.d.ts @@ -0,0 +1,563 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; \ 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..73481670 --- /dev/null +++ b/dist/documentation/themes/emerson.js @@ -0,0 +1,563 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as buttons" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as buttons" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#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" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#000000", + description: "For use only with box shadow tokens" + }},}; \ 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..0397b133 --- /dev/null +++ b/dist/documentation/themes/light.d.ts @@ -0,0 +1,563 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; \ 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..4a193de3 --- /dev/null +++ b/dist/documentation/themes/light.js @@ -0,0 +1,563 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#36485C", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#475A70", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#596D84", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#FFFFFF", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#FFFFFF", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#FFFFFF", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#36485C", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#2E3A47", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#212933", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FCFEFF", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for primary components" + },borderHover:{ + name: "primary.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for primary components" + },borderActive:{ + name: "primary.borderActive", + hex: "#2E3A47", + description: "Used for the pressed border colour for primary components" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#E6EDF5", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#36485C", + description: "For use only with box shadow tokens" + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts new file mode 100644 index 00000000..0397b133 --- /dev/null +++ b/dist/documentation/themes/lightDS3.d.ts @@ -0,0 +1,563 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js new file mode 100644 index 00000000..dee7cd03 --- /dev/null +++ b/dist/documentation/themes/lightDS3.js @@ -0,0 +1,563 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#36485C", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#475A70", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#596D84", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#F5F7FA", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#307553", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#307553", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#275E43", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#244C38", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#307553", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#E6EDF5", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#36485C", + description: "For use only with box shadow tokens" + }},}; \ No newline at end of file diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts new file mode 100644 index 00000000..e955574c --- /dev/null +++ b/dist/tokens/native/borders.d.ts @@ -0,0 +1,10 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const radiusBase : number; +export const radiusCircle : string; +export const radiusModal : number; +export const radiusPill : number; +export const widthBase : number; \ No newline at end of file diff --git a/dist/tokens/native/borders.js b/dist/tokens/native/borders.js new file mode 100644 index 00000000..d61884fe --- /dev/null +++ b/dist/tokens/native/borders.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +module.exports = { + "radiusBase": 8, + "radiusCircle": "50%", + "radiusModal": 8, + "radiusPill": 100, + "widthBase": 1 +}; \ No newline at end of file diff --git a/dist/tokens/native/core-dark-colors.d.ts b/dist/tokens/native/core-dark-colors.d.ts new file mode 100644 index 00000000..89add023 --- /dev/null +++ b/dist/tokens/native/core-dark-colors.d.ts @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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..aaaf6fc6 --- /dev/null +++ b/dist/tokens/native/core-dark-colors.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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..54155199 --- /dev/null +++ b/dist/tokens/native/core-light-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ 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..198cd243 --- /dev/null +++ b/dist/tokens/native/core-light-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, +blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, +red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, +purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, +orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, +grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ 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..78077a04 --- /dev/null +++ b/dist/tokens/native/themes/dark.d.ts @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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..ab820342 --- /dev/null +++ b/dist/tokens/native/themes/dark.js @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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"}, +success : {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"}, +shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #000000 16%",cardHover : "0px 2px 8px 0px #000000 20%",popoverBase : "0px 4px 16px 0px #000000 16%",modalBase : "0px 8px 32px 0px #000000 24%"},}; \ 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..78077a04 --- /dev/null +++ b/dist/tokens/native/themes/emerson.d.ts @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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..a5d25c3f --- /dev/null +++ b/dist/tokens/native/themes/emerson.js @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#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"}, +shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},}; \ 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..78077a04 --- /dev/null +++ b/dist/tokens/native/themes/light.d.ts @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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..b8e50126 --- /dev/null +++ b/dist/tokens/native/themes/light.js @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},}; \ No newline at end of file diff --git a/dist/tokens/native/themes/lightDS3.d.ts b/dist/tokens/native/themes/lightDS3.d.ts new file mode 100644 index 00000000..78077a04 --- /dev/null +++ b/dist/tokens/native/themes/lightDS3.d.ts @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; \ No newline at end of file diff --git a/dist/tokens/native/themes/lightDS3.js b/dist/tokens/native/themes/lightDS3.js new file mode 100644 index 00000000..fe5dc75d --- /dev/null +++ b/dist/tokens/native/themes/lightDS3.js @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +module.exports = {theme: "lightDS3", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},}; \ 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..6a735d1a --- /dev/null +++ b/dist/tokens/native/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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..8cc398d6 --- /dev/null +++ b/dist/tokens/native/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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/borders.scss b/dist/tokens/scss/borders.scss new file mode 100644 index 00000000..c28e244c --- /dev/null +++ b/dist/tokens/scss/borders.scss @@ -0,0 +1,9 @@ + +// Do not edit directly +// Generated on Thu, 27 Jul 2023 17:55:15 GMT + +$radiusBase: 8px; +$radiusCircle: 50%; +$radiusModal: 8px; +$radiusPill: 100px; +$widthBase: 1px; \ No newline at end of file diff --git a/dist/tokens/scss/core-dark-colors.scss b/dist/tokens/scss/core-dark-colors.scss new file mode 100644 index 00000000..994fd957 --- /dev/null +++ b/dist/tokens/scss/core-dark-colors.scss @@ -0,0 +1,55 @@ + +// Do not edit directly +// Generated on Thu, 27 Jul 2023 17:55:15 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..ed243f4a --- /dev/null +++ b/dist/tokens/scss/core-light-colors.scss @@ -0,0 +1,64 @@ + +// Do not edit directly +// Generated on Thu, 27 Jul 2023 17:55:15 GMT + +$green100: #FAFFFC; +$green200: #EBF2EF; +$green300: #D1E0D9; +$green400: #B6CFC2; +$green500: #86B09B; +$green600: #307553; +$green700: #275E43; +$green800: #244C38; +$blue100: #F5FAFF; +$blue200: #E6F1FC; +$blue300: #C0D8F0; +$blue400: #88B1D9; +$blue500: #5D96CF; +$blue600: #3971A8; +$blue700: #21588F; +$blue800: #194673; +$red100: #FFF7F9; +$red200: #FEEEF2; +$red300: #F0C4CD; +$red400: #E296A6; +$red500: #C6516A; +$red600: #AF2645; +$red700: #980B29; +$red800: #800D25; +$purple100: #FCFAFF; +$purple200: #F2ECFE; +$purple300: #D7CEE9; +$purple400: #B9ABD5; +$purple500: #8471AB; +$purple600: #533E7D; +$purple700: #3B2566; +$purple800: #2A174F; +$orange100: #FFFAF5; +$orange200: #FFF3E8; +$orange300: #F3D8C0; +$orange400: #E7B88F; +$orange500: #CF8545; +$orange600: #B4631D; +$orange700: #8E4D14; +$orange800: #784213; +$grey100: #FCFEFF; +$grey200: #F5F7FA; +$grey300: #E6EDF5; +$grey400: #C8D3E0; +$grey500: #596D84; +$grey600: #475A70; +$grey700: #36485C; +$grey800: #2E3A47; +$grey900: #212933; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$yellow100: #faf8f2; +$yellow200: #fcf3dd; +$yellow300: #fce7b1; +$yellow400: #fcd97e; +$yellow500: #fccb4c; +$yellow600: #ffc121; +$yellow700: #f7b200; +$yellow800: #e5a500; \ 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..60d5b300 --- /dev/null +++ b/dist/tokens/scss/themes/dark.scss @@ -0,0 +1,140 @@ + +// Do not edit directly +// Generated on Thu, 27 Jul 2023 17:55:15 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; +$successTextBase: #42AD86; +$successTextHover: #86D6B9; +$successTextActive: #DBFFF1; +$successBackgroundBase: #288563; +$successBackgroundHover: #256E53; +$successBackgroundActive: #1A5740; +$successBackgroundMuted: #13402F; +$successBackgroundMutedHover: #1A5740; +$successBackgroundMutedActive: #256E53; +$successBackgroundBox: #0C291E; +$successBorderBase: #288563; +$successBorderHover: #256E53; +$successBorderActive: #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; +$shadowBase: #000000; \ 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..cfd7a9b9 --- /dev/null +++ b/dist/tokens/scss/themes/emerson.scss @@ -0,0 +1,140 @@ + +// Do not edit directly +// Generated on Thu, 27 Jul 2023 17:55:15 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; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #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; +$shadowBase: #000000; \ 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..dc24987c --- /dev/null +++ b/dist/tokens/scss/themes/light.scss @@ -0,0 +1,140 @@ + +// Do not edit directly +// Generated on Thu, 27 Jul 2023 17:55:15 GMT + +$textEmphasis: #36485C; +$textBody: #475A70; +$textSubdued: #596D84; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #FFFFFF; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #FFFFFF; +$primaryTextHover: #FFFFFF; +$primaryTextActive: #FFFFFF; +$primaryBackgroundBase: #36485C; +$primaryBackgroundHover: #2E3A47; +$primaryBackgroundActive: #212933; +$primaryBackgroundMuted: #F5F7FA; +$primaryBackgroundMutedHover: #E6EDF5; +$primaryBackgroundMutedActive: #C8D3E0; +$primaryBackgroundBox: #FCFEFF; +$primaryBorderBase: #C8D3E0; +$primaryBorderHover: #596D84; +$primaryBorderActive: #2E3A47; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #E6EDF5; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #36485C; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss new file mode 100644 index 00000000..dc190e3a --- /dev/null +++ b/dist/tokens/scss/themes/lightDS3.scss @@ -0,0 +1,140 @@ + +// Do not edit directly +// Generated on Thu, 27 Jul 2023 17:55:15 GMT + +$textEmphasis: #36485C; +$textBody: #475A70; +$textSubdued: #596D84; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #F5F7FA; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #307553; +$primaryTextHover: #275E43; +$primaryTextActive: #244C38; +$primaryBackgroundBase: #307553; +$primaryBackgroundHover: #275E43; +$primaryBackgroundActive: #244C38; +$primaryBackgroundMuted: #EBF2EF; +$primaryBackgroundMutedHover: #D1E0D9; +$primaryBackgroundMutedActive: #B6CFC2; +$primaryBackgroundBox: #FAFFFC; +$primaryBorderBase: #307553; +$primaryBorderHover: #275E43; +$primaryBorderActive: #244C38; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #E6EDF5; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #36485C; \ 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..1c93739a --- /dev/null +++ b/dist/tokens/scss/typography.scss @@ -0,0 +1,116 @@ + +// Do not edit directly +// Generated on Thu, 27 Jul 2023 17:55:15 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/borders.d.ts b/dist/tokens/ts/borders.d.ts new file mode 100644 index 00000000..94e64a92 --- /dev/null +++ b/dist/tokens/ts/borders.d.ts @@ -0,0 +1,10 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const radiusBase : string; +export const radiusCircle : string; +export const radiusModal : string; +export const radiusPill : string; +export const widthBase : string; \ No newline at end of file diff --git a/dist/tokens/ts/borders.js b/dist/tokens/ts/borders.js new file mode 100644 index 00000000..c45e145b --- /dev/null +++ b/dist/tokens/ts/borders.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +module.exports = { + "radiusBase": "8px", + "radiusCircle": "50%", + "radiusModal": "8px", + "radiusPill": "100px", + "widthBase": "1px" +}; \ No newline at end of file diff --git a/dist/tokens/ts/core-dark-colors.d.ts b/dist/tokens/ts/core-dark-colors.d.ts new file mode 100644 index 00000000..89add023 --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.d.ts @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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..aaaf6fc6 --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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..54155199 --- /dev/null +++ b/dist/tokens/ts/core-light-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; \ 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..198cd243 --- /dev/null +++ b/dist/tokens/ts/core-light-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, +blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, +red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, +purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, +orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, +grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"},}; \ 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..78077a04 --- /dev/null +++ b/dist/tokens/ts/themes/dark.d.ts @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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..ab820342 --- /dev/null +++ b/dist/tokens/ts/themes/dark.js @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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"}, +success : {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"}, +shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #000000 16%",cardHover : "0px 2px 8px 0px #000000 20%",popoverBase : "0px 4px 16px 0px #000000 16%",modalBase : "0px 8px 32px 0px #000000 24%"},}; \ 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..78077a04 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.d.ts @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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..a5d25c3f --- /dev/null +++ b/dist/tokens/ts/themes/emerson.js @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#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"}, +shadow : {base : "#000000"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},}; \ 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..78077a04 --- /dev/null +++ b/dist/tokens/ts/themes/light.d.ts @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : 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..b8e50126 --- /dev/null +++ b/dist/tokens/ts/themes/light.js @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/lightDS3.d.ts b/dist/tokens/ts/themes/lightDS3.d.ts new file mode 100644 index 00000000..78077a04 --- /dev/null +++ b/dist/tokens/ts/themes/lightDS3.d.ts @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string}; \ No newline at end of file diff --git a/dist/tokens/ts/themes/lightDS3.js b/dist/tokens/ts/themes/lightDS3.js new file mode 100644 index 00000000..fe5dc75d --- /dev/null +++ b/dist/tokens/ts/themes/lightDS3.js @@ -0,0 +1,20 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 GMT + */ + +module.exports = {theme: "lightDS3", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},}; \ 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..0f879b7c --- /dev/null +++ b/dist/tokens/ts/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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..d35365eb --- /dev/null +++ b/dist/tokens/ts/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Thu, 27 Jul 2023 17:55:15 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 9eb489497f2a2e457818c142cc597a267a849305 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Thu, 27 Jul 2023 17:55:45 +0000 Subject: [PATCH 8/8] Files compiled! --- dist/helpers/colorProfileMapper.d.ts | 109 +++++++++++++++++++++++ dist/helpers/colorProfileMapper.d.ts.map | 1 + dist/helpers/colorProfileMapper.js | 21 +++++ dist/helpers/index.d.ts | 2 + dist/helpers/index.d.ts.map | 1 + dist/helpers/index.js | 24 +++++ dist/index.d.ts | 9 ++ dist/index.d.ts.map | 1 + dist/index.js | 94 +++++++++++++++++++ dist/types/index.d.ts | 3 + dist/types/index.d.ts.map | 1 + dist/types/index.js | 37 ++++++++ dist/types/interfaces.d.ts | 30 +++++++ dist/types/interfaces.d.ts.map | 1 + dist/types/interfaces.js | 43 +++++++++ dist/types/profiles.d.ts | 6 ++ dist/types/profiles.d.ts.map | 1 + dist/types/profiles.js | 5 ++ dist/types/themes.d.ts | 8 ++ dist/types/themes.d.ts.map | 1 + dist/types/themes.js | 46 ++++++++++ 21 files changed, 444 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..05da7d25 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts @@ -0,0 +1,109 @@ +import type { AviaryTheme } from "../types/themes"; +export declare const colorProfileMapper: (currentTheme: AviaryTheme) => { + primary: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + info: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + warning: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + danger: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + highlight: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + system: { + textLabelEmphasis: string; + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + borderFocused: string; + }; + success: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; +}; +//# sourceMappingURL=colorProfileMapper.d.ts.map \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map new file mode 100644 index 00000000..3c1e9e83 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js new file mode 100644 index 00000000..e5da22d5 --- /dev/null +++ b/dist/helpers/colorProfileMapper.js @@ -0,0 +1,21 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.colorProfileMapper = void 0; + +// Used for mapping over selected `isColor` properties +var colorProfileMapper = function colorProfileMapper(currentTheme) { + return { + primary: currentTheme.primary, + info: currentTheme.info, + warning: currentTheme.warning, + danger: currentTheme.danger, + highlight: currentTheme.highlight, + system: currentTheme.system, + success: currentTheme.success + }; +}; + +exports.colorProfileMapper = colorProfileMapper; \ No newline at end of file diff --git a/dist/helpers/index.d.ts b/dist/helpers/index.d.ts new file mode 100644 index 00000000..7a4a22d6 --- /dev/null +++ b/dist/helpers/index.d.ts @@ -0,0 +1,2 @@ +export * from "./colorProfileMapper"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/helpers/index.d.ts.map b/dist/helpers/index.d.ts.map new file mode 100644 index 00000000..94ae4bb1 --- /dev/null +++ b/dist/helpers/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"} \ No newline at end of file diff --git a/dist/helpers/index.js b/dist/helpers/index.js new file mode 100644 index 00000000..155de21a --- /dev/null +++ b/dist/helpers/index.js @@ -0,0 +1,24 @@ +"use strict"; + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _colorProfileMapper = require("./colorProfileMapper"); + +Object.keys(_colorProfileMapper).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _colorProfileMapper[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _colorProfileMapper[key]; + } + }); +}); \ No newline at end of file diff --git a/dist/index.d.ts b/dist/index.d.ts new file mode 100644 index 00000000..dcd56928 --- /dev/null +++ b/dist/index.d.ts @@ -0,0 +1,9 @@ +export * from "./helpers"; +export * from "./types"; +export * as borders from "../dist/tokens/ts/borders"; +export * as typography from "../dist/tokens/ts/typography"; +export * as lightThemeDocumentation from "../dist/documentation/themes/light"; +export * as darkThemeDocumentation from "../dist/documentation/themes/dark"; +export * as coreDarkDocumentation from "../dist/documentation/core-dark-colors"; +export * as coreLightDocumentation from "../dist/documentation/core-light-colors"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map new file mode 100644 index 00000000..666537dc --- /dev/null +++ b/dist/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,uBAAuB,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,sBAAsB,MAAM,mCAAmC,CAAC;AAG5E,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAChF,OAAO,KAAK,sBAAsB,MAAM,yCAAyC,CAAC"} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js new file mode 100644 index 00000000..b653d350 --- /dev/null +++ b/dist/index.js @@ -0,0 +1,94 @@ +"use strict"; + +function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } + +require("core-js/modules/es.array.iterator.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.string.iterator.js"); + +require("core-js/modules/es.weak-map.js"); + +require("core-js/modules/web.dom-collections.iterator.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.symbol.description.js"); + +require("core-js/modules/es.symbol.iterator.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +var _exportNames = { + borders: true, + typography: true, + lightThemeDocumentation: true, + darkThemeDocumentation: true, + coreDarkDocumentation: true, + coreLightDocumentation: true +}; +exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = exports.borders = void 0; + +var _helpers = require("./helpers"); + +Object.keys(_helpers).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; + if (key in exports && exports[key] === _helpers[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _helpers[key]; + } + }); +}); + +var _types = require("./types"); + +Object.keys(_types).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; + if (key in exports && exports[key] === _types[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _types[key]; + } + }); +}); + +var _borders = _interopRequireWildcard(require("../dist/tokens/ts/borders")); + +exports.borders = _borders; + +var _typography = _interopRequireWildcard(require("../dist/tokens/ts/typography")); + +exports.typography = _typography; + +var _lightThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/light")); + +exports.lightThemeDocumentation = _lightThemeDocumentation; + +var _darkThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/dark")); + +exports.darkThemeDocumentation = _darkThemeDocumentation; + +var _coreDarkDocumentation = _interopRequireWildcard(require("../dist/documentation/core-dark-colors")); + +exports.coreDarkDocumentation = _coreDarkDocumentation; + +var _coreLightDocumentation = _interopRequireWildcard(require("../dist/documentation/core-light-colors")); + +exports.coreLightDocumentation = _coreLightDocumentation; + +function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } + +function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/dist/types/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..8c0db022 --- /dev/null +++ b/dist/types/interfaces.d.ts @@ -0,0 +1,30 @@ +declare const AVIARY_COLORS: { + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; + success: string; +}; +declare const EXTENDED_AVIARY_COLORS: { + light: string; + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; + success: string; +}; +declare type AviaryColors = keyof typeof AVIARY_COLORS; +declare type ExtendedAviaryColors = keyof typeof EXTENDED_AVIARY_COLORS; +interface AviaryColorProps { + isColor?: AviaryColors; +} +interface AviaryExtendedColorProps { + isColor?: ExtendedAviaryColors; +} +export type { AviaryColors, AviaryColorProps, AviaryExtendedColorProps, ExtendedAviaryColors }; +export { AVIARY_COLORS, EXTENDED_AVIARY_COLORS }; +//# sourceMappingURL=interfaces.d.ts.map \ No newline at end of file diff --git a/dist/types/interfaces.d.ts.map b/dist/types/interfaces.d.ts.map new file mode 100644 index 00000000..9163996f --- /dev/null +++ b/dist/types/interfaces.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa;;;;;;;;CAQlB,CAAC;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;CAG3B,CAAC;AAEF,aAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,aAAK,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEhE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AACD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,wBAAwB,EAAE,oBAAoB,EAAE,CAAC;AAC/F,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js new file mode 100644 index 00000000..900be27c --- /dev/null +++ b/dist/types/interfaces.js @@ -0,0 +1,43 @@ +"use strict"; + +require("core-js/modules/es.object.keys.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.array.filter.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.get-own-property-descriptors.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.EXTENDED_AVIARY_COLORS = exports.AVIARY_COLORS = void 0; + +function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } + +function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } + +function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + +var AVIARY_COLORS = { + primary: "primary", + info: "info", + warning: "warning", + danger: "danger", + highlight: "highlight", + system: "system", + success: "success" +}; +exports.AVIARY_COLORS = AVIARY_COLORS; + +var EXTENDED_AVIARY_COLORS = _objectSpread(_objectSpread({}, AVIARY_COLORS), {}, { + light: "light" +}); + +exports.EXTENDED_AVIARY_COLORS = EXTENDED_AVIARY_COLORS; \ No newline at end of file diff --git a/dist/types/profiles.d.ts b/dist/types/profiles.d.ts new file mode 100644 index 00000000..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..89e46216 --- /dev/null +++ b/dist/types/themes.d.ts @@ -0,0 +1,8 @@ +import * as light from "../../dist/tokens/ts/themes/light"; +import * as lightDS3 from "../../dist/tokens/ts/themes/lightDS3"; +import * as dark from "../../dist/tokens/ts/themes/dark"; +import * as emerson from "../../dist/tokens/ts/themes/emerson"; +declare type AviaryTheme = typeof light; +export { dark, light, emerson, lightDS3 }; +export type { AviaryTheme }; +//# sourceMappingURL=themes.d.ts.map \ No newline at end of file diff --git a/dist/types/themes.d.ts.map b/dist/types/themes.d.ts.map new file mode 100644 index 00000000..6e0acf98 --- /dev/null +++ b/dist/types/themes.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"themes.d.ts","sourceRoot":"","sources":["../../src/types/themes.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,mCAAmC,CAAC;AAC3D,OAAO,KAAK,QAAQ,MAAM,sCAAsC,CAAC;AACjE,OAAO,KAAK,IAAI,MAAM,kCAAkC,CAAC;AACzD,OAAO,KAAK,OAAO,MAAM,qCAAqC,CAAC;AAE/D,aAAK,WAAW,GAAG,OAAO,KAAK,CAAC;AAEhC,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC;AAC1C,YAAY,EAAE,WAAW,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/themes.js b/dist/types/themes.js new file mode 100644 index 00000000..dab7d546 --- /dev/null +++ b/dist/types/themes.js @@ -0,0 +1,46 @@ +"use strict"; + +function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } + +require("core-js/modules/es.array.iterator.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.string.iterator.js"); + +require("core-js/modules/es.weak-map.js"); + +require("core-js/modules/web.dom-collections.iterator.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.symbol.description.js"); + +require("core-js/modules/es.symbol.iterator.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.lightDS3 = exports.light = exports.emerson = exports.dark = void 0; + +var light = _interopRequireWildcard(require("../../dist/tokens/ts/themes/light")); + +exports.light = light; + +var lightDS3 = _interopRequireWildcard(require("../../dist/tokens/ts/themes/lightDS3")); + +exports.lightDS3 = lightDS3; + +var dark = _interopRequireWildcard(require("../../dist/tokens/ts/themes/dark")); + +exports.dark = dark; + +var emerson = _interopRequireWildcard(require("../../dist/tokens/ts/themes/emerson")); + +exports.emerson = emerson; + +function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } + +function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file