From 16d429cdb0937d8e935ac5a2989a69249085fffc Mon Sep 17 00:00:00 2001 From: Catherine Aylward` Date: Mon, 16 Oct 2023 17:13:57 -0400 Subject: [PATCH 01/19] new folder/files --- build.js | 31 +-- src/helpers/style-dictionary/filters.js | 38 ++++ .../formats.js} | 181 ++++-------------- src/helpers/style-dictionary/transforms.js | 94 +++++++++ 4 files changed, 179 insertions(+), 165 deletions(-) create mode 100644 src/helpers/style-dictionary/filters.js rename src/helpers/{custom.js => style-dictionary/formats.js} (60%) create mode 100644 src/helpers/style-dictionary/transforms.js diff --git a/build.js b/build.js index 2e22dbb9..2a90d162 100644 --- a/build.js +++ b/build.js @@ -1,5 +1,8 @@ const StyleDictionary = require("style-dictionary"); -require("./src/helpers/custom"); + +require("./src/helpers/style-dictionary/formats"); +require("./src/helpers/style-dictionary/filters"); +require("./src/helpers/style-dictionary/transforms"); const getStyleDictionaryConfig = (theme) => { const isCore = theme.includes("core"); @@ -21,9 +24,7 @@ const getStyleDictionaryConfig = (theme) => { filter: "custom/filter/typography", }, { - destination: isCore - ? `${theme}-colors.scss` - : `themes/${theme}.scss`, + destination: isCore ? `${theme}-colors.scss` : `themes/${theme}.scss`, format: "scss/variables", filter: { type: "color", @@ -72,9 +73,7 @@ const getStyleDictionaryConfig = (theme) => { }, { format: "custom/format/typescript-color-declarations", - destination: isCore - ? `${theme}-colors.d.ts` - : `themes/${theme}.d.ts`, + destination: isCore ? `${theme}-colors.d.ts` : `themes/${theme}.d.ts`, filter: "custom/filter/themeTokens", }, ], @@ -120,9 +119,7 @@ const getStyleDictionaryConfig = (theme) => { }, { format: "custom/format/typescript-color-declarations", - destination: isCore - ? `${theme}-colors.d.ts` - : `themes/${theme}.d.ts`, + destination: isCore ? `${theme}-colors.d.ts` : `themes/${theme}.d.ts`, filter: "custom/filter/themeTokens", }, ], @@ -140,9 +137,7 @@ const getStyleDictionaryConfig = (theme) => { }, { format: "custom/format/typescript-color-declarations-documentation", - destination: isCore - ? `${theme}-colors.d.ts` - : `themes/${theme}.d.ts`, + destination: isCore ? `${theme}-colors.d.ts` : `themes/${theme}.d.ts`, filter: { type: "color", }, @@ -155,15 +150,7 @@ const getStyleDictionaryConfig = (theme) => { // Add themes to the array to create theme-specific files under themes folder // "core" theme will build files outside of the themes folder -const themes = [ - "primitives", - "core-light", - "core-dark", - "light", - "lightDS3", - "dark", - "emerson", -]; +const themes = ["primitives", "core-light", "core-dark", "light", "lightDS3", "dark", "emerson"]; themes.map((theme) => { StyleDictionary.extend(getStyleDictionaryConfig(theme)).buildAllPlatforms(); diff --git a/src/helpers/style-dictionary/filters.js b/src/helpers/style-dictionary/filters.js new file mode 100644 index 00000000..3d787633 --- /dev/null +++ b/src/helpers/style-dictionary/filters.js @@ -0,0 +1,38 @@ +/** + * used in build.js + * filters will be applied before formatting + * + * order of operations: filters > transforms > formats + * + * https://amzn.github.io/style-dictionary/#/formats?id=filtering-tokens + */ + +const StyleDictionary = require("style-dictionary"); + +// filter borders and borderWith +StyleDictionary.registerFilter({ + name: "custom/filter/borders", + matcher: (token) => { + return token.type === "borderRadius" || token.type === "borderWidth"; + }, +}); + +// filter typography +StyleDictionary.registerFilter({ + name: "custom/filter/typography", + matcher: function (token) { + return token.attributes.category === "typography"; + }, +}); + +// filter boxShadows, colors, and opacity +StyleDictionary.registerFilter({ + name: "custom/filter/themeTokens", + matcher: (token) => { + return ( + token.attributes.category === "boxShadows" || + token.attributes.category === "colors" || + token.attributes.category === "opacity" + ); + }, +}); diff --git a/src/helpers/custom.js b/src/helpers/style-dictionary/formats.js similarity index 60% rename from src/helpers/custom.js rename to src/helpers/style-dictionary/formats.js index 74f2ac24..27575269 100644 --- a/src/helpers/custom.js +++ b/src/helpers/style-dictionary/formats.js @@ -1,79 +1,15 @@ +/** + * used in build.js + * + * Formats define the output of your created files + * order of operations: filters > transforms > formats + * + * https://amzn.github.io/style-dictionary/#/formats + */ + const StyleDictionary = require("style-dictionary"); -const ChangeCase = require("change-case"); const { fileHeader, getTypeScriptType } = StyleDictionary.formatHelpers; -// FILTERS -StyleDictionary.registerFilter({ - name: "custom/filter/borders", - matcher: (token) => { - return token.type === "borderRadius" || token.type === "borderWidth"; - }, -}); - -StyleDictionary.registerFilter({ - name: "custom/filter/typography", - matcher: function (token) { - return token.attributes.category === "typography"; - }, -}); - -StyleDictionary.registerFilter({ - name: "custom/filter/themeTokens", - matcher: (token) => { - return ( - token.attributes.category === "boxShadows" || - token.attributes.category === "colors" || - token.attributes.category === "opacity" - ); - }, -}); - -// TRANSFORMS -const isStringPxValue = (token) => { - if (typeof token.value === "string") { - return token.value.endsWith("px"); - } -}; - -StyleDictionary.registerTransform({ - name: "custom/name/remove-color-prefix", - matcher: (token) => token.type === "color", - type: "name", - transformer: function (token) { - return ChangeCase.camelCase(token.path.slice(2).join(" ")); - }, -}); - -StyleDictionary.registerTransform({ - name: "custom/name/remove-desktop-prefix", - type: "name", - transformer: function (token) { - const slicePrefix = token.path.slice(1); - const filterDesktop = slicePrefix.filter((prefix) => prefix !== "desktop"); - return ChangeCase.camelCase(filterDesktop.join(" ")).replace("_", ""); - }, -}); - -StyleDictionary.registerTransform({ - name: "custom/value/rm-px", - type: "value", - matcher: isStringPxValue, - transformer: function (token) { - return parseFloat(token.value); - }, -}); - -StyleDictionary.registerTransform({ - name: "custom/value/font-weight-to-string", - type: "value", - matcher: (token) => - token.type === "fontWeights" || token.type === "fontWeight", - transformer: function (token) { - return token.value.toString(); - }, -}); - -// FORMATTERS const declaration = (isJS) => (isJS ? "" : `export const `); const commaOrColon = (isJS) => (isJS ? `,` : `;`); const valueOrType = (token, isJS) => @@ -83,15 +19,11 @@ const customColorObjectFormatter = (dictionary, theme, isJS) => { let prefix = ``; // Only add a prefix for theme files, not core ones if (!theme?.destination.includes("core")) { - const themeWithSlash = theme.destination.substring( - 0, - theme.destination.indexOf(".") - ); + const themeWithSlash = theme.destination.substring(0, theme.destination.indexOf(".")); const extractedThemeName = { value: themeWithSlash.split("/")[1] }; - prefix = `${declaration(isJS)}theme: ${valueOrType( - extractedThemeName, + prefix = `${declaration(isJS)}theme: ${valueOrType(extractedThemeName, isJS)}${commaOrColon( isJS - )}${commaOrColon(isJS)}\n`; + )}\n`; } return ( @@ -162,32 +94,6 @@ const customOpacityObjectFormatter = (dictionary, theme, isJS) => { ); }; -StyleDictionary.registerFormat({ - name: "custom/format/typescript-color-declarations", - formatter: ({ dictionary, file }) => { - return ( - fileHeader({ file }) + - customColorObjectFormatter(dictionary, file, false) + - customBoxShadowObjectFormatter(dictionary, file, false) + - customOpacityObjectFormatter(dictionary, file, false) - ); - }, -}); - -StyleDictionary.registerFormat({ - name: "custom/format/javascript-colors", - formatter: ({ dictionary, file }) => { - return ( - fileHeader({ file }) + - `module.exports = {` + - customColorObjectFormatter(dictionary, file, true) + - customBoxShadowObjectFormatter(dictionary, file, true) + - customOpacityObjectFormatter(dictionary, file, true) + - `};` - ); - }, -}); - const colorDocumentationFormatter = (dictionary, isJS) => { const renderDescription = (desc) => { if (desc) { @@ -220,57 +126,46 @@ const colorDocumentationFormatter = (dictionary, isJS) => { }; StyleDictionary.registerFormat({ - name: "custom/format/javascript-colors-documentation", + name: "custom/format/typescript-color-declarations", formatter: ({ dictionary, file }) => { return ( fileHeader({ file }) + - `module.exports = {` + - colorDocumentationFormatter(dictionary, true) + - `};` + customColorObjectFormatter(dictionary, file, false) + + customBoxShadowObjectFormatter(dictionary, file, false) + + customOpacityObjectFormatter(dictionary, file, false) ); }, }); StyleDictionary.registerFormat({ - name: "custom/format/typescript-color-declarations-documentation", + name: "custom/format/javascript-colors", formatter: ({ dictionary, file }) => { return ( - fileHeader({ file }) + colorDocumentationFormatter(dictionary, false) + fileHeader({ file }) + + `module.exports = {` + + customColorObjectFormatter(dictionary, file, true) + + customBoxShadowObjectFormatter(dictionary, file, true) + + customOpacityObjectFormatter(dictionary, file, true) + + `};` ); }, }); -// GROUPS -StyleDictionary.registerTransformGroup({ - name: "custom/aviary", - transforms: [ - "attribute/cti", - "custom/name/remove-desktop-prefix", - "custom/name/remove-color-prefix", - ], -}); - -StyleDictionary.registerTransformGroup({ - name: "custom/documentation", - transforms: [ - "attribute/cti", - "custom/name/remove-desktop-prefix", - "custom/name/remove-color-prefix", - ], -}); - -StyleDictionary.registerTransformGroup({ - name: "custom/native", - transforms: [ - "attribute/cti", - "custom/name/remove-desktop-prefix", - "custom/value/rm-px", - "custom/value/font-weight-to-string", - "custom/name/remove-color-prefix", - ], +StyleDictionary.registerFormat({ + name: "custom/format/javascript-colors-documentation", + formatter: ({ dictionary, file }) => { + return ( + fileHeader({ file }) + + `module.exports = {` + + colorDocumentationFormatter(dictionary, true) + + `};` + ); + }, }); -StyleDictionary.registerTransformGroup({ - name: "custom/scss", - transforms: ["attribute/cti", "custom/name/remove-desktop-prefix"], +StyleDictionary.registerFormat({ + name: "custom/format/typescript-color-declarations-documentation", + formatter: ({ dictionary, file }) => { + return fileHeader({ file }) + colorDocumentationFormatter(dictionary, false); + }, }); diff --git a/src/helpers/style-dictionary/transforms.js b/src/helpers/style-dictionary/transforms.js new file mode 100644 index 00000000..e3cf3457 --- /dev/null +++ b/src/helpers/style-dictionary/transforms.js @@ -0,0 +1,94 @@ +/** + * used in build.js + * + * transforms are performed sequentially (see transform groups below). + * order of operations: filters > transforms > formats + * + * https://amzn.github.io/style-dictionary/#/transforms?id=transforms + */ + +const StyleDictionary = require("style-dictionary"); +const ChangeCase = require("change-case"); + +const isStringPxValue = (token) => { + if (typeof token.value === "string") { + return token.value.endsWith("px"); + } +}; + +// removes the word "color" +StyleDictionary.registerTransform({ + name: "custom/name/remove-color-prefix", + matcher: (token) => token.type === "color", + type: "name", + transformer: function (token) { + return ChangeCase.camelCase(token.path.slice(2).join(" ")); + }, +}); + +// removes word "desktop" +StyleDictionary.registerTransform({ + name: "custom/name/remove-desktop-prefix", + type: "name", + transformer: function (token) { + const slicePrefix = token.path.slice(1); + const filterDesktop = slicePrefix.filter((prefix) => prefix !== "desktop"); + return ChangeCase.camelCase(filterDesktop.join(" ")).replace("_", ""); + }, +}); + +// removes "px" and turns string into number +StyleDictionary.registerTransform({ + name: "custom/value/rm-px", + type: "value", + matcher: isStringPxValue, + transformer: function (token) { + return parseFloat(token.value); + }, +}); + +// turns font weight numbers to string +StyleDictionary.registerTransform({ + name: "custom/value/font-weight-to-string", + type: "value", + matcher: (token) => token.type === "fontWeights" || token.type === "fontWeight", + transformer: function (token) { + return token.value.toString(); + }, +}); + +// TRANSFORM GROUPS, used in build.js + +StyleDictionary.registerTransformGroup({ + name: "custom/aviary", + transforms: [ + "attribute/cti", + "custom/name/remove-desktop-prefix", + "custom/name/remove-color-prefix", + ], +}); + +StyleDictionary.registerTransformGroup({ + name: "custom/documentation", + transforms: [ + "attribute/cti", + "custom/name/remove-desktop-prefix", + "custom/name/remove-color-prefix", + ], +}); + +StyleDictionary.registerTransformGroup({ + name: "custom/native", + transforms: [ + "attribute/cti", + "custom/name/remove-desktop-prefix", + "custom/value/rm-px", + "custom/value/font-weight-to-string", + "custom/name/remove-color-prefix", + ], +}); + +StyleDictionary.registerTransformGroup({ + name: "custom/scss", + transforms: ["attribute/cti", "custom/name/remove-desktop-prefix"], +}); From af2b39036cadf0b74fde558f8e2631b0321a3b0b Mon Sep 17 00:00:00 2001 From: CCAyl Date: Mon, 16 Oct 2023 21:14:31 +0000 Subject: [PATCH 02/19] Transformed tokens --- dist/documentation/core-dark-colors.d.ts | 233 --------- dist/documentation/core-dark-colors.js | 233 --------- dist/documentation/core-light-colors.d.ts | 270 ---------- dist/documentation/core-light-colors.js | 270 ---------- dist/documentation/themes/dark.d.ts | 600 ---------------------- dist/documentation/themes/dark.js | 600 ---------------------- dist/documentation/themes/emerson.d.ts | 596 --------------------- dist/documentation/themes/emerson.js | 596 --------------------- dist/documentation/themes/light.d.ts | 596 --------------------- dist/documentation/themes/light.js | 596 --------------------- dist/documentation/themes/lightDS3.d.ts | 596 --------------------- dist/documentation/themes/lightDS3.js | 596 --------------------- dist/helpers/colorProfileMapper.d.ts | 109 ---- dist/helpers/colorProfileMapper.d.ts.map | 1 - dist/helpers/colorProfileMapper.js | 21 - dist/helpers/index.d.ts | 2 - dist/helpers/index.d.ts.map | 1 - dist/helpers/index.js | 24 - dist/index.d.ts | 9 - dist/index.d.ts.map | 1 - dist/index.js | 94 ---- dist/tokens/native/borders.d.ts | 10 - dist/tokens/native/borders.js | 12 - dist/tokens/native/core-dark-colors.d.ts | 13 - dist/tokens/native/core-dark-colors.js | 13 - dist/tokens/native/core-light-colors.d.ts | 14 - dist/tokens/native/core-light-colors.js | 14 - dist/tokens/native/themes/dark.d.ts | 21 - dist/tokens/native/themes/dark.js | 21 - dist/tokens/native/themes/emerson.d.ts | 21 - dist/tokens/native/themes/emerson.js | 21 - dist/tokens/native/themes/light.d.ts | 21 - dist/tokens/native/themes/light.js | 21 - dist/tokens/native/themes/lightDS3.d.ts | 21 - dist/tokens/native/themes/lightDS3.js | 21 - 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 | 59 --- dist/tokens/scss/core-light-colors.scss | 68 --- dist/tokens/scss/themes/dark.scss | 149 ------ dist/tokens/scss/themes/emerson.scss | 148 ------ dist/tokens/scss/themes/light.scss | 148 ------ dist/tokens/scss/themes/lightDS3.scss | 148 ------ 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 | 13 - dist/tokens/ts/core-dark-colors.js | 13 - dist/tokens/ts/core-light-colors.d.ts | 14 - dist/tokens/ts/core-light-colors.js | 14 - dist/tokens/ts/themes/dark.d.ts | 21 - dist/tokens/ts/themes/dark.js | 21 - dist/tokens/ts/themes/emerson.d.ts | 21 - dist/tokens/ts/themes/emerson.js | 21 - dist/tokens/ts/themes/light.d.ts | 21 - dist/tokens/ts/themes/light.js | 21 - dist/tokens/ts/themes/lightDS3.d.ts | 21 - dist/tokens/ts/themes/lightDS3.js | 21 - dist/tokens/ts/typography.d.ts | 117 ----- dist/tokens/ts/typography.js | 119 ----- dist/types/index.d.ts | 4 - dist/types/index.d.ts.map | 1 - dist/types/index.js | 50 -- dist/types/intentions.d.ts | 16 - dist/types/intentions.d.ts.map | 1 - dist/types/intentions.js | 19 - dist/types/interfaces.d.ts | 30 -- dist/types/interfaces.d.ts.map | 1 - dist/types/interfaces.js | 43 -- dist/types/profiles.d.ts | 6 - dist/types/profiles.d.ts.map | 1 - dist/types/profiles.js | 5 - dist/types/themes.d.ts | 8 - dist/types/themes.d.ts.map | 1 - dist/types/themes.js | 46 -- 76 files changed, 8081 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/intentions.d.ts delete mode 100644 dist/types/intentions.d.ts.map delete mode 100644 dist/types/intentions.js delete mode 100644 dist/types/interfaces.d.ts delete mode 100644 dist/types/interfaces.d.ts.map delete mode 100644 dist/types/interfaces.js delete mode 100644 dist/types/profiles.d.ts delete mode 100644 dist/types/profiles.d.ts.map delete mode 100644 dist/types/profiles.js delete mode 100644 dist/types/themes.d.ts delete mode 100644 dist/types/themes.d.ts.map delete mode 100644 dist/types/themes.js diff --git a/dist/documentation/core-dark-colors.d.ts b/dist/documentation/core-dark-colors.d.ts deleted file mode 100644 index cf7d42e3..00000000 --- a/dist/documentation/core-dark-colors.d.ts +++ /dev/null @@ -1,233 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const green : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const blue : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const red : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const purple : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const orange : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const grey : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const shades : {white:{ - name: string, - hex: string, - - },black:{ - name: string, - hex: string, - - },transparent:{ - name: string, - hex: string, - - }}; -export const brown : {200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },700:{ - 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 794c9072..00000000 --- a/dist/documentation/core-dark-colors.js +++ /dev/null @@ -1,233 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {green : {100:{ - name: "green.100", - hex: "#0C291E", - - },200:{ - name: "green.200", - hex: "#0F3326", - - },300:{ - name: "green.300", - hex: "#13402F", - - },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: "#102337", - - },300:{ - name: "blue.300", - hex: "#142C45", - - },400:{ - name: "blue.400", - hex: "#285685", - - },500:{ - name: "blue.500", - hex: "#4577AD", - - },600:{ - name: "blue.600", - hex: "#6597CE", - - },700:{ - name: "blue.700", - hex: "#96BDE7", - - },800:{ - name: "blue.800", - hex: "#D1E8FF", - - }}, -red : {100:{ - name: "red.100", - hex: "#290F16", - - },200:{ - name: "red.200", - hex: "#34101A", - - },300:{ - name: "red.300", - hex: "#451522", - - },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: "#291433", - - },300:{ - name: "purple.300", - hex: "#33193F", - - },400:{ - name: "purple.400", - hex: "#542F66", - - },500:{ - name: "purple.500", - hex: "#693B80", - - },600:{ - name: "purple.600", - hex: "#865C99", - - },700:{ - name: "purple.700", - hex: "#B990CC", - - },800:{ - name: "purple.800", - hex: "#F0D1FF", - - }}, -orange : {100:{ - name: "orange.100", - hex: "#29170C", - - },200:{ - name: "orange.200", - hex: "#361D0E", - - },300:{ - name: "orange.300", - hex: "#4A2915", - - },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: "#98999B", - - },700:{ - name: "grey.700", - hex: "#BCBDBF", - - },800:{ - name: "grey.800", - hex: "#E8E9EA", - - }}, -shades : {white:{ - name: "shades.white", - hex: "#FFFFFF", - - },black:{ - name: "shades.black", - hex: "#000000", - - },transparent:{ - name: "shades.transparent", - hex: "transparent", - - }}, -brown : {200:{ - name: "brown.200", - hex: "#33260F", - - },300:{ - name: "brown.300", - hex: "#402F13", - - },400:{ - name: "brown.400", - hex: "#6E5225", - - },700:{ - name: "brown.700", - hex: "#D6BA87", - - }},}; \ 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 817b06b5..00000000 --- a/dist/documentation/core-light-colors.d.ts +++ /dev/null @@ -1,270 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const green : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const blue : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const red : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const purple : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const orange : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const grey : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - },900:{ - name: string, - hex: string, - - }}; -export const shades : {white:{ - name: string, - hex: string, - - },black:{ - name: string, - hex: string, - - },transparent:{ - name: string, - hex: string, - - }}; -export const yellow : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const brown : {200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - }}; \ 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 f77e215e..00000000 --- a/dist/documentation/core-light-colors.js +++ /dev/null @@ -1,270 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {green : {100:{ - name: "green.100", - hex: "#FAFFFC", - - },200:{ - name: "green.200", - hex: "#EBF2EF", - - },300:{ - name: "green.300", - hex: "#D1E0D9", - - },400:{ - name: "green.400", - hex: "#B6CFC2", - - },500:{ - name: "green.500", - hex: "#86B09B", - - },600:{ - name: "green.600", - hex: "#307553", - - },700:{ - name: "green.700", - hex: "#275E43", - - },800:{ - name: "green.800", - hex: "#244C38", - - }}, -blue : {100:{ - name: "blue.100", - hex: "#F5FAFF", - - },200:{ - name: "blue.200", - hex: "#E6F1FC", - - },300:{ - name: "blue.300", - hex: "#C0D8F0", - - },400:{ - name: "blue.400", - hex: "#88B1D9", - - },500:{ - name: "blue.500", - hex: "#5D96CF", - - },600:{ - name: "blue.600", - hex: "#3971A8", - - },700:{ - name: "blue.700", - hex: "#21588F", - - },800:{ - name: "blue.800", - hex: "#194673", - - }}, -red : {100:{ - name: "red.100", - hex: "#FFF7F9", - - },200:{ - name: "red.200", - hex: "#FEEEF2", - - },300:{ - name: "red.300", - hex: "#F0C4CD", - - },400:{ - name: "red.400", - hex: "#E296A6", - - },500:{ - name: "red.500", - hex: "#C6516A", - - },600:{ - name: "red.600", - hex: "#AF2645", - - },700:{ - name: "red.700", - hex: "#980B29", - - },800:{ - name: "red.800", - hex: "#800D25", - - }}, -purple : {100:{ - name: "purple.100", - hex: "#FCFAFF", - - },200:{ - name: "purple.200", - hex: "#F2ECFE", - - },300:{ - name: "purple.300", - hex: "#D7CEE9", - - },400:{ - name: "purple.400", - hex: "#B9ABD5", - - },500:{ - name: "purple.500", - hex: "#8471AB", - - },600:{ - name: "purple.600", - hex: "#533E7D", - - },700:{ - name: "purple.700", - hex: "#3B2566", - - },800:{ - name: "purple.800", - hex: "#2A174F", - - }}, -orange : {100:{ - name: "orange.100", - hex: "#FFFAF5", - - },200:{ - name: "orange.200", - hex: "#FFF3E8", - - },300:{ - name: "orange.300", - hex: "#F3D8C0", - - },400:{ - name: "orange.400", - hex: "#E7B88F", - - },500:{ - name: "orange.500", - hex: "#CF8545", - - },600:{ - name: "orange.600", - hex: "#B4631D", - - },700:{ - name: "orange.700", - hex: "#8E4D14", - - },800:{ - name: "orange.800", - hex: "#784213", - - }}, -grey : {100:{ - name: "grey.100", - hex: "#FCFEFF", - - },200:{ - name: "grey.200", - hex: "#F5F7FA", - - },300:{ - name: "grey.300", - hex: "#E6EDF5", - - },400:{ - name: "grey.400", - hex: "#C8D3E0", - - },500:{ - name: "grey.500", - hex: "#596D84", - - },600:{ - name: "grey.600", - hex: "#475A70", - - },700:{ - name: "grey.700", - hex: "#36485C", - - },800:{ - name: "grey.800", - hex: "#2E3A47", - - },900:{ - name: "grey.900", - hex: "#212933", - - }}, -shades : {white:{ - name: "shades.white", - hex: "#FFFFFF", - - },black:{ - name: "shades.black", - hex: "#000000", - - },transparent:{ - name: "shades.transparent", - hex: "transparent", - - }}, -yellow : {100:{ - name: "yellow.100", - hex: "#faf8f2", - - },200:{ - name: "yellow.200", - hex: "#fcf3dd", - - },300:{ - name: "yellow.300", - hex: "#fce7b1", - - },400:{ - name: "yellow.400", - hex: "#fcd97e", - - },500:{ - name: "yellow.500", - hex: "#fccb4c", - - },600:{ - name: "yellow.600", - hex: "#ffc121", - - },700:{ - name: "yellow.700", - hex: "#f7b200", - - },800:{ - name: "yellow.800", - hex: "#e5a500", - - }}, -brown : {200:{ - name: "brown.200", - hex: "#F6F1E5", - - },300:{ - name: "brown.300", - hex: "#E4D9C2", - - },400:{ - name: "brown.400", - hex: "#DACCAA", - - },700:{ - name: "brown.700", - hex: "#5E4D27", - - }},}; \ 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 be5fc83b..00000000 --- a/dist/documentation/themes/dark.d.ts +++ /dev/null @@ -1,600 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },nakedContent:{ - name: string, - hex: string, - - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js deleted file mode 100644 index fc2f1606..00000000 --- a/dist/documentation/themes/dark.js +++ /dev/null @@ -1,600 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#E8E9EA", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#BCBDBF", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#98999B", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#FFFFFF", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#BCBDBF", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#E8E9EA", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#101012", - 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: "#98999B", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#BCBDBF", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#6597CE", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#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: "#101012", - 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: "#1A1D21", - 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: "#1A1D21", - 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: "#1A1D21", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#1A1D21", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#E8E9EA", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#FFFFFF", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#FFFFFF", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#22272B", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#2D3238", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#515357", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#0C291E", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#515357", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#98999B", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#BCBDBF", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#42AD86", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#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: "#42AD86", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#86D6B9", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#0F3326", - 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: "#13402F", - 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: "#256E53", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#288563", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#42AD86", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#6597CE", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#96BDE7", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#D1E8FF", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#4577AD", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#285685", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#142C45", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#102337", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#142C45", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#285685", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#0C1B29", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#4577AD", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#285685", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#142C45", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#CF7945", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#E7AA84", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#FFE3D1", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#AD6234", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#CF7945", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#E7AA84", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#361D0E", - 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: "#4A2915", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#8A4E29", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#29170C", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#8A4E29", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#AD6234", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#CF7945", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#C74C6B", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#EA8AA3", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#FFD1DD", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#B23655", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#C74C6B", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#EA8AA3", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#34101A", - 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: "#451522", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#8F2843", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#290F16", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#8F2843", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#B23655", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#C74C6B", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#865C99", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#B990CC", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#F0D1FF", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#693B80", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#865C99", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#B990CC", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#291433", - 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: "#33193F", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#542F66", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#200F29", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#542F66", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#693B80", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#865C99", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#98999B", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#22272B", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#515357", - description: "Used as the border for disabled components" - },nakedContent:{ - name: "disabled.nakedContent", - hex: "#22272B", - - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#2D3238", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#98999B", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#1B2228", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#2D3238", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#FFFFFF", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#BCBDBF", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#B23655", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#BCBDBF", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#4577AD", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#B23655", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#98999B", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#FFFFFF", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#2D3238", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#8F2843", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#515357", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#98999B", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#BCBDBF", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#285685", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#515357", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#515357", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#E8E9EA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E8E9EA", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2D3238", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#E8E9EA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#000000", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#86D6B9", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#0F3326", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#13402F", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#256E53", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#D6BA87", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#33260F", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#402F13", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#6E5225", - - }},}; \ 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 6d3d58b2..00000000 --- a/dist/documentation/themes/emerson.d.ts +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js deleted file mode 100644 index 4e8a223e..00000000 --- a/dist/documentation/themes/emerson.js +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#36485C", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#475A70", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#596D84", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#FFFFFF", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#FFFFFF", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#FFFFFF", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#36485C", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#2E3A47", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#212933", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FCFEFF", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#2E3A47", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as buttons" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as buttons" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#C8D3E0", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#000000", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#275E43", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#EBF2EF", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#D1E0D9", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#B6CFC2", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#5E4D27", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#F6F1E5", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#E4D9C2", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts deleted file mode 100644 index 6d3d58b2..00000000 --- a/dist/documentation/themes/light.d.ts +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js deleted file mode 100644 index 39e72531..00000000 --- a/dist/documentation/themes/light.js +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#36485C", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#475A70", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#FFFFFF", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#FFFFFF", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#FFFFFF", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#36485C", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#2E3A47", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#212933", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FCFEFF", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for primary components" - },borderHover:{ - name: "primary.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for primary components" - },borderActive:{ - name: "primary.borderActive", - hex: "#2E3A47", - description: "Used for the pressed border colour for primary components" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#C8D3E0", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#36485C", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#275E43", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#EBF2EF", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#D1E0D9", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#B6CFC2", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#5E4D27", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#F6F1E5", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#E4D9C2", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts deleted file mode 100644 index 6d3d58b2..00000000 --- a/dist/documentation/themes/lightDS3.d.ts +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js deleted file mode 100644 index 43415a6e..00000000 --- a/dist/documentation/themes/lightDS3.js +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#36485C", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#475A70", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#596D84", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#F5F7FA", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#307553", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#307553", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#275E43", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#244C38", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#307553", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#E6EDF5", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#36485C", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#275E43", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#EBF2EF", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#D1E0D9", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#B6CFC2", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#5E4D27", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#F6F1E5", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#E4D9C2", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts deleted file mode 100644 index 05da7d25..00000000 --- a/dist/helpers/colorProfileMapper.d.ts +++ /dev/null @@ -1,109 +0,0 @@ -import type { AviaryTheme } from "../types/themes"; -export declare const colorProfileMapper: (currentTheme: AviaryTheme) => { - primary: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - info: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - warning: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - danger: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - highlight: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - system: { - textLabelEmphasis: string; - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - borderFocused: string; - }; - success: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; -}; -//# sourceMappingURL=colorProfileMapper.d.ts.map \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map deleted file mode 100644 index 3c1e9e83..00000000 --- a/dist/helpers/colorProfileMapper.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js deleted file mode 100644 index e5da22d5..00000000 --- a/dist/helpers/colorProfileMapper.js +++ /dev/null @@ -1,21 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.colorProfileMapper = void 0; - -// Used for mapping over selected `isColor` properties -var colorProfileMapper = function colorProfileMapper(currentTheme) { - return { - primary: currentTheme.primary, - info: currentTheme.info, - warning: currentTheme.warning, - danger: currentTheme.danger, - highlight: currentTheme.highlight, - system: currentTheme.system, - success: currentTheme.success - }; -}; - -exports.colorProfileMapper = colorProfileMapper; \ No newline at end of file diff --git a/dist/helpers/index.d.ts b/dist/helpers/index.d.ts deleted file mode 100644 index 7a4a22d6..00000000 --- a/dist/helpers/index.d.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from "./colorProfileMapper"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/helpers/index.d.ts.map b/dist/helpers/index.d.ts.map deleted file mode 100644 index 94ae4bb1..00000000 --- a/dist/helpers/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"} \ No newline at end of file diff --git a/dist/helpers/index.js b/dist/helpers/index.js deleted file mode 100644 index 155de21a..00000000 --- a/dist/helpers/index.js +++ /dev/null @@ -1,24 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _colorProfileMapper = require("./colorProfileMapper"); - -Object.keys(_colorProfileMapper).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _colorProfileMapper[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _colorProfileMapper[key]; - } - }); -}); \ No newline at end of file diff --git a/dist/index.d.ts b/dist/index.d.ts deleted file mode 100644 index dcd56928..00000000 --- a/dist/index.d.ts +++ /dev/null @@ -1,9 +0,0 @@ -export * from "./helpers"; -export * from "./types"; -export * as borders from "../dist/tokens/ts/borders"; -export * as typography from "../dist/tokens/ts/typography"; -export * as lightThemeDocumentation from "../dist/documentation/themes/light"; -export * as darkThemeDocumentation from "../dist/documentation/themes/dark"; -export * as coreDarkDocumentation from "../dist/documentation/core-dark-colors"; -export * as coreLightDocumentation from "../dist/documentation/core-light-colors"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map deleted file mode 100644 index 666537dc..00000000 --- a/dist/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,uBAAuB,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,sBAAsB,MAAM,mCAAmC,CAAC;AAG5E,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAChF,OAAO,KAAK,sBAAsB,MAAM,yCAAyC,CAAC"} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js deleted file mode 100644 index b653d350..00000000 --- a/dist/index.js +++ /dev/null @@ -1,94 +0,0 @@ -"use strict"; - -function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } - -require("core-js/modules/es.array.iterator.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.string.iterator.js"); - -require("core-js/modules/es.weak-map.js"); - -require("core-js/modules/web.dom-collections.iterator.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.symbol.description.js"); - -require("core-js/modules/es.symbol.iterator.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -var _exportNames = { - borders: true, - typography: true, - lightThemeDocumentation: true, - darkThemeDocumentation: true, - coreDarkDocumentation: true, - coreLightDocumentation: true -}; -exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = exports.borders = void 0; - -var _helpers = require("./helpers"); - -Object.keys(_helpers).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; - if (key in exports && exports[key] === _helpers[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _helpers[key]; - } - }); -}); - -var _types = require("./types"); - -Object.keys(_types).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; - if (key in exports && exports[key] === _types[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _types[key]; - } - }); -}); - -var _borders = _interopRequireWildcard(require("../dist/tokens/ts/borders")); - -exports.borders = _borders; - -var _typography = _interopRequireWildcard(require("../dist/tokens/ts/typography")); - -exports.typography = _typography; - -var _lightThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/light")); - -exports.lightThemeDocumentation = _lightThemeDocumentation; - -var _darkThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/dark")); - -exports.darkThemeDocumentation = _darkThemeDocumentation; - -var _coreDarkDocumentation = _interopRequireWildcard(require("../dist/documentation/core-dark-colors")); - -exports.coreDarkDocumentation = _coreDarkDocumentation; - -var _coreLightDocumentation = _interopRequireWildcard(require("../dist/documentation/core-light-colors")); - -exports.coreLightDocumentation = _coreLightDocumentation; - -function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } - -function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts deleted file mode 100644 index d4e2c11c..00000000 --- a/dist/tokens/native/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 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 0a380bab..00000000 --- a/dist/tokens/native/borders.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 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 af007d47..00000000 --- a/dist/tokens/native/core-dark-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const brown : {200 : string,300 : string,400 : string,700 : 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 e1503111..00000000 --- a/dist/tokens/native/core-dark-colors.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, -blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, -red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, -orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, -grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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 026a60f2..00000000 --- a/dist/tokens/native/core-light-colors.d.ts +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 88caae1f..00000000 --- a/dist/tokens/native/core-light-colors.js +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, -blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, -red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, -purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, -orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, -grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, -brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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 2cc01157..00000000 --- a/dist/tokens/native/themes/dark.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 8941413e..00000000 --- a/dist/tokens/native/themes/dark.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {theme: "dark", -text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, -surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, -primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, -success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, -info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, -warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, -danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, -highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, -disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, -input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, -separator : {base : "#515357"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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 0722660f..00000000 --- a/dist/tokens/native/themes/emerson.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 4df84f5b..00000000 --- a/dist/tokens/native/themes/emerson.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {theme: "emerson", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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 0722660f..00000000 --- a/dist/tokens/native/themes/light.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 5ac8904f..00000000 --- a/dist/tokens/native/themes/light.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {theme: "light", -text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 0722660f..00000000 --- a/dist/tokens/native/themes/lightDS3.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 a98a5c5d..00000000 --- a/dist/tokens/native/themes/lightDS3.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {theme: "lightDS3", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 8b9af2b0..00000000 --- a/dist/tokens/native/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const letterSpacingBase : number; -export const paragraphSpacingBase : number; -export const textDecorationBase : string; -export const textCaseBase : string; -export const size3xlarge : number; -export const size2xlarge : number; -export const sizeXlarge : number; -export const sizeLarge : number; -export const sizeNormal : number; -export const sizeSmall : number; -export const sizeXsmall : number; -export const sizeMobile3xlarge : number; -export const sizeMobile2xlarge : number; -export const sizeMobileXlarge : number; -export const lineHeightXlarge : number; -export const lineHeightLarge : number; -export const lineHeightNormal : number; -export const lineHeightSmall : number; -export const fontFamilySansSerif : string; -export const weightSemiBold : string; -export const weightBase : string; -export const weightLight : string; -export const weightStrong : string; -export const weightBold : string; -export const h1FontFamily : string; -export const h1FontWeight : string; -export const h1LineHeight : number; -export const h1FontSize : number; -export const h1LetterSpacing : number; -export const h1ParagraphSpacing : number; -export const h1TextDecoration : string; -export const h1TextCase : string; -export const h2FontFamily : string; -export const h2FontWeight : string; -export const h2LineHeight : number; -export const h2FontSize : number; -export const h2LetterSpacing : number; -export const h2ParagraphSpacing : number; -export const h2TextDecoration : string; -export const h2TextCase : string; -export const h3FontFamily : string; -export const h3FontWeight : string; -export const h3LineHeight : number; -export const h3FontSize : number; -export const h3LetterSpacing : number; -export const h3ParagraphSpacing : number; -export const h3TextDecoration : string; -export const h3TextCase : string; -export const h4FontFamily : string; -export const h4FontWeight : string; -export const h4LineHeight : number; -export const h4FontSize : number; -export const h4LetterSpacing : number; -export const h4ParagraphSpacing : number; -export const h4TextDecoration : string; -export const h4TextCase : string; -export const h5FontFamily : string; -export const h5FontWeight : string; -export const h5LineHeight : number; -export const h5FontSize : number; -export const h5LetterSpacing : number; -export const h5ParagraphSpacing : number; -export const h5TextDecoration : string; -export const h5TextCase : string; -export const bodyFontFamily : string; -export const bodyFontWeight : string; -export const bodyLineHeight : number; -export const bodyFontSize : number; -export const bodyLetterSpacing : number; -export const bodyParagraphSpacing : number; -export const bodyTextDecoration : string; -export const bodyTextCase : string; -export const footnoteFontFamily : string; -export const footnoteFontWeight : string; -export const footnoteLineHeight : number; -export const footnoteFontSize : number; -export const footnoteLetterSpacing : number; -export const footnoteParagraphSpacing : number; -export const footnoteTextDecoration : string; -export const footnoteTextCase : string; -export const captionFontFamily : string; -export const captionFontWeight : string; -export const captionLineHeight : number; -export const captionFontSize : number; -export const captionLetterSpacing : number; -export const captionParagraphSpacing : number; -export const captionTextDecoration : string; -export const captionTextCase : string; -export const mobileH1FontFamily : string; -export const mobileH1FontWeight : string; -export const mobileH1LineHeight : number; -export const mobileH1FontSize : number; -export const mobileH1LetterSpacing : number; -export const mobileH1ParagraphSpacing : number; -export const mobileH1TextDecoration : string; -export const mobileH1TextCase : string; -export const mobileH2FontFamily : string; -export const mobileH2FontWeight : string; -export const mobileH2LineHeight : number; -export const mobileH2FontSize : number; -export const mobileH2LetterSpacing : number; -export const mobileH2ParagraphSpacing : number; -export const mobileH2TextDecoration : string; -export const mobileH2TextCase : string; -export const mobileH3FontFamily : string; -export const mobileH3FontWeight : string; -export const mobileH3LineHeight : number; -export const mobileH3FontSize : number; -export const mobileH3LetterSpacing : number; -export const mobileH3ParagraphSpacing : number; -export const mobileH3TextDecoration : string; -export const mobileH3TextCase : string; \ No newline at end of file diff --git a/dist/tokens/native/typography.js b/dist/tokens/native/typography.js deleted file mode 100644 index 49bc8043..00000000 --- a/dist/tokens/native/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = { - "letterSpacingBase": 0, - "paragraphSpacingBase": 0, - "textDecorationBase": "none", - "textCaseBase": "none", - "size3xlarge": 40, - "size2xlarge": 32, - "sizeXlarge": 24, - "sizeLarge": 20, - "sizeNormal": 16, - "sizeSmall": 14, - "sizeXsmall": 12, - "sizeMobile3xlarge": 32, - "sizeMobile2xlarge": 28, - "sizeMobileXlarge": 22, - "lineHeightXlarge": 40, - "lineHeightLarge": 32, - "lineHeightNormal": 24, - "lineHeightSmall": 16, - "fontFamilySansSerif": "Mulish", - "weightSemiBold": "700", - "weightBase": "500", - "weightLight": "400", - "weightStrong": "600", - "weightBold": "900", - "h1FontFamily": "Mulish", - "h1FontWeight": "700", - "h1LineHeight": 40, - "h1FontSize": 40, - "h1LetterSpacing": 0, - "h1ParagraphSpacing": 0, - "h1TextDecoration": "none", - "h1TextCase": "none", - "h2FontFamily": "Mulish", - "h2FontWeight": "700", - "h2LineHeight": 40, - "h2FontSize": 32, - "h2LetterSpacing": 0, - "h2ParagraphSpacing": 0, - "h2TextDecoration": "none", - "h2TextCase": "none", - "h3FontFamily": "Mulish", - "h3FontWeight": "700", - "h3LineHeight": 32, - "h3FontSize": 24, - "h3LetterSpacing": 0, - "h3ParagraphSpacing": 0, - "h3TextDecoration": "none", - "h3TextCase": "none", - "h4FontFamily": "Mulish", - "h4FontWeight": "700", - "h4LineHeight": 24, - "h4FontSize": 20, - "h4LetterSpacing": 0, - "h4ParagraphSpacing": 0, - "h4TextDecoration": "none", - "h4TextCase": "none", - "h5FontFamily": "Mulish", - "h5FontWeight": "700", - "h5LineHeight": 24, - "h5FontSize": 16, - "h5LetterSpacing": 0, - "h5ParagraphSpacing": 0, - "h5TextDecoration": "none", - "h5TextCase": "none", - "bodyFontFamily": "Mulish", - "bodyFontWeight": "500", - "bodyLineHeight": 24, - "bodyFontSize": 16, - "bodyLetterSpacing": 0, - "bodyParagraphSpacing": 0, - "bodyTextDecoration": "none", - "bodyTextCase": "none", - "footnoteFontFamily": "Mulish", - "footnoteFontWeight": "500", - "footnoteLineHeight": 16, - "footnoteFontSize": 14, - "footnoteLetterSpacing": 0, - "footnoteParagraphSpacing": 0, - "footnoteTextDecoration": "none", - "footnoteTextCase": "none", - "captionFontFamily": "Mulish", - "captionFontWeight": "500", - "captionLineHeight": 16, - "captionFontSize": 12, - "captionLetterSpacing": 0, - "captionParagraphSpacing": 0, - "captionTextDecoration": "none", - "captionTextCase": "none", - "mobileH1FontFamily": "Mulish", - "mobileH1FontWeight": "700", - "mobileH1LineHeight": 40, - "mobileH1FontSize": 32, - "mobileH1LetterSpacing": 0, - "mobileH1ParagraphSpacing": 0, - "mobileH1TextDecoration": "none", - "mobileH1TextCase": "none", - "mobileH2FontFamily": "Mulish", - "mobileH2FontWeight": "700", - "mobileH2LineHeight": 32, - "mobileH2FontSize": 28, - "mobileH2LetterSpacing": 0, - "mobileH2ParagraphSpacing": 0, - "mobileH2TextDecoration": "none", - "mobileH2TextCase": "none", - "mobileH3FontFamily": "Mulish", - "mobileH3FontWeight": "700", - "mobileH3LineHeight": 32, - "mobileH3FontSize": 22, - "mobileH3LetterSpacing": 0, - "mobileH3ParagraphSpacing": 0, - "mobileH3TextDecoration": "none", - "mobileH3TextCase": "none" -}; \ No newline at end of file diff --git a/dist/tokens/scss/borders.scss b/dist/tokens/scss/borders.scss deleted file mode 100644 index d4c43262..00000000 --- a/dist/tokens/scss/borders.scss +++ /dev/null @@ -1,9 +0,0 @@ - -// Do not edit directly -// Generated on Thu, 05 Oct 2023 15:46:14 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 283e4fe9..00000000 --- a/dist/tokens/scss/core-dark-colors.scss +++ /dev/null @@ -1,59 +0,0 @@ - -// Do not edit directly -// Generated on Thu, 05 Oct 2023 15:46:14 GMT - -$green100: #0C291E; -$green200: #0F3326; -$green300: #13402F; -$green400: #256E53; -$green500: #288563; -$green600: #42AD86; -$green700: #86D6B9; -$green800: #DBFFF1; -$blue100: #0C1B29; -$blue200: #102337; -$blue300: #142C45; -$blue400: #285685; -$blue500: #4577AD; -$blue600: #6597CE; -$blue700: #96BDE7; -$blue800: #D1E8FF; -$red100: #290F16; -$red200: #34101A; -$red300: #451522; -$red400: #8F2843; -$red500: #B23655; -$red600: #C74C6B; -$red700: #EA8AA3; -$red800: #FFD1DD; -$purple100: #200F29; -$purple200: #291433; -$purple300: #33193F; -$purple400: #542F66; -$purple500: #693B80; -$purple600: #865C99; -$purple700: #B990CC; -$purple800: #F0D1FF; -$orange100: #29170C; -$orange200: #361D0E; -$orange300: #4A2915; -$orange400: #8A4E29; -$orange500: #AD6234; -$orange600: #CF7945; -$orange700: #E7AA84; -$orange800: #FFE3D1; -$grey100: #101012; -$grey200: #1A1D21; -$grey300: #22272B; -$grey400: #2D3238; -$grey500: #515357; -$grey600: #98999B; -$grey700: #BCBDBF; -$grey800: #E8E9EA; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; -$brown200: #33260F; -$brown300: #402F13; -$brown400: #6E5225; -$brown700: #D6BA87; \ 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 2d1a36f1..00000000 --- a/dist/tokens/scss/core-light-colors.scss +++ /dev/null @@ -1,68 +0,0 @@ - -// Do not edit directly -// Generated on Thu, 05 Oct 2023 15:46:14 GMT - -$green100: #FAFFFC; -$green200: #EBF2EF; -$green300: #D1E0D9; -$green400: #B6CFC2; -$green500: #86B09B; -$green600: #307553; -$green700: #275E43; -$green800: #244C38; -$blue100: #F5FAFF; -$blue200: #E6F1FC; -$blue300: #C0D8F0; -$blue400: #88B1D9; -$blue500: #5D96CF; -$blue600: #3971A8; -$blue700: #21588F; -$blue800: #194673; -$red100: #FFF7F9; -$red200: #FEEEF2; -$red300: #F0C4CD; -$red400: #E296A6; -$red500: #C6516A; -$red600: #AF2645; -$red700: #980B29; -$red800: #800D25; -$purple100: #FCFAFF; -$purple200: #F2ECFE; -$purple300: #D7CEE9; -$purple400: #B9ABD5; -$purple500: #8471AB; -$purple600: #533E7D; -$purple700: #3B2566; -$purple800: #2A174F; -$orange100: #FFFAF5; -$orange200: #FFF3E8; -$orange300: #F3D8C0; -$orange400: #E7B88F; -$orange500: #CF8545; -$orange600: #B4631D; -$orange700: #8E4D14; -$orange800: #784213; -$grey100: #FCFEFF; -$grey200: #F5F7FA; -$grey300: #E6EDF5; -$grey400: #C8D3E0; -$grey500: #596D84; -$grey600: #475A70; -$grey700: #36485C; -$grey800: #2E3A47; -$grey900: #212933; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; -$yellow100: #faf8f2; -$yellow200: #fcf3dd; -$yellow300: #fce7b1; -$yellow400: #fcd97e; -$yellow500: #fccb4c; -$yellow600: #ffc121; -$yellow700: #f7b200; -$yellow800: #e5a500; -$brown200: #F6F1E5; -$brown300: #E4D9C2; -$brown400: #DACCAA; -$brown700: #5E4D27; \ 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 f9dbac2c..00000000 --- a/dist/tokens/scss/themes/dark.scss +++ /dev/null @@ -1,149 +0,0 @@ - -// Do not edit directly -// Generated on Thu, 05 Oct 2023 15:46:14 GMT - -$textEmphasis: #E8E9EA; -$textBody: #BCBDBF; -$textSubdued: #98999B; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #FFFFFF; -$systemTextBase: #BCBDBF; -$systemTextHover: #E8E9EA; -$systemTextActive: #FFFFFF; -$systemBackgroundBase: #101012; -$systemBackgroundMuted: #22272B; -$systemBackgroundMutedHover: #2D3238; -$systemBackgroundMutedActive: #515357; -$systemBackgroundBox: #1A1D21; -$systemBorderBase: #515357; -$systemBorderHover: #98999B; -$systemBorderActive: #BCBDBF; -$systemBorderFocused: #6597CE; -$surfaceLevel0: #101012; -$surfaceLevel1: #101012; -$surfaceLevel2: #22272B; -$surfaceInteractiveBackground: #1A1D21; -$surfaceInteractiveHover: #22272B; -$surfaceInteractiveActive: #2D3238; -$surfaceOverlayDark: #22272B; -$surfaceOverlayTheme: #1A1D21; -$surfaceOverlayBackdrop: #1A1D21; -$primaryTextBase: #1A1D21; -$primaryTextHover: #1A1D21; -$primaryTextActive: #1A1D21; -$primaryBackgroundBase: #E8E9EA; -$primaryBackgroundHover: #FFFFFF; -$primaryBackgroundActive: #FFFFFF; -$primaryBackgroundMuted: #22272B; -$primaryBackgroundMutedHover: #2D3238; -$primaryBackgroundMutedActive: #515357; -$primaryBackgroundBox: #0C291E; -$primaryBorderBase: #515357; -$primaryBorderHover: #98999B; -$primaryBorderActive: #BCBDBF; -$successTextBase: #42AD86; -$successTextHover: #86D6B9; -$successTextActive: #DBFFF1; -$successBackgroundBase: #288563; -$successBackgroundHover: #42AD86; -$successBackgroundActive: #86D6B9; -$successBackgroundMuted: #0F3326; -$successBackgroundMutedHover: #13402F; -$successBackgroundMutedActive: #256E53; -$successBackgroundBox: #0C291E; -$successBorderBase: #256E53; -$successBorderHover: #288563; -$successBorderActive: #42AD86; -$infoTextBase: #6597CE; -$infoTextHover: #96BDE7; -$infoTextActive: #D1E8FF; -$infoBackgroundBase: #4577AD; -$infoBackgroundHover: #285685; -$infoBackgroundActive: #142C45; -$infoBackgroundMuted: #102337; -$infoBackgroundMutedHover: #142C45; -$infoBackgroundMutedActive: #285685; -$infoBackgroundBox: #0C1B29; -$infoBorderBase: #4577AD; -$infoBorderHover: #285685; -$infoBorderActive: #142C45; -$warningTextBase: #CF7945; -$warningTextHover: #E7AA84; -$warningTextActive: #FFE3D1; -$warningBackgroundBase: #AD6234; -$warningBackgroundHover: #CF7945; -$warningBackgroundActive: #E7AA84; -$warningBackgroundMuted: #361D0E; -$warningBackgroundMutedHover: #4A2915; -$warningBackgroundMutedActive: #8A4E29; -$warningBackgroundBox: #29170C; -$warningBorderBase: #8A4E29; -$warningBorderHover: #AD6234; -$warningBorderActive: #CF7945; -$dangerTextBase: #C74C6B; -$dangerTextHover: #EA8AA3; -$dangerTextActive: #FFD1DD; -$dangerBackgroundBase: #B23655; -$dangerBackgroundHover: #C74C6B; -$dangerBackgroundActive: #EA8AA3; -$dangerBackgroundMuted: #34101A; -$dangerBackgroundMutedHover: #451522; -$dangerBackgroundMutedActive: #8F2843; -$dangerBackgroundBox: #290F16; -$dangerBorderBase: #8F2843; -$dangerBorderHover: #B23655; -$dangerBorderActive: #C74C6B; -$highlightTextBase: #865C99; -$highlightTextHover: #B990CC; -$highlightTextActive: #F0D1FF; -$highlightBackgroundBase: #693B80; -$highlightBackgroundHover: #865C99; -$highlightBackgroundActive: #B990CC; -$highlightBackgroundMuted: #291433; -$highlightBackgroundMutedHover: #33193F; -$highlightBackgroundMutedActive: #542F66; -$highlightBackgroundBox: #200F29; -$highlightBorderBase: #542F66; -$highlightBorderHover: #693B80; -$highlightBorderActive: #865C99; -$disabledText: #98999B; -$disabledBackground: #22272B; -$disabledNakedBackground: transparent; -$disabledBorder: #515357; -$disabledNakedContent: #22272B; -$disabledInputBackground: #2D3238; -$disabledInputLabelText: #98999B; -$inputBackgroundBase: #1B2228; -$inputBackgroundHover: #2D3238; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #FFFFFF; -$inputTextInformation: #BCBDBF; -$inputTextInformationError: #B23655; -$inputTextLabel: #BCBDBF; -$inputTextFloatingLabel: #4577AD; -$inputTextFloatingLabelError: #B23655; -$inputTextPlaceholder: #98999B; -$inputTextActive: #FFFFFF; -$inputBorderBase: #2D3238; -$inputBorderError: #8F2843; -$inputBorderHover: #515357; -$inputBorderEmphasized: #98999B; -$inputBorderEmphasizedHover: #BCBDBF; -$inputBorderActive: #285685; -$separatorBase: #515357; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #515357; -$lightBackgroundHover: #E8E9EA; -$lightBackgroundActive: #E8E9EA; -$lightTextBase: #2D3238; -$lightLinkMutedBase: #E8E9EA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #000000; -$accentForestTextBase: #86D6B9; -$accentForestBackgroundMuted: #0F3326; -$accentForestBackgroundMutedHover: #13402F; -$accentForestBackgroundMutedActive: #256E53; -$accentSandTextBase: #D6BA87; -$accentSandBackgroundMuted: #33260F; -$accentSandBackgroundMutedHover: #402F13; -$accentSandBackgroundMutedActive: #6E5225; \ 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 55053dbf..00000000 --- a/dist/tokens/scss/themes/emerson.scss +++ /dev/null @@ -1,148 +0,0 @@ - -// Do not edit directly -// Generated on Thu, 05 Oct 2023 15:46:14 GMT - -$textEmphasis: #36485C; -$textBody: #475A70; -$textSubdued: #596D84; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #FFFFFF; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #FFFFFF; -$primaryTextHover: #FFFFFF; -$primaryTextActive: #FFFFFF; -$primaryBackgroundBase: #36485C; -$primaryBackgroundHover: #2E3A47; -$primaryBackgroundActive: #212933; -$primaryBackgroundMuted: #F5F7FA; -$primaryBackgroundMutedHover: #E6EDF5; -$primaryBackgroundMutedActive: #C8D3E0; -$primaryBackgroundBox: #FCFEFF; -$primaryBorderBase: #C8D3E0; -$primaryBorderHover: #596D84; -$primaryBorderActive: #2E3A47; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #C8D3E0; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #000000; -$accentForestTextBase: #275E43; -$accentForestBackgroundMuted: #EBF2EF; -$accentForestBackgroundMutedHover: #D1E0D9; -$accentForestBackgroundMutedActive: #B6CFC2; -$accentSandTextBase: #5E4D27; -$accentSandBackgroundMuted: #F6F1E5; -$accentSandBackgroundMutedHover: #E4D9C2; -$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss deleted file mode 100644 index e239f576..00000000 --- a/dist/tokens/scss/themes/light.scss +++ /dev/null @@ -1,148 +0,0 @@ - -// Do not edit directly -// Generated on Thu, 05 Oct 2023 15:46:14 GMT - -$textEmphasis: #2E3A47; -$textBody: #36485C; -$textSubdued: #475A70; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #FFFFFF; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #FFFFFF; -$primaryTextHover: #FFFFFF; -$primaryTextActive: #FFFFFF; -$primaryBackgroundBase: #36485C; -$primaryBackgroundHover: #2E3A47; -$primaryBackgroundActive: #212933; -$primaryBackgroundMuted: #F5F7FA; -$primaryBackgroundMutedHover: #E6EDF5; -$primaryBackgroundMutedActive: #C8D3E0; -$primaryBackgroundBox: #FCFEFF; -$primaryBorderBase: #C8D3E0; -$primaryBorderHover: #596D84; -$primaryBorderActive: #2E3A47; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #C8D3E0; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #36485C; -$accentForestTextBase: #275E43; -$accentForestBackgroundMuted: #EBF2EF; -$accentForestBackgroundMutedHover: #D1E0D9; -$accentForestBackgroundMutedActive: #B6CFC2; -$accentSandTextBase: #5E4D27; -$accentSandBackgroundMuted: #F6F1E5; -$accentSandBackgroundMutedHover: #E4D9C2; -$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss deleted file mode 100644 index 87c9f0e3..00000000 --- a/dist/tokens/scss/themes/lightDS3.scss +++ /dev/null @@ -1,148 +0,0 @@ - -// Do not edit directly -// Generated on Thu, 05 Oct 2023 15:46:14 GMT - -$textEmphasis: #36485C; -$textBody: #475A70; -$textSubdued: #596D84; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #F5F7FA; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #307553; -$primaryTextHover: #275E43; -$primaryTextActive: #244C38; -$primaryBackgroundBase: #307553; -$primaryBackgroundHover: #275E43; -$primaryBackgroundActive: #244C38; -$primaryBackgroundMuted: #EBF2EF; -$primaryBackgroundMutedHover: #D1E0D9; -$primaryBackgroundMutedActive: #B6CFC2; -$primaryBackgroundBox: #FAFFFC; -$primaryBorderBase: #307553; -$primaryBorderHover: #275E43; -$primaryBorderActive: #244C38; -$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; -$accentForestTextBase: #275E43; -$accentForestBackgroundMuted: #EBF2EF; -$accentForestBackgroundMutedHover: #D1E0D9; -$accentForestBackgroundMutedActive: #B6CFC2; -$accentSandTextBase: #5E4D27; -$accentSandBackgroundMuted: #F6F1E5; -$accentSandBackgroundMutedHover: #E4D9C2; -$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss deleted file mode 100644 index cda73b8d..00000000 --- a/dist/tokens/scss/typography.scss +++ /dev/null @@ -1,116 +0,0 @@ - -// Do not edit directly -// Generated on Thu, 05 Oct 2023 15:46:14 GMT - -$letterSpacingBase: 0; -$paragraphSpacingBase: 0; -$textDecorationBase: none; -$textCaseBase: none; -$size3xlarge: 40px; -$size2xlarge: 32px; -$sizeXlarge: 24px; -$sizeLarge: 20px; -$sizeNormal: 16px; -$sizeSmall: 14px; -$sizeXsmall: 12px; -$sizeMobile3xlarge: 32px; -$sizeMobile2xlarge: 28px; -$sizeMobileXlarge: 22px; -$lineHeightXlarge: 40px; -$lineHeightLarge: 32px; -$lineHeightNormal: 24px; -$lineHeightSmall: 16px; -$fontFamilySansSerif: Mulish; -$weightSemiBold: 700; -$weightBase: 500; -$weightLight: 400; -$weightStrong: 600; -$weightBold: 900; -$h1FontFamily: Mulish; -$h1FontWeight: 700; -$h1LineHeight: 40px; -$h1FontSize: 40px; -$h1LetterSpacing: 0; -$h1ParagraphSpacing: 0; -$h1TextDecoration: none; -$h1TextCase: none; -$h2FontFamily: Mulish; -$h2FontWeight: 700; -$h2LineHeight: 40px; -$h2FontSize: 32px; -$h2LetterSpacing: 0; -$h2ParagraphSpacing: 0; -$h2TextDecoration: none; -$h2TextCase: none; -$h3FontFamily: Mulish; -$h3FontWeight: 700; -$h3LineHeight: 32px; -$h3FontSize: 24px; -$h3LetterSpacing: 0; -$h3ParagraphSpacing: 0; -$h3TextDecoration: none; -$h3TextCase: none; -$h4FontFamily: Mulish; -$h4FontWeight: 700; -$h4LineHeight: 24px; -$h4FontSize: 20px; -$h4LetterSpacing: 0; -$h4ParagraphSpacing: 0; -$h4TextDecoration: none; -$h4TextCase: none; -$h5FontFamily: Mulish; -$h5FontWeight: 700; -$h5LineHeight: 24px; -$h5FontSize: 16px; -$h5LetterSpacing: 0; -$h5ParagraphSpacing: 0; -$h5TextDecoration: none; -$h5TextCase: none; -$bodyFontFamily: Mulish; -$bodyFontWeight: 500; -$bodyLineHeight: 24px; -$bodyFontSize: 16px; -$bodyLetterSpacing: 0; -$bodyParagraphSpacing: 0; -$bodyTextDecoration: none; -$bodyTextCase: none; -$footnoteFontFamily: Mulish; -$footnoteFontWeight: 500; -$footnoteLineHeight: 16px; -$footnoteFontSize: 14px; -$footnoteLetterSpacing: 0; -$footnoteParagraphSpacing: 0; -$footnoteTextDecoration: none; -$footnoteTextCase: none; -$captionFontFamily: Mulish; -$captionFontWeight: 500; -$captionLineHeight: 16px; -$captionFontSize: 12px; -$captionLetterSpacing: 0; -$captionParagraphSpacing: 0; -$captionTextDecoration: none; -$captionTextCase: none; -$mobileH1FontFamily: Mulish; -$mobileH1FontWeight: 700; -$mobileH1LineHeight: 40px; -$mobileH1FontSize: 32px; -$mobileH1LetterSpacing: 0; -$mobileH1ParagraphSpacing: 0; -$mobileH1TextDecoration: none; -$mobileH1TextCase: none; -$mobileH2FontFamily: Mulish; -$mobileH2FontWeight: 700; -$mobileH2LineHeight: 32px; -$mobileH2FontSize: 28px; -$mobileH2LetterSpacing: 0; -$mobileH2ParagraphSpacing: 0; -$mobileH2TextDecoration: none; -$mobileH2TextCase: none; -$mobileH3FontFamily: Mulish; -$mobileH3FontWeight: 700; -$mobileH3LineHeight: 32px; -$mobileH3FontSize: 22px; -$mobileH3LetterSpacing: 0; -$mobileH3ParagraphSpacing: 0; -$mobileH3TextDecoration: none; -$mobileH3TextCase: none; \ No newline at end of file diff --git a/dist/tokens/ts/borders.d.ts b/dist/tokens/ts/borders.d.ts deleted file mode 100644 index 10e56ee3..00000000 --- a/dist/tokens/ts/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 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 93d5caee..00000000 --- a/dist/tokens/ts/borders.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 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 af007d47..00000000 --- a/dist/tokens/ts/core-dark-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const brown : {200 : string,300 : string,400 : string,700 : 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 e1503111..00000000 --- a/dist/tokens/ts/core-dark-colors.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, -blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, -red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, -orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, -grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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 026a60f2..00000000 --- a/dist/tokens/ts/core-light-colors.d.ts +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 88caae1f..00000000 --- a/dist/tokens/ts/core-light-colors.js +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, -blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, -red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, -purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, -orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, -grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, -brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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 2cc01157..00000000 --- a/dist/tokens/ts/themes/dark.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 8941413e..00000000 --- a/dist/tokens/ts/themes/dark.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {theme: "dark", -text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, -surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, -primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, -success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, -info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, -warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, -danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, -highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, -disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, -input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, -separator : {base : "#515357"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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 0722660f..00000000 --- a/dist/tokens/ts/themes/emerson.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 4df84f5b..00000000 --- a/dist/tokens/ts/themes/emerson.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {theme: "emerson", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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 0722660f..00000000 --- a/dist/tokens/ts/themes/light.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 5ac8904f..00000000 --- a/dist/tokens/ts/themes/light.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {theme: "light", -text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 0722660f..00000000 --- a/dist/tokens/ts/themes/lightDS3.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 a98a5c5d..00000000 --- a/dist/tokens/ts/themes/lightDS3.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = {theme: "lightDS3", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 fc470fe2..00000000 --- a/dist/tokens/ts/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -export const letterSpacingBase : number; -export const paragraphSpacingBase : number; -export const textDecorationBase : string; -export const textCaseBase : string; -export const size3xlarge : string; -export const size2xlarge : string; -export const sizeXlarge : string; -export const sizeLarge : string; -export const sizeNormal : string; -export const sizeSmall : string; -export const sizeXsmall : string; -export const sizeMobile3xlarge : string; -export const sizeMobile2xlarge : string; -export const sizeMobileXlarge : string; -export const lineHeightXlarge : string; -export const lineHeightLarge : string; -export const lineHeightNormal : string; -export const lineHeightSmall : string; -export const fontFamilySansSerif : string; -export const weightSemiBold : number; -export const weightBase : number; -export const weightLight : number; -export const weightStrong : number; -export const weightBold : number; -export const h1FontFamily : string; -export const h1FontWeight : number; -export const h1LineHeight : string; -export const h1FontSize : string; -export const h1LetterSpacing : number; -export const h1ParagraphSpacing : number; -export const h1TextDecoration : string; -export const h1TextCase : string; -export const h2FontFamily : string; -export const h2FontWeight : number; -export const h2LineHeight : string; -export const h2FontSize : string; -export const h2LetterSpacing : number; -export const h2ParagraphSpacing : number; -export const h2TextDecoration : string; -export const h2TextCase : string; -export const h3FontFamily : string; -export const h3FontWeight : number; -export const h3LineHeight : string; -export const h3FontSize : string; -export const h3LetterSpacing : number; -export const h3ParagraphSpacing : number; -export const h3TextDecoration : string; -export const h3TextCase : string; -export const h4FontFamily : string; -export const h4FontWeight : number; -export const h4LineHeight : string; -export const h4FontSize : string; -export const h4LetterSpacing : number; -export const h4ParagraphSpacing : number; -export const h4TextDecoration : string; -export const h4TextCase : string; -export const h5FontFamily : string; -export const h5FontWeight : number; -export const h5LineHeight : string; -export const h5FontSize : string; -export const h5LetterSpacing : number; -export const h5ParagraphSpacing : number; -export const h5TextDecoration : string; -export const h5TextCase : string; -export const bodyFontFamily : string; -export const bodyFontWeight : number; -export const bodyLineHeight : string; -export const bodyFontSize : string; -export const bodyLetterSpacing : number; -export const bodyParagraphSpacing : number; -export const bodyTextDecoration : string; -export const bodyTextCase : string; -export const footnoteFontFamily : string; -export const footnoteFontWeight : number; -export const footnoteLineHeight : string; -export const footnoteFontSize : string; -export const footnoteLetterSpacing : number; -export const footnoteParagraphSpacing : number; -export const footnoteTextDecoration : string; -export const footnoteTextCase : string; -export const captionFontFamily : string; -export const captionFontWeight : number; -export const captionLineHeight : string; -export const captionFontSize : string; -export const captionLetterSpacing : number; -export const captionParagraphSpacing : number; -export const captionTextDecoration : string; -export const captionTextCase : string; -export const mobileH1FontFamily : string; -export const mobileH1FontWeight : number; -export const mobileH1LineHeight : string; -export const mobileH1FontSize : string; -export const mobileH1LetterSpacing : number; -export const mobileH1ParagraphSpacing : number; -export const mobileH1TextDecoration : string; -export const mobileH1TextCase : string; -export const mobileH2FontFamily : string; -export const mobileH2FontWeight : number; -export const mobileH2LineHeight : string; -export const mobileH2FontSize : string; -export const mobileH2LetterSpacing : number; -export const mobileH2ParagraphSpacing : number; -export const mobileH2TextDecoration : string; -export const mobileH2TextCase : string; -export const mobileH3FontFamily : string; -export const mobileH3FontWeight : number; -export const mobileH3LineHeight : string; -export const mobileH3FontSize : string; -export const mobileH3LetterSpacing : number; -export const mobileH3ParagraphSpacing : number; -export const mobileH3TextDecoration : string; -export const mobileH3TextCase : string; \ No newline at end of file diff --git a/dist/tokens/ts/typography.js b/dist/tokens/ts/typography.js deleted file mode 100644 index cfe6ac01..00000000 --- a/dist/tokens/ts/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Thu, 05 Oct 2023 15:46:14 GMT - */ - -module.exports = { - "letterSpacingBase": 0, - "paragraphSpacingBase": 0, - "textDecorationBase": "none", - "textCaseBase": "none", - "size3xlarge": "40px", - "size2xlarge": "32px", - "sizeXlarge": "24px", - "sizeLarge": "20px", - "sizeNormal": "16px", - "sizeSmall": "14px", - "sizeXsmall": "12px", - "sizeMobile3xlarge": "32px", - "sizeMobile2xlarge": "28px", - "sizeMobileXlarge": "22px", - "lineHeightXlarge": "40px", - "lineHeightLarge": "32px", - "lineHeightNormal": "24px", - "lineHeightSmall": "16px", - "fontFamilySansSerif": "Mulish", - "weightSemiBold": 700, - "weightBase": 500, - "weightLight": 400, - "weightStrong": 600, - "weightBold": 900, - "h1FontFamily": "Mulish", - "h1FontWeight": 700, - "h1LineHeight": "40px", - "h1FontSize": "40px", - "h1LetterSpacing": 0, - "h1ParagraphSpacing": 0, - "h1TextDecoration": "none", - "h1TextCase": "none", - "h2FontFamily": "Mulish", - "h2FontWeight": 700, - "h2LineHeight": "40px", - "h2FontSize": "32px", - "h2LetterSpacing": 0, - "h2ParagraphSpacing": 0, - "h2TextDecoration": "none", - "h2TextCase": "none", - "h3FontFamily": "Mulish", - "h3FontWeight": 700, - "h3LineHeight": "32px", - "h3FontSize": "24px", - "h3LetterSpacing": 0, - "h3ParagraphSpacing": 0, - "h3TextDecoration": "none", - "h3TextCase": "none", - "h4FontFamily": "Mulish", - "h4FontWeight": 700, - "h4LineHeight": "24px", - "h4FontSize": "20px", - "h4LetterSpacing": 0, - "h4ParagraphSpacing": 0, - "h4TextDecoration": "none", - "h4TextCase": "none", - "h5FontFamily": "Mulish", - "h5FontWeight": 700, - "h5LineHeight": "24px", - "h5FontSize": "16px", - "h5LetterSpacing": 0, - "h5ParagraphSpacing": 0, - "h5TextDecoration": "none", - "h5TextCase": "none", - "bodyFontFamily": "Mulish", - "bodyFontWeight": 500, - "bodyLineHeight": "24px", - "bodyFontSize": "16px", - "bodyLetterSpacing": 0, - "bodyParagraphSpacing": 0, - "bodyTextDecoration": "none", - "bodyTextCase": "none", - "footnoteFontFamily": "Mulish", - "footnoteFontWeight": 500, - "footnoteLineHeight": "16px", - "footnoteFontSize": "14px", - "footnoteLetterSpacing": 0, - "footnoteParagraphSpacing": 0, - "footnoteTextDecoration": "none", - "footnoteTextCase": "none", - "captionFontFamily": "Mulish", - "captionFontWeight": 500, - "captionLineHeight": "16px", - "captionFontSize": "12px", - "captionLetterSpacing": 0, - "captionParagraphSpacing": 0, - "captionTextDecoration": "none", - "captionTextCase": "none", - "mobileH1FontFamily": "Mulish", - "mobileH1FontWeight": 700, - "mobileH1LineHeight": "40px", - "mobileH1FontSize": "32px", - "mobileH1LetterSpacing": 0, - "mobileH1ParagraphSpacing": 0, - "mobileH1TextDecoration": "none", - "mobileH1TextCase": "none", - "mobileH2FontFamily": "Mulish", - "mobileH2FontWeight": 700, - "mobileH2LineHeight": "32px", - "mobileH2FontSize": "28px", - "mobileH2LetterSpacing": 0, - "mobileH2ParagraphSpacing": 0, - "mobileH2TextDecoration": "none", - "mobileH2TextCase": "none", - "mobileH3FontFamily": "Mulish", - "mobileH3FontWeight": 700, - "mobileH3LineHeight": "32px", - "mobileH3FontSize": "22px", - "mobileH3LetterSpacing": 0, - "mobileH3ParagraphSpacing": 0, - "mobileH3TextDecoration": "none", - "mobileH3TextCase": "none" -}; \ No newline at end of file diff --git a/dist/types/index.d.ts b/dist/types/index.d.ts deleted file mode 100644 index 92e7cc1c..00000000 --- a/dist/types/index.d.ts +++ /dev/null @@ -1,4 +0,0 @@ -export * from "./interfaces"; -export * from "./profiles"; -export * from "./intentions"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/index.d.ts.map b/dist/types/index.d.ts.map deleted file mode 100644 index 4ae2dac6..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;AAC3B,cAAc,cAAc,CAAC"} \ No newline at end of file diff --git a/dist/types/index.js b/dist/types/index.js deleted file mode 100644 index 724eae35..00000000 --- a/dist/types/index.js +++ /dev/null @@ -1,50 +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]; - } - }); -}); - -var _intentions = require("./intentions"); - -Object.keys(_intentions).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _intentions[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _intentions[key]; - } - }); -}); \ No newline at end of file diff --git a/dist/types/intentions.d.ts b/dist/types/intentions.d.ts deleted file mode 100644 index 549a7988..00000000 --- a/dist/types/intentions.d.ts +++ /dev/null @@ -1,16 +0,0 @@ -declare const AVIARY_INTENTIONS: { - primary: string; - system: string; - danger: string; - success: string; - textSuccess: string; - textSystem: string; - textDanger: string; - lightFilled: string; - lightOutlined: string; - lightText: string; -}; -declare type AviaryIntentions = keyof typeof AVIARY_INTENTIONS; -export type { AviaryIntentions }; -export { AVIARY_INTENTIONS }; -//# sourceMappingURL=intentions.d.ts.map \ No newline at end of file diff --git a/dist/types/intentions.d.ts.map b/dist/types/intentions.d.ts.map deleted file mode 100644 index 1f79d160..00000000 --- a/dist/types/intentions.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"intentions.d.ts","sourceRoot":"","sources":["../../src/types/intentions.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;;;;;;;;;;CAWtB,CAAC;AAEF,aAAK,gBAAgB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAEvD,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/intentions.js b/dist/types/intentions.js deleted file mode 100644 index 85242ea9..00000000 --- a/dist/types/intentions.js +++ /dev/null @@ -1,19 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.AVIARY_INTENTIONS = void 0; -var AVIARY_INTENTIONS = { - primary: "primary", - system: "system", - danger: "danger", - success: "success", - textSuccess: "textSuccess", - textSystem: "textSystem", - textDanger: "textDanger", - lightFilled: "lightFilled", - lightOutlined: "lightOutlined", - lightText: "lightText" -}; -exports.AVIARY_INTENTIONS = AVIARY_INTENTIONS; \ No newline at end of file diff --git a/dist/types/interfaces.d.ts b/dist/types/interfaces.d.ts deleted file mode 100644 index ab0bd272..00000000 --- a/dist/types/interfaces.d.ts +++ /dev/null @@ -1,30 +0,0 @@ -declare const AVIARY_COLORS: { - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; - success: string; -}; -declare const EXTENDED_AVIARY_COLORS: { - light: string; - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; - success: string; -}; -declare type AviaryColors = keyof typeof AVIARY_COLORS; -declare type ExtendedAviaryColors = keyof typeof EXTENDED_AVIARY_COLORS; -interface AviaryColorProps { - isColor?: AviaryColors; -} -interface AviaryExtendedColorProps { - isColor?: ExtendedAviaryColors; -} -export type { AviaryColors, AviaryColorProps, AviaryExtendedColorProps, ExtendedAviaryColors, }; -export { AVIARY_COLORS, EXTENDED_AVIARY_COLORS }; -//# sourceMappingURL=interfaces.d.ts.map \ No newline at end of file diff --git a/dist/types/interfaces.d.ts.map b/dist/types/interfaces.d.ts.map deleted file mode 100644 index 57492602..00000000 --- a/dist/types/interfaces.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa;;;;;;;;CAQlB,CAAC;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;CAG3B,CAAC;AAEF,aAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,aAAK,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEhE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AACD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,GACrB,CAAC;AACF,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js deleted file mode 100644 index 900be27c..00000000 --- a/dist/types/interfaces.js +++ /dev/null @@ -1,43 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.keys.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.array.filter.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.get-own-property-descriptors.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.EXTENDED_AVIARY_COLORS = exports.AVIARY_COLORS = void 0; - -function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -var AVIARY_COLORS = { - primary: "primary", - info: "info", - warning: "warning", - danger: "danger", - highlight: "highlight", - system: "system", - success: "success" -}; -exports.AVIARY_COLORS = AVIARY_COLORS; - -var EXTENDED_AVIARY_COLORS = _objectSpread(_objectSpread({}, AVIARY_COLORS), {}, { - light: "light" -}); - -exports.EXTENDED_AVIARY_COLORS = EXTENDED_AVIARY_COLORS; \ No newline at end of file diff --git a/dist/types/profiles.d.ts b/dist/types/profiles.d.ts deleted file mode 100644 index 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 From fd34d7ac81a046ba2daeee6726852a8b754fa863 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Mon, 16 Oct 2023 21:14:55 +0000 Subject: [PATCH 03/19] Built and updated design tokens --- dist/documentation/core-dark-colors.d.ts | 233 +++++++++ dist/documentation/core-dark-colors.js | 233 +++++++++ dist/documentation/core-light-colors.d.ts | 270 ++++++++++ dist/documentation/core-light-colors.js | 270 ++++++++++ dist/documentation/themes/dark.d.ts | 600 ++++++++++++++++++++++ dist/documentation/themes/dark.js | 600 ++++++++++++++++++++++ dist/documentation/themes/emerson.d.ts | 596 +++++++++++++++++++++ dist/documentation/themes/emerson.js | 596 +++++++++++++++++++++ dist/documentation/themes/light.d.ts | 596 +++++++++++++++++++++ dist/documentation/themes/light.js | 596 +++++++++++++++++++++ dist/documentation/themes/lightDS3.d.ts | 596 +++++++++++++++++++++ dist/documentation/themes/lightDS3.js | 596 +++++++++++++++++++++ dist/tokens/native/borders.d.ts | 10 + dist/tokens/native/borders.js | 12 + dist/tokens/native/core-dark-colors.d.ts | 13 + dist/tokens/native/core-dark-colors.js | 13 + dist/tokens/native/core-light-colors.d.ts | 14 + dist/tokens/native/core-light-colors.js | 14 + dist/tokens/native/themes/dark.d.ts | 21 + dist/tokens/native/themes/dark.js | 21 + dist/tokens/native/themes/emerson.d.ts | 21 + dist/tokens/native/themes/emerson.js | 21 + dist/tokens/native/themes/light.d.ts | 21 + dist/tokens/native/themes/light.js | 21 + dist/tokens/native/themes/lightDS3.d.ts | 21 + dist/tokens/native/themes/lightDS3.js | 21 + 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 | 59 +++ dist/tokens/scss/core-light-colors.scss | 68 +++ dist/tokens/scss/themes/dark.scss | 149 ++++++ dist/tokens/scss/themes/emerson.scss | 148 ++++++ dist/tokens/scss/themes/light.scss | 148 ++++++ dist/tokens/scss/themes/lightDS3.scss | 148 ++++++ 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 | 13 + dist/tokens/ts/core-dark-colors.js | 13 + dist/tokens/ts/core-light-colors.d.ts | 14 + dist/tokens/ts/core-light-colors.js | 14 + dist/tokens/ts/themes/dark.d.ts | 21 + dist/tokens/ts/themes/dark.js | 21 + dist/tokens/ts/themes/emerson.d.ts | 21 + dist/tokens/ts/themes/emerson.js | 21 + dist/tokens/ts/themes/light.d.ts | 21 + dist/tokens/ts/themes/light.js | 21 + dist/tokens/ts/themes/lightDS3.d.ts | 21 + dist/tokens/ts/themes/lightDS3.js | 21 + dist/tokens/ts/typography.d.ts | 117 +++++ dist/tokens/ts/typography.js | 119 +++++ 52 files changed, 7587 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..7002ba1d --- /dev/null +++ b/dist/documentation/core-dark-colors.d.ts @@ -0,0 +1,233 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const green : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const blue : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const red : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const purple : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const orange : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const grey : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const shades : {white:{ + name: string, + hex: string, + + },black:{ + name: string, + hex: string, + + },transparent:{ + name: string, + hex: string, + + }}; +export const brown : {200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + }}; \ 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..e9566b8a --- /dev/null +++ b/dist/documentation/core-dark-colors.js @@ -0,0 +1,233 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#0C291E", + + },200:{ + name: "green.200", + hex: "#0F3326", + + },300:{ + name: "green.300", + hex: "#13402F", + + },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: "#102337", + + },300:{ + name: "blue.300", + hex: "#142C45", + + },400:{ + name: "blue.400", + hex: "#285685", + + },500:{ + name: "blue.500", + hex: "#4577AD", + + },600:{ + name: "blue.600", + hex: "#6597CE", + + },700:{ + name: "blue.700", + hex: "#96BDE7", + + },800:{ + name: "blue.800", + hex: "#D1E8FF", + + }}, +red : {100:{ + name: "red.100", + hex: "#290F16", + + },200:{ + name: "red.200", + hex: "#34101A", + + },300:{ + name: "red.300", + hex: "#451522", + + },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: "#291433", + + },300:{ + name: "purple.300", + hex: "#33193F", + + },400:{ + name: "purple.400", + hex: "#542F66", + + },500:{ + name: "purple.500", + hex: "#693B80", + + },600:{ + name: "purple.600", + hex: "#865C99", + + },700:{ + name: "purple.700", + hex: "#B990CC", + + },800:{ + name: "purple.800", + hex: "#F0D1FF", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#29170C", + + },200:{ + name: "orange.200", + hex: "#361D0E", + + },300:{ + name: "orange.300", + hex: "#4A2915", + + },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: "#98999B", + + },700:{ + name: "grey.700", + hex: "#BCBDBF", + + },800:{ + name: "grey.800", + hex: "#E8E9EA", + + }}, +shades : {white:{ + name: "shades.white", + hex: "#FFFFFF", + + },black:{ + name: "shades.black", + hex: "#000000", + + },transparent:{ + name: "shades.transparent", + hex: "transparent", + + }}, +brown : {200:{ + name: "brown.200", + hex: "#33260F", + + },300:{ + name: "brown.300", + hex: "#402F13", + + },400:{ + name: "brown.400", + hex: "#6E5225", + + },700:{ + name: "brown.700", + hex: "#D6BA87", + + }},}; \ 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..32c7f19b --- /dev/null +++ b/dist/documentation/core-light-colors.d.ts @@ -0,0 +1,270 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const green : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const blue : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const red : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const purple : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const orange : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const grey : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + },900:{ + name: string, + hex: string, + + }}; +export const shades : {white:{ + name: string, + hex: string, + + },black:{ + name: string, + hex: string, + + },transparent:{ + name: string, + hex: string, + + }}; +export const yellow : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const brown : {200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + }}; \ 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..dc22aeb7 --- /dev/null +++ b/dist/documentation/core-light-colors.js @@ -0,0 +1,270 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#FAFFFC", + + },200:{ + name: "green.200", + hex: "#EBF2EF", + + },300:{ + name: "green.300", + hex: "#D1E0D9", + + },400:{ + name: "green.400", + hex: "#B6CFC2", + + },500:{ + name: "green.500", + hex: "#86B09B", + + },600:{ + name: "green.600", + hex: "#307553", + + },700:{ + name: "green.700", + hex: "#275E43", + + },800:{ + name: "green.800", + hex: "#244C38", + + }}, +blue : {100:{ + name: "blue.100", + hex: "#F5FAFF", + + },200:{ + name: "blue.200", + hex: "#E6F1FC", + + },300:{ + name: "blue.300", + hex: "#C0D8F0", + + },400:{ + name: "blue.400", + hex: "#88B1D9", + + },500:{ + name: "blue.500", + hex: "#5D96CF", + + },600:{ + name: "blue.600", + hex: "#3971A8", + + },700:{ + name: "blue.700", + hex: "#21588F", + + },800:{ + name: "blue.800", + hex: "#194673", + + }}, +red : {100:{ + name: "red.100", + hex: "#FFF7F9", + + },200:{ + name: "red.200", + hex: "#FEEEF2", + + },300:{ + name: "red.300", + hex: "#F0C4CD", + + },400:{ + name: "red.400", + hex: "#E296A6", + + },500:{ + name: "red.500", + hex: "#C6516A", + + },600:{ + name: "red.600", + hex: "#AF2645", + + },700:{ + name: "red.700", + hex: "#980B29", + + },800:{ + name: "red.800", + hex: "#800D25", + + }}, +purple : {100:{ + name: "purple.100", + hex: "#FCFAFF", + + },200:{ + name: "purple.200", + hex: "#F2ECFE", + + },300:{ + name: "purple.300", + hex: "#D7CEE9", + + },400:{ + name: "purple.400", + hex: "#B9ABD5", + + },500:{ + name: "purple.500", + hex: "#8471AB", + + },600:{ + name: "purple.600", + hex: "#533E7D", + + },700:{ + name: "purple.700", + hex: "#3B2566", + + },800:{ + name: "purple.800", + hex: "#2A174F", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#FFFAF5", + + },200:{ + name: "orange.200", + hex: "#FFF3E8", + + },300:{ + name: "orange.300", + hex: "#F3D8C0", + + },400:{ + name: "orange.400", + hex: "#E7B88F", + + },500:{ + name: "orange.500", + hex: "#CF8545", + + },600:{ + name: "orange.600", + hex: "#B4631D", + + },700:{ + name: "orange.700", + hex: "#8E4D14", + + },800:{ + name: "orange.800", + hex: "#784213", + + }}, +grey : {100:{ + name: "grey.100", + hex: "#FCFEFF", + + },200:{ + name: "grey.200", + hex: "#F5F7FA", + + },300:{ + name: "grey.300", + hex: "#E6EDF5", + + },400:{ + name: "grey.400", + hex: "#C8D3E0", + + },500:{ + name: "grey.500", + hex: "#596D84", + + },600:{ + name: "grey.600", + hex: "#475A70", + + },700:{ + name: "grey.700", + hex: "#36485C", + + },800:{ + name: "grey.800", + hex: "#2E3A47", + + },900:{ + name: "grey.900", + hex: "#212933", + + }}, +shades : {white:{ + name: "shades.white", + hex: "#FFFFFF", + + },black:{ + name: "shades.black", + hex: "#000000", + + },transparent:{ + name: "shades.transparent", + hex: "transparent", + + }}, +yellow : {100:{ + name: "yellow.100", + hex: "#faf8f2", + + },200:{ + name: "yellow.200", + hex: "#fcf3dd", + + },300:{ + name: "yellow.300", + hex: "#fce7b1", + + },400:{ + name: "yellow.400", + hex: "#fcd97e", + + },500:{ + name: "yellow.500", + hex: "#fccb4c", + + },600:{ + name: "yellow.600", + hex: "#ffc121", + + },700:{ + name: "yellow.700", + hex: "#f7b200", + + },800:{ + name: "yellow.800", + hex: "#e5a500", + + }}, +brown : {200:{ + name: "brown.200", + hex: "#F6F1E5", + + },300:{ + name: "brown.300", + hex: "#E4D9C2", + + },400:{ + name: "brown.400", + hex: "#DACCAA", + + },700:{ + name: "brown.700", + hex: "#5E4D27", + + }},}; \ 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..529082bd --- /dev/null +++ b/dist/documentation/themes/dark.d.ts @@ -0,0 +1,600 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },nakedContent:{ + name: string, + hex: string, + + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js new file mode 100644 index 00000000..fc077af7 --- /dev/null +++ b/dist/documentation/themes/dark.js @@ -0,0 +1,600 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 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: "#BCBDBF", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#98999B", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#FFFFFF", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#BCBDBF", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#E8E9EA", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#101012", + 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: "#98999B", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#BCBDBF", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#6597CE", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#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: "#101012", + 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: "#1A1D21", + 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: "#1A1D21", + 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: "#1A1D21", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#1A1D21", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#E8E9EA", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#FFFFFF", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#FFFFFF", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#22272B", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#2D3238", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#515357", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#0C291E", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#515357", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#98999B", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#BCBDBF", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#42AD86", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#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: "#42AD86", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#86D6B9", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#0F3326", + 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: "#13402F", + 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: "#256E53", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#288563", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#42AD86", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#6597CE", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#96BDE7", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#D1E8FF", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#4577AD", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#285685", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#142C45", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#102337", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#142C45", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#285685", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#0C1B29", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#4577AD", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#285685", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#142C45", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#CF7945", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#E7AA84", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#FFE3D1", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#AD6234", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#CF7945", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#E7AA84", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#361D0E", + 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: "#4A2915", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#8A4E29", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#29170C", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#8A4E29", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#AD6234", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#CF7945", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#C74C6B", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#EA8AA3", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#FFD1DD", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#B23655", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#C74C6B", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#EA8AA3", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#34101A", + 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: "#451522", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#8F2843", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#290F16", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#8F2843", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#B23655", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#C74C6B", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#865C99", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#B990CC", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#F0D1FF", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#693B80", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#865C99", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#B990CC", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#291433", + 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: "#33193F", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#542F66", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#200F29", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#542F66", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#693B80", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#865C99", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#98999B", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#22272B", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#515357", + description: "Used as the border for disabled components" + },nakedContent:{ + name: "disabled.nakedContent", + hex: "#22272B", + + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#2D3238", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#98999B", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#1B2228", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#2D3238", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#FFFFFF", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#BCBDBF", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#B23655", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#BCBDBF", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#4577AD", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#B23655", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#98999B", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#FFFFFF", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#2D3238", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#8F2843", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#515357", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#98999B", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#BCBDBF", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#285685", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#515357", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#515357", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#E8E9EA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E8E9EA", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2D3238", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#E8E9EA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#000000", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#86D6B9", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#0F3326", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#13402F", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#256E53", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#D6BA87", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#33260F", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#402F13", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#6E5225", + + }},}; \ 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..e0dc04a7 --- /dev/null +++ b/dist/documentation/themes/emerson.d.ts @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js new file mode 100644 index 00000000..cbaa7c6d --- /dev/null +++ b/dist/documentation/themes/emerson.js @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#36485C", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#475A70", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#596D84", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#FFFFFF", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#FFFFFF", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#FFFFFF", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#36485C", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#2E3A47", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#212933", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FCFEFF", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#2E3A47", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as buttons" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as buttons" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#C8D3E0", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#000000", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#275E43", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#EBF2EF", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#D1E0D9", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#B6CFC2", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#5E4D27", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#F6F1E5", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#E4D9C2", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts new file mode 100644 index 00000000..e0dc04a7 --- /dev/null +++ b/dist/documentation/themes/light.d.ts @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js new file mode 100644 index 00000000..87c7e878 --- /dev/null +++ b/dist/documentation/themes/light.js @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#36485C", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#475A70", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#FFFFFF", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#FFFFFF", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#FFFFFF", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#36485C", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#2E3A47", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#212933", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FCFEFF", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for primary components" + },borderHover:{ + name: "primary.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for primary components" + },borderActive:{ + name: "primary.borderActive", + hex: "#2E3A47", + description: "Used for the pressed border colour for primary components" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#C8D3E0", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#36485C", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#275E43", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#EBF2EF", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#D1E0D9", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#B6CFC2", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#5E4D27", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#F6F1E5", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#E4D9C2", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts new file mode 100644 index 00000000..e0dc04a7 --- /dev/null +++ b/dist/documentation/themes/lightDS3.d.ts @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js new file mode 100644 index 00000000..3aafc783 --- /dev/null +++ b/dist/documentation/themes/lightDS3.js @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#36485C", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#475A70", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#596D84", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#F5F7FA", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#307553", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#307553", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#275E43", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#244C38", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#307553", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#E6EDF5", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#36485C", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#275E43", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#EBF2EF", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#D1E0D9", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#B6CFC2", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#5E4D27", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#F6F1E5", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#E4D9C2", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts new file mode 100644 index 00000000..fe39c654 --- /dev/null +++ b/dist/tokens/native/borders.d.ts @@ -0,0 +1,10 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 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..4fedb87c --- /dev/null +++ b/dist/tokens/native/borders.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 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..243192f5 --- /dev/null +++ b/dist/tokens/native/core-dark-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..a3e781b8 --- /dev/null +++ b/dist/tokens/native/core-dark-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, +orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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..db431927 --- /dev/null +++ b/dist/tokens/native/core-light-colors.d.ts @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..09779da8 --- /dev/null +++ b/dist/tokens/native/core-light-colors.js @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, +blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, +red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, +purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, +orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, +grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, +brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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..61ca0193 --- /dev/null +++ b/dist/tokens/native/themes/dark.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..e99c160b --- /dev/null +++ b/dist/tokens/native/themes/dark.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {theme: "dark", +text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, +surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, +primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, +success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, +info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, +warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, +danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, +disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, +input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, +separator : {base : "#515357"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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..8dd82f3f --- /dev/null +++ b/dist/tokens/native/themes/emerson.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..c07c4960 --- /dev/null +++ b/dist/tokens/native/themes/emerson.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {theme: "emerson", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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..8dd82f3f --- /dev/null +++ b/dist/tokens/native/themes/light.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..52715d79 --- /dev/null +++ b/dist/tokens/native/themes/light.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {theme: "light", +text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..8dd82f3f --- /dev/null +++ b/dist/tokens/native/themes/lightDS3.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..8264ca6b --- /dev/null +++ b/dist/tokens/native/themes/lightDS3.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {theme: "lightDS3", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..4096d06d --- /dev/null +++ b/dist/tokens/native/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 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..e1a407ae --- /dev/null +++ b/dist/tokens/native/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 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..650cfd6e --- /dev/null +++ b/dist/tokens/scss/borders.scss @@ -0,0 +1,9 @@ + +// Do not edit directly +// Generated on Mon, 16 Oct 2023 21:14:54 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..a7676f0e --- /dev/null +++ b/dist/tokens/scss/core-dark-colors.scss @@ -0,0 +1,59 @@ + +// Do not edit directly +// Generated on Mon, 16 Oct 2023 21:14:54 GMT + +$green100: #0C291E; +$green200: #0F3326; +$green300: #13402F; +$green400: #256E53; +$green500: #288563; +$green600: #42AD86; +$green700: #86D6B9; +$green800: #DBFFF1; +$blue100: #0C1B29; +$blue200: #102337; +$blue300: #142C45; +$blue400: #285685; +$blue500: #4577AD; +$blue600: #6597CE; +$blue700: #96BDE7; +$blue800: #D1E8FF; +$red100: #290F16; +$red200: #34101A; +$red300: #451522; +$red400: #8F2843; +$red500: #B23655; +$red600: #C74C6B; +$red700: #EA8AA3; +$red800: #FFD1DD; +$purple100: #200F29; +$purple200: #291433; +$purple300: #33193F; +$purple400: #542F66; +$purple500: #693B80; +$purple600: #865C99; +$purple700: #B990CC; +$purple800: #F0D1FF; +$orange100: #29170C; +$orange200: #361D0E; +$orange300: #4A2915; +$orange400: #8A4E29; +$orange500: #AD6234; +$orange600: #CF7945; +$orange700: #E7AA84; +$orange800: #FFE3D1; +$grey100: #101012; +$grey200: #1A1D21; +$grey300: #22272B; +$grey400: #2D3238; +$grey500: #515357; +$grey600: #98999B; +$grey700: #BCBDBF; +$grey800: #E8E9EA; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$brown200: #33260F; +$brown300: #402F13; +$brown400: #6E5225; +$brown700: #D6BA87; \ 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..6c51cc62 --- /dev/null +++ b/dist/tokens/scss/core-light-colors.scss @@ -0,0 +1,68 @@ + +// Do not edit directly +// Generated on Mon, 16 Oct 2023 21:14:54 GMT + +$green100: #FAFFFC; +$green200: #EBF2EF; +$green300: #D1E0D9; +$green400: #B6CFC2; +$green500: #86B09B; +$green600: #307553; +$green700: #275E43; +$green800: #244C38; +$blue100: #F5FAFF; +$blue200: #E6F1FC; +$blue300: #C0D8F0; +$blue400: #88B1D9; +$blue500: #5D96CF; +$blue600: #3971A8; +$blue700: #21588F; +$blue800: #194673; +$red100: #FFF7F9; +$red200: #FEEEF2; +$red300: #F0C4CD; +$red400: #E296A6; +$red500: #C6516A; +$red600: #AF2645; +$red700: #980B29; +$red800: #800D25; +$purple100: #FCFAFF; +$purple200: #F2ECFE; +$purple300: #D7CEE9; +$purple400: #B9ABD5; +$purple500: #8471AB; +$purple600: #533E7D; +$purple700: #3B2566; +$purple800: #2A174F; +$orange100: #FFFAF5; +$orange200: #FFF3E8; +$orange300: #F3D8C0; +$orange400: #E7B88F; +$orange500: #CF8545; +$orange600: #B4631D; +$orange700: #8E4D14; +$orange800: #784213; +$grey100: #FCFEFF; +$grey200: #F5F7FA; +$grey300: #E6EDF5; +$grey400: #C8D3E0; +$grey500: #596D84; +$grey600: #475A70; +$grey700: #36485C; +$grey800: #2E3A47; +$grey900: #212933; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$yellow100: #faf8f2; +$yellow200: #fcf3dd; +$yellow300: #fce7b1; +$yellow400: #fcd97e; +$yellow500: #fccb4c; +$yellow600: #ffc121; +$yellow700: #f7b200; +$yellow800: #e5a500; +$brown200: #F6F1E5; +$brown300: #E4D9C2; +$brown400: #DACCAA; +$brown700: #5E4D27; \ 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..b725a864 --- /dev/null +++ b/dist/tokens/scss/themes/dark.scss @@ -0,0 +1,149 @@ + +// Do not edit directly +// Generated on Mon, 16 Oct 2023 21:14:54 GMT + +$textEmphasis: #E8E9EA; +$textBody: #BCBDBF; +$textSubdued: #98999B; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #FFFFFF; +$systemTextBase: #BCBDBF; +$systemTextHover: #E8E9EA; +$systemTextActive: #FFFFFF; +$systemBackgroundBase: #101012; +$systemBackgroundMuted: #22272B; +$systemBackgroundMutedHover: #2D3238; +$systemBackgroundMutedActive: #515357; +$systemBackgroundBox: #1A1D21; +$systemBorderBase: #515357; +$systemBorderHover: #98999B; +$systemBorderActive: #BCBDBF; +$systemBorderFocused: #6597CE; +$surfaceLevel0: #101012; +$surfaceLevel1: #101012; +$surfaceLevel2: #22272B; +$surfaceInteractiveBackground: #1A1D21; +$surfaceInteractiveHover: #22272B; +$surfaceInteractiveActive: #2D3238; +$surfaceOverlayDark: #22272B; +$surfaceOverlayTheme: #1A1D21; +$surfaceOverlayBackdrop: #1A1D21; +$primaryTextBase: #1A1D21; +$primaryTextHover: #1A1D21; +$primaryTextActive: #1A1D21; +$primaryBackgroundBase: #E8E9EA; +$primaryBackgroundHover: #FFFFFF; +$primaryBackgroundActive: #FFFFFF; +$primaryBackgroundMuted: #22272B; +$primaryBackgroundMutedHover: #2D3238; +$primaryBackgroundMutedActive: #515357; +$primaryBackgroundBox: #0C291E; +$primaryBorderBase: #515357; +$primaryBorderHover: #98999B; +$primaryBorderActive: #BCBDBF; +$successTextBase: #42AD86; +$successTextHover: #86D6B9; +$successTextActive: #DBFFF1; +$successBackgroundBase: #288563; +$successBackgroundHover: #42AD86; +$successBackgroundActive: #86D6B9; +$successBackgroundMuted: #0F3326; +$successBackgroundMutedHover: #13402F; +$successBackgroundMutedActive: #256E53; +$successBackgroundBox: #0C291E; +$successBorderBase: #256E53; +$successBorderHover: #288563; +$successBorderActive: #42AD86; +$infoTextBase: #6597CE; +$infoTextHover: #96BDE7; +$infoTextActive: #D1E8FF; +$infoBackgroundBase: #4577AD; +$infoBackgroundHover: #285685; +$infoBackgroundActive: #142C45; +$infoBackgroundMuted: #102337; +$infoBackgroundMutedHover: #142C45; +$infoBackgroundMutedActive: #285685; +$infoBackgroundBox: #0C1B29; +$infoBorderBase: #4577AD; +$infoBorderHover: #285685; +$infoBorderActive: #142C45; +$warningTextBase: #CF7945; +$warningTextHover: #E7AA84; +$warningTextActive: #FFE3D1; +$warningBackgroundBase: #AD6234; +$warningBackgroundHover: #CF7945; +$warningBackgroundActive: #E7AA84; +$warningBackgroundMuted: #361D0E; +$warningBackgroundMutedHover: #4A2915; +$warningBackgroundMutedActive: #8A4E29; +$warningBackgroundBox: #29170C; +$warningBorderBase: #8A4E29; +$warningBorderHover: #AD6234; +$warningBorderActive: #CF7945; +$dangerTextBase: #C74C6B; +$dangerTextHover: #EA8AA3; +$dangerTextActive: #FFD1DD; +$dangerBackgroundBase: #B23655; +$dangerBackgroundHover: #C74C6B; +$dangerBackgroundActive: #EA8AA3; +$dangerBackgroundMuted: #34101A; +$dangerBackgroundMutedHover: #451522; +$dangerBackgroundMutedActive: #8F2843; +$dangerBackgroundBox: #290F16; +$dangerBorderBase: #8F2843; +$dangerBorderHover: #B23655; +$dangerBorderActive: #C74C6B; +$highlightTextBase: #865C99; +$highlightTextHover: #B990CC; +$highlightTextActive: #F0D1FF; +$highlightBackgroundBase: #693B80; +$highlightBackgroundHover: #865C99; +$highlightBackgroundActive: #B990CC; +$highlightBackgroundMuted: #291433; +$highlightBackgroundMutedHover: #33193F; +$highlightBackgroundMutedActive: #542F66; +$highlightBackgroundBox: #200F29; +$highlightBorderBase: #542F66; +$highlightBorderHover: #693B80; +$highlightBorderActive: #865C99; +$disabledText: #98999B; +$disabledBackground: #22272B; +$disabledNakedBackground: transparent; +$disabledBorder: #515357; +$disabledNakedContent: #22272B; +$disabledInputBackground: #2D3238; +$disabledInputLabelText: #98999B; +$inputBackgroundBase: #1B2228; +$inputBackgroundHover: #2D3238; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #FFFFFF; +$inputTextInformation: #BCBDBF; +$inputTextInformationError: #B23655; +$inputTextLabel: #BCBDBF; +$inputTextFloatingLabel: #4577AD; +$inputTextFloatingLabelError: #B23655; +$inputTextPlaceholder: #98999B; +$inputTextActive: #FFFFFF; +$inputBorderBase: #2D3238; +$inputBorderError: #8F2843; +$inputBorderHover: #515357; +$inputBorderEmphasized: #98999B; +$inputBorderEmphasizedHover: #BCBDBF; +$inputBorderActive: #285685; +$separatorBase: #515357; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #515357; +$lightBackgroundHover: #E8E9EA; +$lightBackgroundActive: #E8E9EA; +$lightTextBase: #2D3238; +$lightLinkMutedBase: #E8E9EA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #000000; +$accentForestTextBase: #86D6B9; +$accentForestBackgroundMuted: #0F3326; +$accentForestBackgroundMutedHover: #13402F; +$accentForestBackgroundMutedActive: #256E53; +$accentSandTextBase: #D6BA87; +$accentSandBackgroundMuted: #33260F; +$accentSandBackgroundMutedHover: #402F13; +$accentSandBackgroundMutedActive: #6E5225; \ 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..71ea8d8a --- /dev/null +++ b/dist/tokens/scss/themes/emerson.scss @@ -0,0 +1,148 @@ + +// Do not edit directly +// Generated on Mon, 16 Oct 2023 21:14:54 GMT + +$textEmphasis: #36485C; +$textBody: #475A70; +$textSubdued: #596D84; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #FFFFFF; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #FFFFFF; +$primaryTextHover: #FFFFFF; +$primaryTextActive: #FFFFFF; +$primaryBackgroundBase: #36485C; +$primaryBackgroundHover: #2E3A47; +$primaryBackgroundActive: #212933; +$primaryBackgroundMuted: #F5F7FA; +$primaryBackgroundMutedHover: #E6EDF5; +$primaryBackgroundMutedActive: #C8D3E0; +$primaryBackgroundBox: #FCFEFF; +$primaryBorderBase: #C8D3E0; +$primaryBorderHover: #596D84; +$primaryBorderActive: #2E3A47; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #C8D3E0; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #000000; +$accentForestTextBase: #275E43; +$accentForestBackgroundMuted: #EBF2EF; +$accentForestBackgroundMutedHover: #D1E0D9; +$accentForestBackgroundMutedActive: #B6CFC2; +$accentSandTextBase: #5E4D27; +$accentSandBackgroundMuted: #F6F1E5; +$accentSandBackgroundMutedHover: #E4D9C2; +$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss new file mode 100644 index 00000000..a1ebeac8 --- /dev/null +++ b/dist/tokens/scss/themes/light.scss @@ -0,0 +1,148 @@ + +// Do not edit directly +// Generated on Mon, 16 Oct 2023 21:14:54 GMT + +$textEmphasis: #2E3A47; +$textBody: #36485C; +$textSubdued: #475A70; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #FFFFFF; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #FFFFFF; +$primaryTextHover: #FFFFFF; +$primaryTextActive: #FFFFFF; +$primaryBackgroundBase: #36485C; +$primaryBackgroundHover: #2E3A47; +$primaryBackgroundActive: #212933; +$primaryBackgroundMuted: #F5F7FA; +$primaryBackgroundMutedHover: #E6EDF5; +$primaryBackgroundMutedActive: #C8D3E0; +$primaryBackgroundBox: #FCFEFF; +$primaryBorderBase: #C8D3E0; +$primaryBorderHover: #596D84; +$primaryBorderActive: #2E3A47; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #C8D3E0; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #36485C; +$accentForestTextBase: #275E43; +$accentForestBackgroundMuted: #EBF2EF; +$accentForestBackgroundMutedHover: #D1E0D9; +$accentForestBackgroundMutedActive: #B6CFC2; +$accentSandTextBase: #5E4D27; +$accentSandBackgroundMuted: #F6F1E5; +$accentSandBackgroundMutedHover: #E4D9C2; +$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss new file mode 100644 index 00000000..09629d44 --- /dev/null +++ b/dist/tokens/scss/themes/lightDS3.scss @@ -0,0 +1,148 @@ + +// Do not edit directly +// Generated on Mon, 16 Oct 2023 21:14:54 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; +$accentForestTextBase: #275E43; +$accentForestBackgroundMuted: #EBF2EF; +$accentForestBackgroundMutedHover: #D1E0D9; +$accentForestBackgroundMutedActive: #B6CFC2; +$accentSandTextBase: #5E4D27; +$accentSandBackgroundMuted: #F6F1E5; +$accentSandBackgroundMutedHover: #E4D9C2; +$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss new file mode 100644 index 00000000..f1786092 --- /dev/null +++ b/dist/tokens/scss/typography.scss @@ -0,0 +1,116 @@ + +// Do not edit directly +// Generated on Mon, 16 Oct 2023 21:14:54 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..293c6a69 --- /dev/null +++ b/dist/tokens/ts/borders.d.ts @@ -0,0 +1,10 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 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..7f277d45 --- /dev/null +++ b/dist/tokens/ts/borders.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 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..243192f5 --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..a3e781b8 --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, +orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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..db431927 --- /dev/null +++ b/dist/tokens/ts/core-light-colors.d.ts @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..09779da8 --- /dev/null +++ b/dist/tokens/ts/core-light-colors.js @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, +blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, +red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, +purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, +orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, +grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, +brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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..61ca0193 --- /dev/null +++ b/dist/tokens/ts/themes/dark.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..e99c160b --- /dev/null +++ b/dist/tokens/ts/themes/dark.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {theme: "dark", +text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, +surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, +primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, +success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, +info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, +warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, +danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, +disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, +input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, +separator : {base : "#515357"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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..8dd82f3f --- /dev/null +++ b/dist/tokens/ts/themes/emerson.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..c07c4960 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {theme: "emerson", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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..8dd82f3f --- /dev/null +++ b/dist/tokens/ts/themes/light.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..52715d79 --- /dev/null +++ b/dist/tokens/ts/themes/light.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {theme: "light", +text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..8dd82f3f --- /dev/null +++ b/dist/tokens/ts/themes/lightDS3.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..8264ca6b --- /dev/null +++ b/dist/tokens/ts/themes/lightDS3.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 GMT + */ + +module.exports = {theme: "lightDS3", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..f683bb10 --- /dev/null +++ b/dist/tokens/ts/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 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..913e9b5d --- /dev/null +++ b/dist/tokens/ts/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Mon, 16 Oct 2023 21:14:54 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 c9e7abddbebb39f28b95531531efeeeadb0326f3 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Mon, 16 Oct 2023 21:15:31 +0000 Subject: [PATCH 04/19] 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 | 4 + dist/types/index.d.ts.map | 1 + dist/types/index.js | 50 +++++++++++ dist/types/intentions.d.ts | 16 ++++ dist/types/intentions.d.ts.map | 1 + dist/types/intentions.js | 19 ++++ dist/types/interfaces.d.ts | 30 +++++++ dist/types/interfaces.d.ts.map | 1 + dist/types/interfaces.js | 43 +++++++++ dist/types/profiles.d.ts | 6 ++ dist/types/profiles.d.ts.map | 1 + dist/types/profiles.js | 5 ++ dist/types/themes.d.ts | 8 ++ dist/types/themes.d.ts.map | 1 + dist/types/themes.js | 46 ++++++++++ 24 files changed, 494 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/intentions.d.ts create mode 100644 dist/types/intentions.d.ts.map create mode 100644 dist/types/intentions.js create mode 100644 dist/types/interfaces.d.ts create mode 100644 dist/types/interfaces.d.ts.map create mode 100644 dist/types/interfaces.js create mode 100644 dist/types/profiles.d.ts create mode 100644 dist/types/profiles.d.ts.map create mode 100644 dist/types/profiles.js create mode 100644 dist/types/themes.d.ts create mode 100644 dist/types/themes.d.ts.map create mode 100644 dist/types/themes.js diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts new file mode 100644 index 00000000..05da7d25 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts @@ -0,0 +1,109 @@ +import type { AviaryTheme } from "../types/themes"; +export declare const colorProfileMapper: (currentTheme: AviaryTheme) => { + primary: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + info: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + warning: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + danger: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + highlight: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + system: { + textLabelEmphasis: string; + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + borderFocused: string; + }; + success: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; +}; +//# sourceMappingURL=colorProfileMapper.d.ts.map \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map new file mode 100644 index 00000000..3c1e9e83 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js new file mode 100644 index 00000000..e5da22d5 --- /dev/null +++ b/dist/helpers/colorProfileMapper.js @@ -0,0 +1,21 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.colorProfileMapper = void 0; + +// Used for mapping over selected `isColor` properties +var colorProfileMapper = function colorProfileMapper(currentTheme) { + return { + primary: currentTheme.primary, + info: currentTheme.info, + warning: currentTheme.warning, + danger: currentTheme.danger, + highlight: currentTheme.highlight, + system: currentTheme.system, + success: currentTheme.success + }; +}; + +exports.colorProfileMapper = colorProfileMapper; \ No newline at end of file diff --git a/dist/helpers/index.d.ts b/dist/helpers/index.d.ts new file mode 100644 index 00000000..7a4a22d6 --- /dev/null +++ b/dist/helpers/index.d.ts @@ -0,0 +1,2 @@ +export * from "./colorProfileMapper"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/helpers/index.d.ts.map b/dist/helpers/index.d.ts.map new file mode 100644 index 00000000..94ae4bb1 --- /dev/null +++ b/dist/helpers/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"} \ No newline at end of file diff --git a/dist/helpers/index.js b/dist/helpers/index.js new file mode 100644 index 00000000..155de21a --- /dev/null +++ b/dist/helpers/index.js @@ -0,0 +1,24 @@ +"use strict"; + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _colorProfileMapper = require("./colorProfileMapper"); + +Object.keys(_colorProfileMapper).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _colorProfileMapper[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _colorProfileMapper[key]; + } + }); +}); \ No newline at end of file diff --git a/dist/index.d.ts b/dist/index.d.ts new file mode 100644 index 00000000..dcd56928 --- /dev/null +++ b/dist/index.d.ts @@ -0,0 +1,9 @@ +export * from "./helpers"; +export * from "./types"; +export * as borders from "../dist/tokens/ts/borders"; +export * as typography from "../dist/tokens/ts/typography"; +export * as lightThemeDocumentation from "../dist/documentation/themes/light"; +export * as darkThemeDocumentation from "../dist/documentation/themes/dark"; +export * as coreDarkDocumentation from "../dist/documentation/core-dark-colors"; +export * as coreLightDocumentation from "../dist/documentation/core-light-colors"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map new file mode 100644 index 00000000..666537dc --- /dev/null +++ b/dist/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,uBAAuB,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,sBAAsB,MAAM,mCAAmC,CAAC;AAG5E,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAChF,OAAO,KAAK,sBAAsB,MAAM,yCAAyC,CAAC"} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js new file mode 100644 index 00000000..b653d350 --- /dev/null +++ b/dist/index.js @@ -0,0 +1,94 @@ +"use strict"; + +function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } + +require("core-js/modules/es.array.iterator.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.string.iterator.js"); + +require("core-js/modules/es.weak-map.js"); + +require("core-js/modules/web.dom-collections.iterator.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.symbol.description.js"); + +require("core-js/modules/es.symbol.iterator.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +var _exportNames = { + borders: true, + typography: true, + lightThemeDocumentation: true, + darkThemeDocumentation: true, + coreDarkDocumentation: true, + coreLightDocumentation: true +}; +exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = exports.borders = void 0; + +var _helpers = require("./helpers"); + +Object.keys(_helpers).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; + if (key in exports && exports[key] === _helpers[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _helpers[key]; + } + }); +}); + +var _types = require("./types"); + +Object.keys(_types).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; + if (key in exports && exports[key] === _types[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _types[key]; + } + }); +}); + +var _borders = _interopRequireWildcard(require("../dist/tokens/ts/borders")); + +exports.borders = _borders; + +var _typography = _interopRequireWildcard(require("../dist/tokens/ts/typography")); + +exports.typography = _typography; + +var _lightThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/light")); + +exports.lightThemeDocumentation = _lightThemeDocumentation; + +var _darkThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/dark")); + +exports.darkThemeDocumentation = _darkThemeDocumentation; + +var _coreDarkDocumentation = _interopRequireWildcard(require("../dist/documentation/core-dark-colors")); + +exports.coreDarkDocumentation = _coreDarkDocumentation; + +var _coreLightDocumentation = _interopRequireWildcard(require("../dist/documentation/core-light-colors")); + +exports.coreLightDocumentation = _coreLightDocumentation; + +function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } + +function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/dist/types/index.d.ts b/dist/types/index.d.ts new file mode 100644 index 00000000..92e7cc1c --- /dev/null +++ b/dist/types/index.d.ts @@ -0,0 +1,4 @@ +export * from "./interfaces"; +export * from "./profiles"; +export * from "./intentions"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/index.d.ts.map b/dist/types/index.d.ts.map new file mode 100644 index 00000000..4ae2dac6 --- /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;AAC3B,cAAc,cAAc,CAAC"} \ No newline at end of file diff --git a/dist/types/index.js b/dist/types/index.js new file mode 100644 index 00000000..724eae35 --- /dev/null +++ b/dist/types/index.js @@ -0,0 +1,50 @@ +"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]; + } + }); +}); + +var _intentions = require("./intentions"); + +Object.keys(_intentions).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _intentions[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _intentions[key]; + } + }); +}); \ No newline at end of file diff --git a/dist/types/intentions.d.ts b/dist/types/intentions.d.ts new file mode 100644 index 00000000..549a7988 --- /dev/null +++ b/dist/types/intentions.d.ts @@ -0,0 +1,16 @@ +declare const AVIARY_INTENTIONS: { + primary: string; + system: string; + danger: string; + success: string; + textSuccess: string; + textSystem: string; + textDanger: string; + lightFilled: string; + lightOutlined: string; + lightText: string; +}; +declare type AviaryIntentions = keyof typeof AVIARY_INTENTIONS; +export type { AviaryIntentions }; +export { AVIARY_INTENTIONS }; +//# sourceMappingURL=intentions.d.ts.map \ No newline at end of file diff --git a/dist/types/intentions.d.ts.map b/dist/types/intentions.d.ts.map new file mode 100644 index 00000000..1f79d160 --- /dev/null +++ b/dist/types/intentions.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"intentions.d.ts","sourceRoot":"","sources":["../../src/types/intentions.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;;;;;;;;;;CAWtB,CAAC;AAEF,aAAK,gBAAgB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAEvD,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/intentions.js b/dist/types/intentions.js new file mode 100644 index 00000000..85242ea9 --- /dev/null +++ b/dist/types/intentions.js @@ -0,0 +1,19 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.AVIARY_INTENTIONS = void 0; +var AVIARY_INTENTIONS = { + primary: "primary", + system: "system", + danger: "danger", + success: "success", + textSuccess: "textSuccess", + textSystem: "textSystem", + textDanger: "textDanger", + lightFilled: "lightFilled", + lightOutlined: "lightOutlined", + lightText: "lightText" +}; +exports.AVIARY_INTENTIONS = AVIARY_INTENTIONS; \ No newline at end of file diff --git a/dist/types/interfaces.d.ts b/dist/types/interfaces.d.ts new file mode 100644 index 00000000..ab0bd272 --- /dev/null +++ b/dist/types/interfaces.d.ts @@ -0,0 +1,30 @@ +declare const AVIARY_COLORS: { + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; + success: string; +}; +declare const EXTENDED_AVIARY_COLORS: { + light: string; + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; + success: string; +}; +declare type AviaryColors = keyof typeof AVIARY_COLORS; +declare type ExtendedAviaryColors = keyof typeof EXTENDED_AVIARY_COLORS; +interface AviaryColorProps { + isColor?: AviaryColors; +} +interface AviaryExtendedColorProps { + isColor?: ExtendedAviaryColors; +} +export type { AviaryColors, AviaryColorProps, AviaryExtendedColorProps, ExtendedAviaryColors, }; +export { AVIARY_COLORS, EXTENDED_AVIARY_COLORS }; +//# sourceMappingURL=interfaces.d.ts.map \ No newline at end of file diff --git a/dist/types/interfaces.d.ts.map b/dist/types/interfaces.d.ts.map new file mode 100644 index 00000000..57492602 --- /dev/null +++ b/dist/types/interfaces.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa;;;;;;;;CAQlB,CAAC;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;CAG3B,CAAC;AAEF,aAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,aAAK,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEhE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AACD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,GACrB,CAAC;AACF,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js new file mode 100644 index 00000000..900be27c --- /dev/null +++ b/dist/types/interfaces.js @@ -0,0 +1,43 @@ +"use strict"; + +require("core-js/modules/es.object.keys.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.array.filter.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.get-own-property-descriptors.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.EXTENDED_AVIARY_COLORS = exports.AVIARY_COLORS = void 0; + +function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } + +function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } + +function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + +var AVIARY_COLORS = { + primary: "primary", + info: "info", + warning: "warning", + danger: "danger", + highlight: "highlight", + system: "system", + success: "success" +}; +exports.AVIARY_COLORS = AVIARY_COLORS; + +var EXTENDED_AVIARY_COLORS = _objectSpread(_objectSpread({}, AVIARY_COLORS), {}, { + light: "light" +}); + +exports.EXTENDED_AVIARY_COLORS = EXTENDED_AVIARY_COLORS; \ No newline at end of file diff --git a/dist/types/profiles.d.ts b/dist/types/profiles.d.ts new file mode 100644 index 00000000..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 6d6570f6bf36120225af25700470f5832a95ce9a Mon Sep 17 00:00:00 2001 From: Catherine Aylward` Date: Tue, 17 Oct 2023 10:57:41 -0400 Subject: [PATCH 05/19] more folders and index file --- build.js | 4 +- .../style-dictionary/{ => filters}/filters.js | 0 .../style-dictionary/formats/documentation.js | 66 +++++++++++++++++++ .../{formats.js => formats/tokens.js} | 50 -------------- src/helpers/style-dictionary/index.js | 5 ++ .../transforms/transform-groups.js | 46 +++++++++++++ .../{ => transforms}/transforms.js | 38 +---------- 7 files changed, 119 insertions(+), 90 deletions(-) rename src/helpers/style-dictionary/{ => filters}/filters.js (100%) create mode 100644 src/helpers/style-dictionary/formats/documentation.js rename src/helpers/style-dictionary/{formats.js => formats/tokens.js} (72%) create mode 100644 src/helpers/style-dictionary/index.js create mode 100644 src/helpers/style-dictionary/transforms/transform-groups.js rename src/helpers/style-dictionary/{ => transforms}/transforms.js (65%) diff --git a/build.js b/build.js index 2a90d162..9805f97f 100644 --- a/build.js +++ b/build.js @@ -1,8 +1,6 @@ const StyleDictionary = require("style-dictionary"); -require("./src/helpers/style-dictionary/formats"); -require("./src/helpers/style-dictionary/filters"); -require("./src/helpers/style-dictionary/transforms"); +require("./src/helpers/style-dictionary"); const getStyleDictionaryConfig = (theme) => { const isCore = theme.includes("core"); diff --git a/src/helpers/style-dictionary/filters.js b/src/helpers/style-dictionary/filters/filters.js similarity index 100% rename from src/helpers/style-dictionary/filters.js rename to src/helpers/style-dictionary/filters/filters.js diff --git a/src/helpers/style-dictionary/formats/documentation.js b/src/helpers/style-dictionary/formats/documentation.js new file mode 100644 index 00000000..17511c39 --- /dev/null +++ b/src/helpers/style-dictionary/formats/documentation.js @@ -0,0 +1,66 @@ +/** + * used in build.js + * + * Formats define the output of your created files + * order of operations: filters > transforms > formats + * + * https://amzn.github.io/style-dictionary/#/formats + */ + +const StyleDictionary = require("style-dictionary"); +const { fileHeader, getTypeScriptType } = StyleDictionary.formatHelpers; + +const declaration = (isJS) => (isJS ? "" : `export const `); +const commaOrColon = (isJS) => (isJS ? `,` : `;`); +const valueOrType = (token, isJS) => + isJS ? `"${token.value}"` : `${getTypeScriptType(token.value)}`; + +const colorDocumentationFormatter = (dictionary, isJS) => { + const renderDescription = (desc) => { + if (desc) { + return isJS ? `description: "${desc}"` : `description: string`; + } + return ""; + }; + + return Object.entries(dictionary.properties.colors) + .map((tokens) => { + const colorObj = tokens[0]; + const filteredTokens = dictionary.allTokens.filter( + (token) => token.attributes.type === colorObj + ); + + return ( + declaration(isJS) + + `${colorObj} : {` + + filteredTokens.map((token) => { + return `${token.name}:{ + name: ${isJS ? `"${colorObj}.${token.name}"` : `string`}, + hex: ${valueOrType(token, isJS)}, + ${renderDescription(token.description)} + }`; + }) + + `}${commaOrColon(isJS)}` + ); + }) + .join(`\n`); +}; + +StyleDictionary.registerFormat({ + name: "custom/format/javascript-colors-documentation", + formatter: ({ dictionary, file }) => { + return ( + fileHeader({ file }) + + `module.exports = {` + + colorDocumentationFormatter(dictionary, true) + + `};` + ); + }, +}); + +StyleDictionary.registerFormat({ + name: "custom/format/typescript-color-declarations-documentation", + formatter: ({ dictionary, file }) => { + return fileHeader({ file }) + colorDocumentationFormatter(dictionary, false); + }, +}); diff --git a/src/helpers/style-dictionary/formats.js b/src/helpers/style-dictionary/formats/tokens.js similarity index 72% rename from src/helpers/style-dictionary/formats.js rename to src/helpers/style-dictionary/formats/tokens.js index 27575269..dbfb5cc8 100644 --- a/src/helpers/style-dictionary/formats.js +++ b/src/helpers/style-dictionary/formats/tokens.js @@ -94,37 +94,6 @@ const customOpacityObjectFormatter = (dictionary, theme, isJS) => { ); }; -const colorDocumentationFormatter = (dictionary, isJS) => { - const renderDescription = (desc) => { - if (desc) { - return isJS ? `description: "${desc}"` : `description: string`; - } - return ""; - }; - - return Object.entries(dictionary.properties.colors) - .map((tokens) => { - const colorObj = tokens[0]; - const filteredTokens = dictionary.allTokens.filter( - (token) => token.attributes.type === colorObj - ); - - return ( - declaration(isJS) + - `${colorObj} : {` + - filteredTokens.map((token) => { - return `${token.name}:{ - name: ${isJS ? `"${colorObj}.${token.name}"` : `string`}, - hex: ${valueOrType(token, isJS)}, - ${renderDescription(token.description)} - }`; - }) + - `}${commaOrColon(isJS)}` - ); - }) - .join(`\n`); -}; - StyleDictionary.registerFormat({ name: "custom/format/typescript-color-declarations", formatter: ({ dictionary, file }) => { @@ -150,22 +119,3 @@ StyleDictionary.registerFormat({ ); }, }); - -StyleDictionary.registerFormat({ - name: "custom/format/javascript-colors-documentation", - formatter: ({ dictionary, file }) => { - return ( - fileHeader({ file }) + - `module.exports = {` + - colorDocumentationFormatter(dictionary, true) + - `};` - ); - }, -}); - -StyleDictionary.registerFormat({ - name: "custom/format/typescript-color-declarations-documentation", - formatter: ({ dictionary, file }) => { - return fileHeader({ file }) + colorDocumentationFormatter(dictionary, false); - }, -}); diff --git a/src/helpers/style-dictionary/index.js b/src/helpers/style-dictionary/index.js new file mode 100644 index 00000000..942c233f --- /dev/null +++ b/src/helpers/style-dictionary/index.js @@ -0,0 +1,5 @@ +require("./filters/filters"); +require("./transforms/transforms"); +require("./transforms/transform-groups"); +require("./formats/tokens"); +require("./formats/documentation"); diff --git a/src/helpers/style-dictionary/transforms/transform-groups.js b/src/helpers/style-dictionary/transforms/transform-groups.js new file mode 100644 index 00000000..9a2905a5 --- /dev/null +++ b/src/helpers/style-dictionary/transforms/transform-groups.js @@ -0,0 +1,46 @@ +/** + * used in build.js + * + * transforms are performed sequentially (see transform groups below). + * order of operations: filters > transforms > formats + * + * https://amzn.github.io/style-dictionary/#/transforms?id=transforms + */ + +require("./transforms"); + +const StyleDictionary = require("style-dictionary"); + +StyleDictionary.registerTransformGroup({ + name: "custom/aviary", + transforms: [ + "attribute/cti", + "custom/name/remove-desktop-prefix", + "custom/name/remove-color-prefix", + ], +}); + +StyleDictionary.registerTransformGroup({ + name: "custom/documentation", + transforms: [ + "attribute/cti", + "custom/name/remove-desktop-prefix", + "custom/name/remove-color-prefix", + ], +}); + +StyleDictionary.registerTransformGroup({ + name: "custom/native", + transforms: [ + "attribute/cti", + "custom/name/remove-desktop-prefix", + "custom/value/rm-px", + "custom/value/font-weight-to-string", + "custom/name/remove-color-prefix", + ], +}); + +StyleDictionary.registerTransformGroup({ + name: "custom/scss", + transforms: ["attribute/cti", "custom/name/remove-desktop-prefix"], +}); diff --git a/src/helpers/style-dictionary/transforms.js b/src/helpers/style-dictionary/transforms/transforms.js similarity index 65% rename from src/helpers/style-dictionary/transforms.js rename to src/helpers/style-dictionary/transforms/transforms.js index e3cf3457..836fb560 100644 --- a/src/helpers/style-dictionary/transforms.js +++ b/src/helpers/style-dictionary/transforms/transforms.js @@ -1,5 +1,5 @@ /** - * used in build.js + * used in transform-groups.js * * transforms are performed sequentially (see transform groups below). * order of operations: filters > transforms > formats @@ -56,39 +56,3 @@ StyleDictionary.registerTransform({ return token.value.toString(); }, }); - -// TRANSFORM GROUPS, used in build.js - -StyleDictionary.registerTransformGroup({ - name: "custom/aviary", - transforms: [ - "attribute/cti", - "custom/name/remove-desktop-prefix", - "custom/name/remove-color-prefix", - ], -}); - -StyleDictionary.registerTransformGroup({ - name: "custom/documentation", - transforms: [ - "attribute/cti", - "custom/name/remove-desktop-prefix", - "custom/name/remove-color-prefix", - ], -}); - -StyleDictionary.registerTransformGroup({ - name: "custom/native", - transforms: [ - "attribute/cti", - "custom/name/remove-desktop-prefix", - "custom/value/rm-px", - "custom/value/font-weight-to-string", - "custom/name/remove-color-prefix", - ], -}); - -StyleDictionary.registerTransformGroup({ - name: "custom/scss", - transforms: ["attribute/cti", "custom/name/remove-desktop-prefix"], -}); From a0cd5dcc552f1e20f031efc97ecdc0ceeeb0751f Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 17 Oct 2023 14:58:14 +0000 Subject: [PATCH 06/19] Transformed tokens --- dist/documentation/core-dark-colors.d.ts | 233 --------- dist/documentation/core-dark-colors.js | 233 --------- dist/documentation/core-light-colors.d.ts | 270 ---------- dist/documentation/core-light-colors.js | 270 ---------- dist/documentation/themes/dark.d.ts | 600 ---------------------- dist/documentation/themes/dark.js | 600 ---------------------- dist/documentation/themes/emerson.d.ts | 596 --------------------- dist/documentation/themes/emerson.js | 596 --------------------- dist/documentation/themes/light.d.ts | 596 --------------------- dist/documentation/themes/light.js | 596 --------------------- dist/documentation/themes/lightDS3.d.ts | 596 --------------------- dist/documentation/themes/lightDS3.js | 596 --------------------- dist/helpers/colorProfileMapper.d.ts | 109 ---- dist/helpers/colorProfileMapper.d.ts.map | 1 - dist/helpers/colorProfileMapper.js | 21 - dist/helpers/index.d.ts | 2 - dist/helpers/index.d.ts.map | 1 - dist/helpers/index.js | 24 - dist/index.d.ts | 9 - dist/index.d.ts.map | 1 - dist/index.js | 94 ---- dist/tokens/native/borders.d.ts | 10 - dist/tokens/native/borders.js | 12 - dist/tokens/native/core-dark-colors.d.ts | 13 - dist/tokens/native/core-dark-colors.js | 13 - dist/tokens/native/core-light-colors.d.ts | 14 - dist/tokens/native/core-light-colors.js | 14 - dist/tokens/native/themes/dark.d.ts | 21 - dist/tokens/native/themes/dark.js | 21 - dist/tokens/native/themes/emerson.d.ts | 21 - dist/tokens/native/themes/emerson.js | 21 - dist/tokens/native/themes/light.d.ts | 21 - dist/tokens/native/themes/light.js | 21 - dist/tokens/native/themes/lightDS3.d.ts | 21 - dist/tokens/native/themes/lightDS3.js | 21 - 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 | 59 --- dist/tokens/scss/core-light-colors.scss | 68 --- dist/tokens/scss/themes/dark.scss | 149 ------ dist/tokens/scss/themes/emerson.scss | 148 ------ dist/tokens/scss/themes/light.scss | 148 ------ dist/tokens/scss/themes/lightDS3.scss | 148 ------ 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 | 13 - dist/tokens/ts/core-dark-colors.js | 13 - dist/tokens/ts/core-light-colors.d.ts | 14 - dist/tokens/ts/core-light-colors.js | 14 - dist/tokens/ts/themes/dark.d.ts | 21 - dist/tokens/ts/themes/dark.js | 21 - dist/tokens/ts/themes/emerson.d.ts | 21 - dist/tokens/ts/themes/emerson.js | 21 - dist/tokens/ts/themes/light.d.ts | 21 - dist/tokens/ts/themes/light.js | 21 - dist/tokens/ts/themes/lightDS3.d.ts | 21 - dist/tokens/ts/themes/lightDS3.js | 21 - dist/tokens/ts/typography.d.ts | 117 ----- dist/tokens/ts/typography.js | 119 ----- dist/types/index.d.ts | 4 - dist/types/index.d.ts.map | 1 - dist/types/index.js | 50 -- dist/types/intentions.d.ts | 16 - dist/types/intentions.d.ts.map | 1 - dist/types/intentions.js | 19 - dist/types/interfaces.d.ts | 30 -- dist/types/interfaces.d.ts.map | 1 - dist/types/interfaces.js | 43 -- dist/types/profiles.d.ts | 6 - dist/types/profiles.d.ts.map | 1 - dist/types/profiles.js | 5 - dist/types/themes.d.ts | 8 - dist/types/themes.d.ts.map | 1 - dist/types/themes.js | 46 -- 76 files changed, 8081 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/intentions.d.ts delete mode 100644 dist/types/intentions.d.ts.map delete mode 100644 dist/types/intentions.js delete mode 100644 dist/types/interfaces.d.ts delete mode 100644 dist/types/interfaces.d.ts.map delete mode 100644 dist/types/interfaces.js delete mode 100644 dist/types/profiles.d.ts delete mode 100644 dist/types/profiles.d.ts.map delete mode 100644 dist/types/profiles.js delete mode 100644 dist/types/themes.d.ts delete mode 100644 dist/types/themes.d.ts.map delete mode 100644 dist/types/themes.js diff --git a/dist/documentation/core-dark-colors.d.ts b/dist/documentation/core-dark-colors.d.ts deleted file mode 100644 index 7002ba1d..00000000 --- a/dist/documentation/core-dark-colors.d.ts +++ /dev/null @@ -1,233 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const green : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const blue : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const red : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const purple : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const orange : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const grey : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const shades : {white:{ - name: string, - hex: string, - - },black:{ - name: string, - hex: string, - - },transparent:{ - name: string, - hex: string, - - }}; -export const brown : {200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - }}; \ 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 e9566b8a..00000000 --- a/dist/documentation/core-dark-colors.js +++ /dev/null @@ -1,233 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {green : {100:{ - name: "green.100", - hex: "#0C291E", - - },200:{ - name: "green.200", - hex: "#0F3326", - - },300:{ - name: "green.300", - hex: "#13402F", - - },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: "#102337", - - },300:{ - name: "blue.300", - hex: "#142C45", - - },400:{ - name: "blue.400", - hex: "#285685", - - },500:{ - name: "blue.500", - hex: "#4577AD", - - },600:{ - name: "blue.600", - hex: "#6597CE", - - },700:{ - name: "blue.700", - hex: "#96BDE7", - - },800:{ - name: "blue.800", - hex: "#D1E8FF", - - }}, -red : {100:{ - name: "red.100", - hex: "#290F16", - - },200:{ - name: "red.200", - hex: "#34101A", - - },300:{ - name: "red.300", - hex: "#451522", - - },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: "#291433", - - },300:{ - name: "purple.300", - hex: "#33193F", - - },400:{ - name: "purple.400", - hex: "#542F66", - - },500:{ - name: "purple.500", - hex: "#693B80", - - },600:{ - name: "purple.600", - hex: "#865C99", - - },700:{ - name: "purple.700", - hex: "#B990CC", - - },800:{ - name: "purple.800", - hex: "#F0D1FF", - - }}, -orange : {100:{ - name: "orange.100", - hex: "#29170C", - - },200:{ - name: "orange.200", - hex: "#361D0E", - - },300:{ - name: "orange.300", - hex: "#4A2915", - - },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: "#98999B", - - },700:{ - name: "grey.700", - hex: "#BCBDBF", - - },800:{ - name: "grey.800", - hex: "#E8E9EA", - - }}, -shades : {white:{ - name: "shades.white", - hex: "#FFFFFF", - - },black:{ - name: "shades.black", - hex: "#000000", - - },transparent:{ - name: "shades.transparent", - hex: "transparent", - - }}, -brown : {200:{ - name: "brown.200", - hex: "#33260F", - - },300:{ - name: "brown.300", - hex: "#402F13", - - },400:{ - name: "brown.400", - hex: "#6E5225", - - },700:{ - name: "brown.700", - hex: "#D6BA87", - - }},}; \ 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 32c7f19b..00000000 --- a/dist/documentation/core-light-colors.d.ts +++ /dev/null @@ -1,270 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const green : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const blue : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const red : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const purple : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const orange : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const grey : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - },900:{ - name: string, - hex: string, - - }}; -export const shades : {white:{ - name: string, - hex: string, - - },black:{ - name: string, - hex: string, - - },transparent:{ - name: string, - hex: string, - - }}; -export const yellow : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const brown : {200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - }}; \ 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 dc22aeb7..00000000 --- a/dist/documentation/core-light-colors.js +++ /dev/null @@ -1,270 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {green : {100:{ - name: "green.100", - hex: "#FAFFFC", - - },200:{ - name: "green.200", - hex: "#EBF2EF", - - },300:{ - name: "green.300", - hex: "#D1E0D9", - - },400:{ - name: "green.400", - hex: "#B6CFC2", - - },500:{ - name: "green.500", - hex: "#86B09B", - - },600:{ - name: "green.600", - hex: "#307553", - - },700:{ - name: "green.700", - hex: "#275E43", - - },800:{ - name: "green.800", - hex: "#244C38", - - }}, -blue : {100:{ - name: "blue.100", - hex: "#F5FAFF", - - },200:{ - name: "blue.200", - hex: "#E6F1FC", - - },300:{ - name: "blue.300", - hex: "#C0D8F0", - - },400:{ - name: "blue.400", - hex: "#88B1D9", - - },500:{ - name: "blue.500", - hex: "#5D96CF", - - },600:{ - name: "blue.600", - hex: "#3971A8", - - },700:{ - name: "blue.700", - hex: "#21588F", - - },800:{ - name: "blue.800", - hex: "#194673", - - }}, -red : {100:{ - name: "red.100", - hex: "#FFF7F9", - - },200:{ - name: "red.200", - hex: "#FEEEF2", - - },300:{ - name: "red.300", - hex: "#F0C4CD", - - },400:{ - name: "red.400", - hex: "#E296A6", - - },500:{ - name: "red.500", - hex: "#C6516A", - - },600:{ - name: "red.600", - hex: "#AF2645", - - },700:{ - name: "red.700", - hex: "#980B29", - - },800:{ - name: "red.800", - hex: "#800D25", - - }}, -purple : {100:{ - name: "purple.100", - hex: "#FCFAFF", - - },200:{ - name: "purple.200", - hex: "#F2ECFE", - - },300:{ - name: "purple.300", - hex: "#D7CEE9", - - },400:{ - name: "purple.400", - hex: "#B9ABD5", - - },500:{ - name: "purple.500", - hex: "#8471AB", - - },600:{ - name: "purple.600", - hex: "#533E7D", - - },700:{ - name: "purple.700", - hex: "#3B2566", - - },800:{ - name: "purple.800", - hex: "#2A174F", - - }}, -orange : {100:{ - name: "orange.100", - hex: "#FFFAF5", - - },200:{ - name: "orange.200", - hex: "#FFF3E8", - - },300:{ - name: "orange.300", - hex: "#F3D8C0", - - },400:{ - name: "orange.400", - hex: "#E7B88F", - - },500:{ - name: "orange.500", - hex: "#CF8545", - - },600:{ - name: "orange.600", - hex: "#B4631D", - - },700:{ - name: "orange.700", - hex: "#8E4D14", - - },800:{ - name: "orange.800", - hex: "#784213", - - }}, -grey : {100:{ - name: "grey.100", - hex: "#FCFEFF", - - },200:{ - name: "grey.200", - hex: "#F5F7FA", - - },300:{ - name: "grey.300", - hex: "#E6EDF5", - - },400:{ - name: "grey.400", - hex: "#C8D3E0", - - },500:{ - name: "grey.500", - hex: "#596D84", - - },600:{ - name: "grey.600", - hex: "#475A70", - - },700:{ - name: "grey.700", - hex: "#36485C", - - },800:{ - name: "grey.800", - hex: "#2E3A47", - - },900:{ - name: "grey.900", - hex: "#212933", - - }}, -shades : {white:{ - name: "shades.white", - hex: "#FFFFFF", - - },black:{ - name: "shades.black", - hex: "#000000", - - },transparent:{ - name: "shades.transparent", - hex: "transparent", - - }}, -yellow : {100:{ - name: "yellow.100", - hex: "#faf8f2", - - },200:{ - name: "yellow.200", - hex: "#fcf3dd", - - },300:{ - name: "yellow.300", - hex: "#fce7b1", - - },400:{ - name: "yellow.400", - hex: "#fcd97e", - - },500:{ - name: "yellow.500", - hex: "#fccb4c", - - },600:{ - name: "yellow.600", - hex: "#ffc121", - - },700:{ - name: "yellow.700", - hex: "#f7b200", - - },800:{ - name: "yellow.800", - hex: "#e5a500", - - }}, -brown : {200:{ - name: "brown.200", - hex: "#F6F1E5", - - },300:{ - name: "brown.300", - hex: "#E4D9C2", - - },400:{ - name: "brown.400", - hex: "#DACCAA", - - },700:{ - name: "brown.700", - hex: "#5E4D27", - - }},}; \ 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 529082bd..00000000 --- a/dist/documentation/themes/dark.d.ts +++ /dev/null @@ -1,600 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },nakedContent:{ - name: string, - hex: string, - - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js deleted file mode 100644 index fc077af7..00000000 --- a/dist/documentation/themes/dark.js +++ /dev/null @@ -1,600 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 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: "#BCBDBF", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#98999B", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#FFFFFF", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#BCBDBF", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#E8E9EA", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#101012", - 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: "#98999B", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#BCBDBF", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#6597CE", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#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: "#101012", - 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: "#1A1D21", - 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: "#1A1D21", - 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: "#1A1D21", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#1A1D21", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#E8E9EA", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#FFFFFF", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#FFFFFF", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#22272B", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#2D3238", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#515357", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#0C291E", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#515357", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#98999B", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#BCBDBF", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#42AD86", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#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: "#42AD86", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#86D6B9", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#0F3326", - 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: "#13402F", - 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: "#256E53", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#288563", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#42AD86", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#6597CE", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#96BDE7", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#D1E8FF", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#4577AD", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#285685", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#142C45", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#102337", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#142C45", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#285685", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#0C1B29", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#4577AD", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#285685", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#142C45", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#CF7945", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#E7AA84", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#FFE3D1", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#AD6234", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#CF7945", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#E7AA84", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#361D0E", - 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: "#4A2915", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#8A4E29", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#29170C", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#8A4E29", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#AD6234", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#CF7945", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#C74C6B", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#EA8AA3", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#FFD1DD", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#B23655", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#C74C6B", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#EA8AA3", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#34101A", - 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: "#451522", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#8F2843", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#290F16", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#8F2843", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#B23655", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#C74C6B", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#865C99", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#B990CC", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#F0D1FF", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#693B80", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#865C99", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#B990CC", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#291433", - 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: "#33193F", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#542F66", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#200F29", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#542F66", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#693B80", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#865C99", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#98999B", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#22272B", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#515357", - description: "Used as the border for disabled components" - },nakedContent:{ - name: "disabled.nakedContent", - hex: "#22272B", - - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#2D3238", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#98999B", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#1B2228", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#2D3238", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#FFFFFF", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#BCBDBF", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#B23655", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#BCBDBF", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#4577AD", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#B23655", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#98999B", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#FFFFFF", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#2D3238", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#8F2843", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#515357", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#98999B", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#BCBDBF", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#285685", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#515357", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#515357", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#E8E9EA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E8E9EA", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2D3238", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#E8E9EA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#000000", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#86D6B9", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#0F3326", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#13402F", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#256E53", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#D6BA87", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#33260F", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#402F13", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#6E5225", - - }},}; \ 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 e0dc04a7..00000000 --- a/dist/documentation/themes/emerson.d.ts +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js deleted file mode 100644 index cbaa7c6d..00000000 --- a/dist/documentation/themes/emerson.js +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#36485C", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#475A70", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#596D84", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#FFFFFF", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#FFFFFF", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#FFFFFF", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#36485C", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#2E3A47", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#212933", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FCFEFF", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#2E3A47", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as buttons" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as buttons" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#C8D3E0", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#000000", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#275E43", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#EBF2EF", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#D1E0D9", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#B6CFC2", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#5E4D27", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#F6F1E5", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#E4D9C2", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts deleted file mode 100644 index e0dc04a7..00000000 --- a/dist/documentation/themes/light.d.ts +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js deleted file mode 100644 index 87c7e878..00000000 --- a/dist/documentation/themes/light.js +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#36485C", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#475A70", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#FFFFFF", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#FFFFFF", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#FFFFFF", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#36485C", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#2E3A47", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#212933", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FCFEFF", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for primary components" - },borderHover:{ - name: "primary.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for primary components" - },borderActive:{ - name: "primary.borderActive", - hex: "#2E3A47", - description: "Used for the pressed border colour for primary components" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#C8D3E0", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#36485C", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#275E43", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#EBF2EF", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#D1E0D9", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#B6CFC2", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#5E4D27", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#F6F1E5", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#E4D9C2", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts deleted file mode 100644 index e0dc04a7..00000000 --- a/dist/documentation/themes/lightDS3.d.ts +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js deleted file mode 100644 index 3aafc783..00000000 --- a/dist/documentation/themes/lightDS3.js +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#36485C", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#475A70", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#596D84", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#F5F7FA", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#307553", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#307553", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#275E43", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#244C38", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#307553", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#E6EDF5", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#36485C", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#275E43", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#EBF2EF", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#D1E0D9", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#B6CFC2", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#5E4D27", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#F6F1E5", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#E4D9C2", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts deleted file mode 100644 index 05da7d25..00000000 --- a/dist/helpers/colorProfileMapper.d.ts +++ /dev/null @@ -1,109 +0,0 @@ -import type { AviaryTheme } from "../types/themes"; -export declare const colorProfileMapper: (currentTheme: AviaryTheme) => { - primary: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - info: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - warning: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - danger: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - highlight: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - system: { - textLabelEmphasis: string; - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - borderFocused: string; - }; - success: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; -}; -//# sourceMappingURL=colorProfileMapper.d.ts.map \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map deleted file mode 100644 index 3c1e9e83..00000000 --- a/dist/helpers/colorProfileMapper.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js deleted file mode 100644 index e5da22d5..00000000 --- a/dist/helpers/colorProfileMapper.js +++ /dev/null @@ -1,21 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.colorProfileMapper = void 0; - -// Used for mapping over selected `isColor` properties -var colorProfileMapper = function colorProfileMapper(currentTheme) { - return { - primary: currentTheme.primary, - info: currentTheme.info, - warning: currentTheme.warning, - danger: currentTheme.danger, - highlight: currentTheme.highlight, - system: currentTheme.system, - success: currentTheme.success - }; -}; - -exports.colorProfileMapper = colorProfileMapper; \ No newline at end of file diff --git a/dist/helpers/index.d.ts b/dist/helpers/index.d.ts deleted file mode 100644 index 7a4a22d6..00000000 --- a/dist/helpers/index.d.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from "./colorProfileMapper"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/helpers/index.d.ts.map b/dist/helpers/index.d.ts.map deleted file mode 100644 index 94ae4bb1..00000000 --- a/dist/helpers/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"} \ No newline at end of file diff --git a/dist/helpers/index.js b/dist/helpers/index.js deleted file mode 100644 index 155de21a..00000000 --- a/dist/helpers/index.js +++ /dev/null @@ -1,24 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _colorProfileMapper = require("./colorProfileMapper"); - -Object.keys(_colorProfileMapper).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _colorProfileMapper[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _colorProfileMapper[key]; - } - }); -}); \ No newline at end of file diff --git a/dist/index.d.ts b/dist/index.d.ts deleted file mode 100644 index dcd56928..00000000 --- a/dist/index.d.ts +++ /dev/null @@ -1,9 +0,0 @@ -export * from "./helpers"; -export * from "./types"; -export * as borders from "../dist/tokens/ts/borders"; -export * as typography from "../dist/tokens/ts/typography"; -export * as lightThemeDocumentation from "../dist/documentation/themes/light"; -export * as darkThemeDocumentation from "../dist/documentation/themes/dark"; -export * as coreDarkDocumentation from "../dist/documentation/core-dark-colors"; -export * as coreLightDocumentation from "../dist/documentation/core-light-colors"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map deleted file mode 100644 index 666537dc..00000000 --- a/dist/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,uBAAuB,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,sBAAsB,MAAM,mCAAmC,CAAC;AAG5E,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAChF,OAAO,KAAK,sBAAsB,MAAM,yCAAyC,CAAC"} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js deleted file mode 100644 index b653d350..00000000 --- a/dist/index.js +++ /dev/null @@ -1,94 +0,0 @@ -"use strict"; - -function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } - -require("core-js/modules/es.array.iterator.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.string.iterator.js"); - -require("core-js/modules/es.weak-map.js"); - -require("core-js/modules/web.dom-collections.iterator.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.symbol.description.js"); - -require("core-js/modules/es.symbol.iterator.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -var _exportNames = { - borders: true, - typography: true, - lightThemeDocumentation: true, - darkThemeDocumentation: true, - coreDarkDocumentation: true, - coreLightDocumentation: true -}; -exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = exports.borders = void 0; - -var _helpers = require("./helpers"); - -Object.keys(_helpers).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; - if (key in exports && exports[key] === _helpers[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _helpers[key]; - } - }); -}); - -var _types = require("./types"); - -Object.keys(_types).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; - if (key in exports && exports[key] === _types[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _types[key]; - } - }); -}); - -var _borders = _interopRequireWildcard(require("../dist/tokens/ts/borders")); - -exports.borders = _borders; - -var _typography = _interopRequireWildcard(require("../dist/tokens/ts/typography")); - -exports.typography = _typography; - -var _lightThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/light")); - -exports.lightThemeDocumentation = _lightThemeDocumentation; - -var _darkThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/dark")); - -exports.darkThemeDocumentation = _darkThemeDocumentation; - -var _coreDarkDocumentation = _interopRequireWildcard(require("../dist/documentation/core-dark-colors")); - -exports.coreDarkDocumentation = _coreDarkDocumentation; - -var _coreLightDocumentation = _interopRequireWildcard(require("../dist/documentation/core-light-colors")); - -exports.coreLightDocumentation = _coreLightDocumentation; - -function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } - -function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts deleted file mode 100644 index fe39c654..00000000 --- a/dist/tokens/native/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 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 4fedb87c..00000000 --- a/dist/tokens/native/borders.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 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 243192f5..00000000 --- a/dist/tokens/native/core-dark-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 a3e781b8..00000000 --- a/dist/tokens/native/core-dark-colors.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, -blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, -red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, -orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, -grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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 db431927..00000000 --- a/dist/tokens/native/core-light-colors.d.ts +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 09779da8..00000000 --- a/dist/tokens/native/core-light-colors.js +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, -blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, -red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, -purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, -orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, -grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, -brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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 61ca0193..00000000 --- a/dist/tokens/native/themes/dark.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 e99c160b..00000000 --- a/dist/tokens/native/themes/dark.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {theme: "dark", -text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, -surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, -primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, -success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, -info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, -warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, -danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, -highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, -disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, -input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, -separator : {base : "#515357"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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 8dd82f3f..00000000 --- a/dist/tokens/native/themes/emerson.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 c07c4960..00000000 --- a/dist/tokens/native/themes/emerson.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {theme: "emerson", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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 8dd82f3f..00000000 --- a/dist/tokens/native/themes/light.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 52715d79..00000000 --- a/dist/tokens/native/themes/light.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {theme: "light", -text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 8dd82f3f..00000000 --- a/dist/tokens/native/themes/lightDS3.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 8264ca6b..00000000 --- a/dist/tokens/native/themes/lightDS3.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {theme: "lightDS3", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 4096d06d..00000000 --- a/dist/tokens/native/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 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 e1a407ae..00000000 --- a/dist/tokens/native/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 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 650cfd6e..00000000 --- a/dist/tokens/scss/borders.scss +++ /dev/null @@ -1,9 +0,0 @@ - -// Do not edit directly -// Generated on Mon, 16 Oct 2023 21:14:54 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 a7676f0e..00000000 --- a/dist/tokens/scss/core-dark-colors.scss +++ /dev/null @@ -1,59 +0,0 @@ - -// Do not edit directly -// Generated on Mon, 16 Oct 2023 21:14:54 GMT - -$green100: #0C291E; -$green200: #0F3326; -$green300: #13402F; -$green400: #256E53; -$green500: #288563; -$green600: #42AD86; -$green700: #86D6B9; -$green800: #DBFFF1; -$blue100: #0C1B29; -$blue200: #102337; -$blue300: #142C45; -$blue400: #285685; -$blue500: #4577AD; -$blue600: #6597CE; -$blue700: #96BDE7; -$blue800: #D1E8FF; -$red100: #290F16; -$red200: #34101A; -$red300: #451522; -$red400: #8F2843; -$red500: #B23655; -$red600: #C74C6B; -$red700: #EA8AA3; -$red800: #FFD1DD; -$purple100: #200F29; -$purple200: #291433; -$purple300: #33193F; -$purple400: #542F66; -$purple500: #693B80; -$purple600: #865C99; -$purple700: #B990CC; -$purple800: #F0D1FF; -$orange100: #29170C; -$orange200: #361D0E; -$orange300: #4A2915; -$orange400: #8A4E29; -$orange500: #AD6234; -$orange600: #CF7945; -$orange700: #E7AA84; -$orange800: #FFE3D1; -$grey100: #101012; -$grey200: #1A1D21; -$grey300: #22272B; -$grey400: #2D3238; -$grey500: #515357; -$grey600: #98999B; -$grey700: #BCBDBF; -$grey800: #E8E9EA; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; -$brown200: #33260F; -$brown300: #402F13; -$brown400: #6E5225; -$brown700: #D6BA87; \ 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 6c51cc62..00000000 --- a/dist/tokens/scss/core-light-colors.scss +++ /dev/null @@ -1,68 +0,0 @@ - -// Do not edit directly -// Generated on Mon, 16 Oct 2023 21:14:54 GMT - -$green100: #FAFFFC; -$green200: #EBF2EF; -$green300: #D1E0D9; -$green400: #B6CFC2; -$green500: #86B09B; -$green600: #307553; -$green700: #275E43; -$green800: #244C38; -$blue100: #F5FAFF; -$blue200: #E6F1FC; -$blue300: #C0D8F0; -$blue400: #88B1D9; -$blue500: #5D96CF; -$blue600: #3971A8; -$blue700: #21588F; -$blue800: #194673; -$red100: #FFF7F9; -$red200: #FEEEF2; -$red300: #F0C4CD; -$red400: #E296A6; -$red500: #C6516A; -$red600: #AF2645; -$red700: #980B29; -$red800: #800D25; -$purple100: #FCFAFF; -$purple200: #F2ECFE; -$purple300: #D7CEE9; -$purple400: #B9ABD5; -$purple500: #8471AB; -$purple600: #533E7D; -$purple700: #3B2566; -$purple800: #2A174F; -$orange100: #FFFAF5; -$orange200: #FFF3E8; -$orange300: #F3D8C0; -$orange400: #E7B88F; -$orange500: #CF8545; -$orange600: #B4631D; -$orange700: #8E4D14; -$orange800: #784213; -$grey100: #FCFEFF; -$grey200: #F5F7FA; -$grey300: #E6EDF5; -$grey400: #C8D3E0; -$grey500: #596D84; -$grey600: #475A70; -$grey700: #36485C; -$grey800: #2E3A47; -$grey900: #212933; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; -$yellow100: #faf8f2; -$yellow200: #fcf3dd; -$yellow300: #fce7b1; -$yellow400: #fcd97e; -$yellow500: #fccb4c; -$yellow600: #ffc121; -$yellow700: #f7b200; -$yellow800: #e5a500; -$brown200: #F6F1E5; -$brown300: #E4D9C2; -$brown400: #DACCAA; -$brown700: #5E4D27; \ 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 b725a864..00000000 --- a/dist/tokens/scss/themes/dark.scss +++ /dev/null @@ -1,149 +0,0 @@ - -// Do not edit directly -// Generated on Mon, 16 Oct 2023 21:14:54 GMT - -$textEmphasis: #E8E9EA; -$textBody: #BCBDBF; -$textSubdued: #98999B; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #FFFFFF; -$systemTextBase: #BCBDBF; -$systemTextHover: #E8E9EA; -$systemTextActive: #FFFFFF; -$systemBackgroundBase: #101012; -$systemBackgroundMuted: #22272B; -$systemBackgroundMutedHover: #2D3238; -$systemBackgroundMutedActive: #515357; -$systemBackgroundBox: #1A1D21; -$systemBorderBase: #515357; -$systemBorderHover: #98999B; -$systemBorderActive: #BCBDBF; -$systemBorderFocused: #6597CE; -$surfaceLevel0: #101012; -$surfaceLevel1: #101012; -$surfaceLevel2: #22272B; -$surfaceInteractiveBackground: #1A1D21; -$surfaceInteractiveHover: #22272B; -$surfaceInteractiveActive: #2D3238; -$surfaceOverlayDark: #22272B; -$surfaceOverlayTheme: #1A1D21; -$surfaceOverlayBackdrop: #1A1D21; -$primaryTextBase: #1A1D21; -$primaryTextHover: #1A1D21; -$primaryTextActive: #1A1D21; -$primaryBackgroundBase: #E8E9EA; -$primaryBackgroundHover: #FFFFFF; -$primaryBackgroundActive: #FFFFFF; -$primaryBackgroundMuted: #22272B; -$primaryBackgroundMutedHover: #2D3238; -$primaryBackgroundMutedActive: #515357; -$primaryBackgroundBox: #0C291E; -$primaryBorderBase: #515357; -$primaryBorderHover: #98999B; -$primaryBorderActive: #BCBDBF; -$successTextBase: #42AD86; -$successTextHover: #86D6B9; -$successTextActive: #DBFFF1; -$successBackgroundBase: #288563; -$successBackgroundHover: #42AD86; -$successBackgroundActive: #86D6B9; -$successBackgroundMuted: #0F3326; -$successBackgroundMutedHover: #13402F; -$successBackgroundMutedActive: #256E53; -$successBackgroundBox: #0C291E; -$successBorderBase: #256E53; -$successBorderHover: #288563; -$successBorderActive: #42AD86; -$infoTextBase: #6597CE; -$infoTextHover: #96BDE7; -$infoTextActive: #D1E8FF; -$infoBackgroundBase: #4577AD; -$infoBackgroundHover: #285685; -$infoBackgroundActive: #142C45; -$infoBackgroundMuted: #102337; -$infoBackgroundMutedHover: #142C45; -$infoBackgroundMutedActive: #285685; -$infoBackgroundBox: #0C1B29; -$infoBorderBase: #4577AD; -$infoBorderHover: #285685; -$infoBorderActive: #142C45; -$warningTextBase: #CF7945; -$warningTextHover: #E7AA84; -$warningTextActive: #FFE3D1; -$warningBackgroundBase: #AD6234; -$warningBackgroundHover: #CF7945; -$warningBackgroundActive: #E7AA84; -$warningBackgroundMuted: #361D0E; -$warningBackgroundMutedHover: #4A2915; -$warningBackgroundMutedActive: #8A4E29; -$warningBackgroundBox: #29170C; -$warningBorderBase: #8A4E29; -$warningBorderHover: #AD6234; -$warningBorderActive: #CF7945; -$dangerTextBase: #C74C6B; -$dangerTextHover: #EA8AA3; -$dangerTextActive: #FFD1DD; -$dangerBackgroundBase: #B23655; -$dangerBackgroundHover: #C74C6B; -$dangerBackgroundActive: #EA8AA3; -$dangerBackgroundMuted: #34101A; -$dangerBackgroundMutedHover: #451522; -$dangerBackgroundMutedActive: #8F2843; -$dangerBackgroundBox: #290F16; -$dangerBorderBase: #8F2843; -$dangerBorderHover: #B23655; -$dangerBorderActive: #C74C6B; -$highlightTextBase: #865C99; -$highlightTextHover: #B990CC; -$highlightTextActive: #F0D1FF; -$highlightBackgroundBase: #693B80; -$highlightBackgroundHover: #865C99; -$highlightBackgroundActive: #B990CC; -$highlightBackgroundMuted: #291433; -$highlightBackgroundMutedHover: #33193F; -$highlightBackgroundMutedActive: #542F66; -$highlightBackgroundBox: #200F29; -$highlightBorderBase: #542F66; -$highlightBorderHover: #693B80; -$highlightBorderActive: #865C99; -$disabledText: #98999B; -$disabledBackground: #22272B; -$disabledNakedBackground: transparent; -$disabledBorder: #515357; -$disabledNakedContent: #22272B; -$disabledInputBackground: #2D3238; -$disabledInputLabelText: #98999B; -$inputBackgroundBase: #1B2228; -$inputBackgroundHover: #2D3238; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #FFFFFF; -$inputTextInformation: #BCBDBF; -$inputTextInformationError: #B23655; -$inputTextLabel: #BCBDBF; -$inputTextFloatingLabel: #4577AD; -$inputTextFloatingLabelError: #B23655; -$inputTextPlaceholder: #98999B; -$inputTextActive: #FFFFFF; -$inputBorderBase: #2D3238; -$inputBorderError: #8F2843; -$inputBorderHover: #515357; -$inputBorderEmphasized: #98999B; -$inputBorderEmphasizedHover: #BCBDBF; -$inputBorderActive: #285685; -$separatorBase: #515357; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #515357; -$lightBackgroundHover: #E8E9EA; -$lightBackgroundActive: #E8E9EA; -$lightTextBase: #2D3238; -$lightLinkMutedBase: #E8E9EA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #000000; -$accentForestTextBase: #86D6B9; -$accentForestBackgroundMuted: #0F3326; -$accentForestBackgroundMutedHover: #13402F; -$accentForestBackgroundMutedActive: #256E53; -$accentSandTextBase: #D6BA87; -$accentSandBackgroundMuted: #33260F; -$accentSandBackgroundMutedHover: #402F13; -$accentSandBackgroundMutedActive: #6E5225; \ 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 71ea8d8a..00000000 --- a/dist/tokens/scss/themes/emerson.scss +++ /dev/null @@ -1,148 +0,0 @@ - -// Do not edit directly -// Generated on Mon, 16 Oct 2023 21:14:54 GMT - -$textEmphasis: #36485C; -$textBody: #475A70; -$textSubdued: #596D84; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #FFFFFF; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #FFFFFF; -$primaryTextHover: #FFFFFF; -$primaryTextActive: #FFFFFF; -$primaryBackgroundBase: #36485C; -$primaryBackgroundHover: #2E3A47; -$primaryBackgroundActive: #212933; -$primaryBackgroundMuted: #F5F7FA; -$primaryBackgroundMutedHover: #E6EDF5; -$primaryBackgroundMutedActive: #C8D3E0; -$primaryBackgroundBox: #FCFEFF; -$primaryBorderBase: #C8D3E0; -$primaryBorderHover: #596D84; -$primaryBorderActive: #2E3A47; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #C8D3E0; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #000000; -$accentForestTextBase: #275E43; -$accentForestBackgroundMuted: #EBF2EF; -$accentForestBackgroundMutedHover: #D1E0D9; -$accentForestBackgroundMutedActive: #B6CFC2; -$accentSandTextBase: #5E4D27; -$accentSandBackgroundMuted: #F6F1E5; -$accentSandBackgroundMutedHover: #E4D9C2; -$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss deleted file mode 100644 index a1ebeac8..00000000 --- a/dist/tokens/scss/themes/light.scss +++ /dev/null @@ -1,148 +0,0 @@ - -// Do not edit directly -// Generated on Mon, 16 Oct 2023 21:14:54 GMT - -$textEmphasis: #2E3A47; -$textBody: #36485C; -$textSubdued: #475A70; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #FFFFFF; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #FFFFFF; -$primaryTextHover: #FFFFFF; -$primaryTextActive: #FFFFFF; -$primaryBackgroundBase: #36485C; -$primaryBackgroundHover: #2E3A47; -$primaryBackgroundActive: #212933; -$primaryBackgroundMuted: #F5F7FA; -$primaryBackgroundMutedHover: #E6EDF5; -$primaryBackgroundMutedActive: #C8D3E0; -$primaryBackgroundBox: #FCFEFF; -$primaryBorderBase: #C8D3E0; -$primaryBorderHover: #596D84; -$primaryBorderActive: #2E3A47; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #C8D3E0; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #36485C; -$accentForestTextBase: #275E43; -$accentForestBackgroundMuted: #EBF2EF; -$accentForestBackgroundMutedHover: #D1E0D9; -$accentForestBackgroundMutedActive: #B6CFC2; -$accentSandTextBase: #5E4D27; -$accentSandBackgroundMuted: #F6F1E5; -$accentSandBackgroundMutedHover: #E4D9C2; -$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss deleted file mode 100644 index 09629d44..00000000 --- a/dist/tokens/scss/themes/lightDS3.scss +++ /dev/null @@ -1,148 +0,0 @@ - -// Do not edit directly -// Generated on Mon, 16 Oct 2023 21:14:54 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; -$accentForestTextBase: #275E43; -$accentForestBackgroundMuted: #EBF2EF; -$accentForestBackgroundMutedHover: #D1E0D9; -$accentForestBackgroundMutedActive: #B6CFC2; -$accentSandTextBase: #5E4D27; -$accentSandBackgroundMuted: #F6F1E5; -$accentSandBackgroundMutedHover: #E4D9C2; -$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss deleted file mode 100644 index f1786092..00000000 --- a/dist/tokens/scss/typography.scss +++ /dev/null @@ -1,116 +0,0 @@ - -// Do not edit directly -// Generated on Mon, 16 Oct 2023 21:14:54 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 293c6a69..00000000 --- a/dist/tokens/ts/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 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 7f277d45..00000000 --- a/dist/tokens/ts/borders.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 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 243192f5..00000000 --- a/dist/tokens/ts/core-dark-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 a3e781b8..00000000 --- a/dist/tokens/ts/core-dark-colors.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, -blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, -red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, -orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, -grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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 db431927..00000000 --- a/dist/tokens/ts/core-light-colors.d.ts +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 09779da8..00000000 --- a/dist/tokens/ts/core-light-colors.js +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, -blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, -red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, -purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, -orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, -grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, -brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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 61ca0193..00000000 --- a/dist/tokens/ts/themes/dark.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 e99c160b..00000000 --- a/dist/tokens/ts/themes/dark.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {theme: "dark", -text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, -surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, -primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, -success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, -info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, -warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, -danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, -highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, -disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, -input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, -separator : {base : "#515357"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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 8dd82f3f..00000000 --- a/dist/tokens/ts/themes/emerson.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 c07c4960..00000000 --- a/dist/tokens/ts/themes/emerson.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {theme: "emerson", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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 8dd82f3f..00000000 --- a/dist/tokens/ts/themes/light.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 52715d79..00000000 --- a/dist/tokens/ts/themes/light.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {theme: "light", -text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 8dd82f3f..00000000 --- a/dist/tokens/ts/themes/lightDS3.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 8264ca6b..00000000 --- a/dist/tokens/ts/themes/lightDS3.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 GMT - */ - -module.exports = {theme: "lightDS3", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 f683bb10..00000000 --- a/dist/tokens/ts/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 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 913e9b5d..00000000 --- a/dist/tokens/ts/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Mon, 16 Oct 2023 21:14:54 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 92e7cc1c..00000000 --- a/dist/types/index.d.ts +++ /dev/null @@ -1,4 +0,0 @@ -export * from "./interfaces"; -export * from "./profiles"; -export * from "./intentions"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/index.d.ts.map b/dist/types/index.d.ts.map deleted file mode 100644 index 4ae2dac6..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;AAC3B,cAAc,cAAc,CAAC"} \ No newline at end of file diff --git a/dist/types/index.js b/dist/types/index.js deleted file mode 100644 index 724eae35..00000000 --- a/dist/types/index.js +++ /dev/null @@ -1,50 +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]; - } - }); -}); - -var _intentions = require("./intentions"); - -Object.keys(_intentions).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _intentions[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _intentions[key]; - } - }); -}); \ No newline at end of file diff --git a/dist/types/intentions.d.ts b/dist/types/intentions.d.ts deleted file mode 100644 index 549a7988..00000000 --- a/dist/types/intentions.d.ts +++ /dev/null @@ -1,16 +0,0 @@ -declare const AVIARY_INTENTIONS: { - primary: string; - system: string; - danger: string; - success: string; - textSuccess: string; - textSystem: string; - textDanger: string; - lightFilled: string; - lightOutlined: string; - lightText: string; -}; -declare type AviaryIntentions = keyof typeof AVIARY_INTENTIONS; -export type { AviaryIntentions }; -export { AVIARY_INTENTIONS }; -//# sourceMappingURL=intentions.d.ts.map \ No newline at end of file diff --git a/dist/types/intentions.d.ts.map b/dist/types/intentions.d.ts.map deleted file mode 100644 index 1f79d160..00000000 --- a/dist/types/intentions.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"intentions.d.ts","sourceRoot":"","sources":["../../src/types/intentions.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;;;;;;;;;;CAWtB,CAAC;AAEF,aAAK,gBAAgB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAEvD,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/intentions.js b/dist/types/intentions.js deleted file mode 100644 index 85242ea9..00000000 --- a/dist/types/intentions.js +++ /dev/null @@ -1,19 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.AVIARY_INTENTIONS = void 0; -var AVIARY_INTENTIONS = { - primary: "primary", - system: "system", - danger: "danger", - success: "success", - textSuccess: "textSuccess", - textSystem: "textSystem", - textDanger: "textDanger", - lightFilled: "lightFilled", - lightOutlined: "lightOutlined", - lightText: "lightText" -}; -exports.AVIARY_INTENTIONS = AVIARY_INTENTIONS; \ No newline at end of file diff --git a/dist/types/interfaces.d.ts b/dist/types/interfaces.d.ts deleted file mode 100644 index ab0bd272..00000000 --- a/dist/types/interfaces.d.ts +++ /dev/null @@ -1,30 +0,0 @@ -declare const AVIARY_COLORS: { - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; - success: string; -}; -declare const EXTENDED_AVIARY_COLORS: { - light: string; - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; - success: string; -}; -declare type AviaryColors = keyof typeof AVIARY_COLORS; -declare type ExtendedAviaryColors = keyof typeof EXTENDED_AVIARY_COLORS; -interface AviaryColorProps { - isColor?: AviaryColors; -} -interface AviaryExtendedColorProps { - isColor?: ExtendedAviaryColors; -} -export type { AviaryColors, AviaryColorProps, AviaryExtendedColorProps, ExtendedAviaryColors, }; -export { AVIARY_COLORS, EXTENDED_AVIARY_COLORS }; -//# sourceMappingURL=interfaces.d.ts.map \ No newline at end of file diff --git a/dist/types/interfaces.d.ts.map b/dist/types/interfaces.d.ts.map deleted file mode 100644 index 57492602..00000000 --- a/dist/types/interfaces.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa;;;;;;;;CAQlB,CAAC;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;CAG3B,CAAC;AAEF,aAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,aAAK,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEhE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AACD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,GACrB,CAAC;AACF,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js deleted file mode 100644 index 900be27c..00000000 --- a/dist/types/interfaces.js +++ /dev/null @@ -1,43 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.keys.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.array.filter.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.get-own-property-descriptors.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.EXTENDED_AVIARY_COLORS = exports.AVIARY_COLORS = void 0; - -function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -var AVIARY_COLORS = { - primary: "primary", - info: "info", - warning: "warning", - danger: "danger", - highlight: "highlight", - system: "system", - success: "success" -}; -exports.AVIARY_COLORS = AVIARY_COLORS; - -var EXTENDED_AVIARY_COLORS = _objectSpread(_objectSpread({}, AVIARY_COLORS), {}, { - light: "light" -}); - -exports.EXTENDED_AVIARY_COLORS = EXTENDED_AVIARY_COLORS; \ No newline at end of file diff --git a/dist/types/profiles.d.ts b/dist/types/profiles.d.ts deleted file mode 100644 index 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 From 96e1b92ccc0c647fc8e216647bb46d27c1491750 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 17 Oct 2023 14:58:43 +0000 Subject: [PATCH 07/19] Built and updated design tokens --- dist/documentation/core-dark-colors.d.ts | 233 +++++++++ dist/documentation/core-dark-colors.js | 233 +++++++++ dist/documentation/core-light-colors.d.ts | 270 ++++++++++ dist/documentation/core-light-colors.js | 270 ++++++++++ dist/documentation/themes/dark.d.ts | 600 ++++++++++++++++++++++ dist/documentation/themes/dark.js | 600 ++++++++++++++++++++++ dist/documentation/themes/emerson.d.ts | 596 +++++++++++++++++++++ dist/documentation/themes/emerson.js | 596 +++++++++++++++++++++ dist/documentation/themes/light.d.ts | 596 +++++++++++++++++++++ dist/documentation/themes/light.js | 596 +++++++++++++++++++++ dist/documentation/themes/lightDS3.d.ts | 596 +++++++++++++++++++++ dist/documentation/themes/lightDS3.js | 596 +++++++++++++++++++++ dist/tokens/native/borders.d.ts | 10 + dist/tokens/native/borders.js | 12 + dist/tokens/native/core-dark-colors.d.ts | 13 + dist/tokens/native/core-dark-colors.js | 13 + dist/tokens/native/core-light-colors.d.ts | 14 + dist/tokens/native/core-light-colors.js | 14 + dist/tokens/native/themes/dark.d.ts | 21 + dist/tokens/native/themes/dark.js | 21 + dist/tokens/native/themes/emerson.d.ts | 21 + dist/tokens/native/themes/emerson.js | 21 + dist/tokens/native/themes/light.d.ts | 21 + dist/tokens/native/themes/light.js | 21 + dist/tokens/native/themes/lightDS3.d.ts | 21 + dist/tokens/native/themes/lightDS3.js | 21 + 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 | 59 +++ dist/tokens/scss/core-light-colors.scss | 68 +++ dist/tokens/scss/themes/dark.scss | 149 ++++++ dist/tokens/scss/themes/emerson.scss | 148 ++++++ dist/tokens/scss/themes/light.scss | 148 ++++++ dist/tokens/scss/themes/lightDS3.scss | 148 ++++++ 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 | 13 + dist/tokens/ts/core-dark-colors.js | 13 + dist/tokens/ts/core-light-colors.d.ts | 14 + dist/tokens/ts/core-light-colors.js | 14 + dist/tokens/ts/themes/dark.d.ts | 21 + dist/tokens/ts/themes/dark.js | 21 + dist/tokens/ts/themes/emerson.d.ts | 21 + dist/tokens/ts/themes/emerson.js | 21 + dist/tokens/ts/themes/light.d.ts | 21 + dist/tokens/ts/themes/light.js | 21 + dist/tokens/ts/themes/lightDS3.d.ts | 21 + dist/tokens/ts/themes/lightDS3.js | 21 + dist/tokens/ts/typography.d.ts | 117 +++++ dist/tokens/ts/typography.js | 119 +++++ 52 files changed, 7587 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..5786f0b3 --- /dev/null +++ b/dist/documentation/core-dark-colors.d.ts @@ -0,0 +1,233 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +export const green : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const blue : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const red : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const purple : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const orange : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const grey : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const shades : {white:{ + name: string, + hex: string, + + },black:{ + name: string, + hex: string, + + },transparent:{ + name: string, + hex: string, + + }}; +export const brown : {200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + }}; \ 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..d642c6f4 --- /dev/null +++ b/dist/documentation/core-dark-colors.js @@ -0,0 +1,233 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#0C291E", + + },200:{ + name: "green.200", + hex: "#0F3326", + + },300:{ + name: "green.300", + hex: "#13402F", + + },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: "#102337", + + },300:{ + name: "blue.300", + hex: "#142C45", + + },400:{ + name: "blue.400", + hex: "#285685", + + },500:{ + name: "blue.500", + hex: "#4577AD", + + },600:{ + name: "blue.600", + hex: "#6597CE", + + },700:{ + name: "blue.700", + hex: "#96BDE7", + + },800:{ + name: "blue.800", + hex: "#D1E8FF", + + }}, +red : {100:{ + name: "red.100", + hex: "#290F16", + + },200:{ + name: "red.200", + hex: "#34101A", + + },300:{ + name: "red.300", + hex: "#451522", + + },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: "#291433", + + },300:{ + name: "purple.300", + hex: "#33193F", + + },400:{ + name: "purple.400", + hex: "#542F66", + + },500:{ + name: "purple.500", + hex: "#693B80", + + },600:{ + name: "purple.600", + hex: "#865C99", + + },700:{ + name: "purple.700", + hex: "#B990CC", + + },800:{ + name: "purple.800", + hex: "#F0D1FF", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#29170C", + + },200:{ + name: "orange.200", + hex: "#361D0E", + + },300:{ + name: "orange.300", + hex: "#4A2915", + + },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: "#98999B", + + },700:{ + name: "grey.700", + hex: "#BCBDBF", + + },800:{ + name: "grey.800", + hex: "#E8E9EA", + + }}, +shades : {white:{ + name: "shades.white", + hex: "#FFFFFF", + + },black:{ + name: "shades.black", + hex: "#000000", + + },transparent:{ + name: "shades.transparent", + hex: "transparent", + + }}, +brown : {200:{ + name: "brown.200", + hex: "#33260F", + + },300:{ + name: "brown.300", + hex: "#402F13", + + },400:{ + name: "brown.400", + hex: "#6E5225", + + },700:{ + name: "brown.700", + hex: "#D6BA87", + + }},}; \ 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..14efaffb --- /dev/null +++ b/dist/documentation/core-light-colors.d.ts @@ -0,0 +1,270 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +export const green : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const blue : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const red : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const purple : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const orange : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const grey : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + },900:{ + name: string, + hex: string, + + }}; +export const shades : {white:{ + name: string, + hex: string, + + },black:{ + name: string, + hex: string, + + },transparent:{ + name: string, + hex: string, + + }}; +export const yellow : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const brown : {200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + }}; \ 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..3f562faa --- /dev/null +++ b/dist/documentation/core-light-colors.js @@ -0,0 +1,270 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#FAFFFC", + + },200:{ + name: "green.200", + hex: "#EBF2EF", + + },300:{ + name: "green.300", + hex: "#D1E0D9", + + },400:{ + name: "green.400", + hex: "#B6CFC2", + + },500:{ + name: "green.500", + hex: "#86B09B", + + },600:{ + name: "green.600", + hex: "#307553", + + },700:{ + name: "green.700", + hex: "#275E43", + + },800:{ + name: "green.800", + hex: "#244C38", + + }}, +blue : {100:{ + name: "blue.100", + hex: "#F5FAFF", + + },200:{ + name: "blue.200", + hex: "#E6F1FC", + + },300:{ + name: "blue.300", + hex: "#C0D8F0", + + },400:{ + name: "blue.400", + hex: "#88B1D9", + + },500:{ + name: "blue.500", + hex: "#5D96CF", + + },600:{ + name: "blue.600", + hex: "#3971A8", + + },700:{ + name: "blue.700", + hex: "#21588F", + + },800:{ + name: "blue.800", + hex: "#194673", + + }}, +red : {100:{ + name: "red.100", + hex: "#FFF7F9", + + },200:{ + name: "red.200", + hex: "#FEEEF2", + + },300:{ + name: "red.300", + hex: "#F0C4CD", + + },400:{ + name: "red.400", + hex: "#E296A6", + + },500:{ + name: "red.500", + hex: "#C6516A", + + },600:{ + name: "red.600", + hex: "#AF2645", + + },700:{ + name: "red.700", + hex: "#980B29", + + },800:{ + name: "red.800", + hex: "#800D25", + + }}, +purple : {100:{ + name: "purple.100", + hex: "#FCFAFF", + + },200:{ + name: "purple.200", + hex: "#F2ECFE", + + },300:{ + name: "purple.300", + hex: "#D7CEE9", + + },400:{ + name: "purple.400", + hex: "#B9ABD5", + + },500:{ + name: "purple.500", + hex: "#8471AB", + + },600:{ + name: "purple.600", + hex: "#533E7D", + + },700:{ + name: "purple.700", + hex: "#3B2566", + + },800:{ + name: "purple.800", + hex: "#2A174F", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#FFFAF5", + + },200:{ + name: "orange.200", + hex: "#FFF3E8", + + },300:{ + name: "orange.300", + hex: "#F3D8C0", + + },400:{ + name: "orange.400", + hex: "#E7B88F", + + },500:{ + name: "orange.500", + hex: "#CF8545", + + },600:{ + name: "orange.600", + hex: "#B4631D", + + },700:{ + name: "orange.700", + hex: "#8E4D14", + + },800:{ + name: "orange.800", + hex: "#784213", + + }}, +grey : {100:{ + name: "grey.100", + hex: "#FCFEFF", + + },200:{ + name: "grey.200", + hex: "#F5F7FA", + + },300:{ + name: "grey.300", + hex: "#E6EDF5", + + },400:{ + name: "grey.400", + hex: "#C8D3E0", + + },500:{ + name: "grey.500", + hex: "#596D84", + + },600:{ + name: "grey.600", + hex: "#475A70", + + },700:{ + name: "grey.700", + hex: "#36485C", + + },800:{ + name: "grey.800", + hex: "#2E3A47", + + },900:{ + name: "grey.900", + hex: "#212933", + + }}, +shades : {white:{ + name: "shades.white", + hex: "#FFFFFF", + + },black:{ + name: "shades.black", + hex: "#000000", + + },transparent:{ + name: "shades.transparent", + hex: "transparent", + + }}, +yellow : {100:{ + name: "yellow.100", + hex: "#faf8f2", + + },200:{ + name: "yellow.200", + hex: "#fcf3dd", + + },300:{ + name: "yellow.300", + hex: "#fce7b1", + + },400:{ + name: "yellow.400", + hex: "#fcd97e", + + },500:{ + name: "yellow.500", + hex: "#fccb4c", + + },600:{ + name: "yellow.600", + hex: "#ffc121", + + },700:{ + name: "yellow.700", + hex: "#f7b200", + + },800:{ + name: "yellow.800", + hex: "#e5a500", + + }}, +brown : {200:{ + name: "brown.200", + hex: "#F6F1E5", + + },300:{ + name: "brown.300", + hex: "#E4D9C2", + + },400:{ + name: "brown.400", + hex: "#DACCAA", + + },700:{ + name: "brown.700", + hex: "#5E4D27", + + }},}; \ 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..8c6fa1e6 --- /dev/null +++ b/dist/documentation/themes/dark.d.ts @@ -0,0 +1,600 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:43 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },nakedContent:{ + name: string, + hex: string, + + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js new file mode 100644 index 00000000..18861c2f --- /dev/null +++ b/dist/documentation/themes/dark.js @@ -0,0 +1,600 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:43 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: "#BCBDBF", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#98999B", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#FFFFFF", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#BCBDBF", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#E8E9EA", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#101012", + 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: "#98999B", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#BCBDBF", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#6597CE", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#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: "#101012", + 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: "#1A1D21", + 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: "#1A1D21", + 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: "#1A1D21", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#1A1D21", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#E8E9EA", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#FFFFFF", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#FFFFFF", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#22272B", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#2D3238", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#515357", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#0C291E", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#515357", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#98999B", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#BCBDBF", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#42AD86", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#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: "#42AD86", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#86D6B9", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#0F3326", + 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: "#13402F", + 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: "#256E53", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#288563", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#42AD86", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#6597CE", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#96BDE7", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#D1E8FF", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#4577AD", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#285685", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#142C45", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#102337", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#142C45", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#285685", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#0C1B29", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#4577AD", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#285685", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#142C45", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#CF7945", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#E7AA84", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#FFE3D1", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#AD6234", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#CF7945", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#E7AA84", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#361D0E", + 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: "#4A2915", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#8A4E29", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#29170C", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#8A4E29", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#AD6234", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#CF7945", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#C74C6B", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#EA8AA3", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#FFD1DD", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#B23655", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#C74C6B", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#EA8AA3", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#34101A", + 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: "#451522", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#8F2843", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#290F16", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#8F2843", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#B23655", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#C74C6B", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#865C99", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#B990CC", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#F0D1FF", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#693B80", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#865C99", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#B990CC", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#291433", + 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: "#33193F", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#542F66", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#200F29", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#542F66", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#693B80", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#865C99", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#98999B", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#22272B", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#515357", + description: "Used as the border for disabled components" + },nakedContent:{ + name: "disabled.nakedContent", + hex: "#22272B", + + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#2D3238", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#98999B", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#1B2228", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#2D3238", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#FFFFFF", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#BCBDBF", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#B23655", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#BCBDBF", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#4577AD", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#B23655", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#98999B", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#FFFFFF", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#2D3238", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#8F2843", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#515357", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#98999B", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#BCBDBF", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#285685", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#515357", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#515357", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#E8E9EA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E8E9EA", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2D3238", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#E8E9EA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#000000", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#86D6B9", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#0F3326", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#13402F", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#256E53", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#D6BA87", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#33260F", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#402F13", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#6E5225", + + }},}; \ 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..2c72a311 --- /dev/null +++ b/dist/documentation/themes/emerson.d.ts @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:43 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js new file mode 100644 index 00000000..ee1a0633 --- /dev/null +++ b/dist/documentation/themes/emerson.js @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:43 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#36485C", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#475A70", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#596D84", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#FFFFFF", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#FFFFFF", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#FFFFFF", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#36485C", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#2E3A47", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#212933", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FCFEFF", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#2E3A47", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as buttons" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as buttons" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#C8D3E0", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#000000", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#275E43", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#EBF2EF", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#D1E0D9", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#B6CFC2", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#5E4D27", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#F6F1E5", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#E4D9C2", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts new file mode 100644 index 00000000..b546dcc0 --- /dev/null +++ b/dist/documentation/themes/light.d.ts @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js new file mode 100644 index 00000000..e55e1706 --- /dev/null +++ b/dist/documentation/themes/light.js @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#36485C", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#475A70", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#FFFFFF", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#FFFFFF", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#FFFFFF", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#36485C", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#2E3A47", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#212933", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FCFEFF", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for primary components" + },borderHover:{ + name: "primary.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for primary components" + },borderActive:{ + name: "primary.borderActive", + hex: "#2E3A47", + description: "Used for the pressed border colour for primary components" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#C8D3E0", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#36485C", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#275E43", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#EBF2EF", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#D1E0D9", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#B6CFC2", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#5E4D27", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#F6F1E5", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#E4D9C2", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts new file mode 100644 index 00000000..b546dcc0 --- /dev/null +++ b/dist/documentation/themes/lightDS3.d.ts @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js new file mode 100644 index 00000000..438d5ba1 --- /dev/null +++ b/dist/documentation/themes/lightDS3.js @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#36485C", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#475A70", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#596D84", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#F5F7FA", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#307553", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#307553", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#275E43", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#244C38", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#307553", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#E6EDF5", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#36485C", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#275E43", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#EBF2EF", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#D1E0D9", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#B6CFC2", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#5E4D27", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#F6F1E5", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#E4D9C2", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts new file mode 100644 index 00000000..5ddee48d --- /dev/null +++ b/dist/tokens/native/borders.d.ts @@ -0,0 +1,10 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 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..2b0b754a --- /dev/null +++ b/dist/tokens/native/borders.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 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..a99e5c7e --- /dev/null +++ b/dist/tokens/native/core-dark-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..94d17309 --- /dev/null +++ b/dist/tokens/native/core-dark-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, +orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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..4820d54b --- /dev/null +++ b/dist/tokens/native/core-light-colors.d.ts @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..b35ac336 --- /dev/null +++ b/dist/tokens/native/core-light-colors.js @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, +blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, +red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, +purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, +orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, +grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, +brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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..7fd0dcd3 --- /dev/null +++ b/dist/tokens/native/themes/dark.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..bea3d544 --- /dev/null +++ b/dist/tokens/native/themes/dark.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +module.exports = {theme: "dark", +text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, +surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, +primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, +success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, +info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, +warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, +danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, +disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, +input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, +separator : {base : "#515357"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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..d37d7594 --- /dev/null +++ b/dist/tokens/native/themes/emerson.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:43 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..5f4dc206 --- /dev/null +++ b/dist/tokens/native/themes/emerson.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:43 GMT + */ + +module.exports = {theme: "emerson", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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..22fd6ac3 --- /dev/null +++ b/dist/tokens/native/themes/light.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..2551be2b --- /dev/null +++ b/dist/tokens/native/themes/light.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +module.exports = {theme: "light", +text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..22fd6ac3 --- /dev/null +++ b/dist/tokens/native/themes/lightDS3.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..84f89253 --- /dev/null +++ b/dist/tokens/native/themes/lightDS3.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +module.exports = {theme: "lightDS3", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..1bcd10fb --- /dev/null +++ b/dist/tokens/native/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 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..addc198d --- /dev/null +++ b/dist/tokens/native/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 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..257848b9 --- /dev/null +++ b/dist/tokens/scss/borders.scss @@ -0,0 +1,9 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 14:58:42 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..2a0ae588 --- /dev/null +++ b/dist/tokens/scss/core-dark-colors.scss @@ -0,0 +1,59 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 14:58:42 GMT + +$green100: #0C291E; +$green200: #0F3326; +$green300: #13402F; +$green400: #256E53; +$green500: #288563; +$green600: #42AD86; +$green700: #86D6B9; +$green800: #DBFFF1; +$blue100: #0C1B29; +$blue200: #102337; +$blue300: #142C45; +$blue400: #285685; +$blue500: #4577AD; +$blue600: #6597CE; +$blue700: #96BDE7; +$blue800: #D1E8FF; +$red100: #290F16; +$red200: #34101A; +$red300: #451522; +$red400: #8F2843; +$red500: #B23655; +$red600: #C74C6B; +$red700: #EA8AA3; +$red800: #FFD1DD; +$purple100: #200F29; +$purple200: #291433; +$purple300: #33193F; +$purple400: #542F66; +$purple500: #693B80; +$purple600: #865C99; +$purple700: #B990CC; +$purple800: #F0D1FF; +$orange100: #29170C; +$orange200: #361D0E; +$orange300: #4A2915; +$orange400: #8A4E29; +$orange500: #AD6234; +$orange600: #CF7945; +$orange700: #E7AA84; +$orange800: #FFE3D1; +$grey100: #101012; +$grey200: #1A1D21; +$grey300: #22272B; +$grey400: #2D3238; +$grey500: #515357; +$grey600: #98999B; +$grey700: #BCBDBF; +$grey800: #E8E9EA; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$brown200: #33260F; +$brown300: #402F13; +$brown400: #6E5225; +$brown700: #D6BA87; \ 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..0c98892b --- /dev/null +++ b/dist/tokens/scss/core-light-colors.scss @@ -0,0 +1,68 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 14:58:42 GMT + +$green100: #FAFFFC; +$green200: #EBF2EF; +$green300: #D1E0D9; +$green400: #B6CFC2; +$green500: #86B09B; +$green600: #307553; +$green700: #275E43; +$green800: #244C38; +$blue100: #F5FAFF; +$blue200: #E6F1FC; +$blue300: #C0D8F0; +$blue400: #88B1D9; +$blue500: #5D96CF; +$blue600: #3971A8; +$blue700: #21588F; +$blue800: #194673; +$red100: #FFF7F9; +$red200: #FEEEF2; +$red300: #F0C4CD; +$red400: #E296A6; +$red500: #C6516A; +$red600: #AF2645; +$red700: #980B29; +$red800: #800D25; +$purple100: #FCFAFF; +$purple200: #F2ECFE; +$purple300: #D7CEE9; +$purple400: #B9ABD5; +$purple500: #8471AB; +$purple600: #533E7D; +$purple700: #3B2566; +$purple800: #2A174F; +$orange100: #FFFAF5; +$orange200: #FFF3E8; +$orange300: #F3D8C0; +$orange400: #E7B88F; +$orange500: #CF8545; +$orange600: #B4631D; +$orange700: #8E4D14; +$orange800: #784213; +$grey100: #FCFEFF; +$grey200: #F5F7FA; +$grey300: #E6EDF5; +$grey400: #C8D3E0; +$grey500: #596D84; +$grey600: #475A70; +$grey700: #36485C; +$grey800: #2E3A47; +$grey900: #212933; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$yellow100: #faf8f2; +$yellow200: #fcf3dd; +$yellow300: #fce7b1; +$yellow400: #fcd97e; +$yellow500: #fccb4c; +$yellow600: #ffc121; +$yellow700: #f7b200; +$yellow800: #e5a500; +$brown200: #F6F1E5; +$brown300: #E4D9C2; +$brown400: #DACCAA; +$brown700: #5E4D27; \ 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..7faf26a7 --- /dev/null +++ b/dist/tokens/scss/themes/dark.scss @@ -0,0 +1,149 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 14:58:42 GMT + +$textEmphasis: #E8E9EA; +$textBody: #BCBDBF; +$textSubdued: #98999B; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #FFFFFF; +$systemTextBase: #BCBDBF; +$systemTextHover: #E8E9EA; +$systemTextActive: #FFFFFF; +$systemBackgroundBase: #101012; +$systemBackgroundMuted: #22272B; +$systemBackgroundMutedHover: #2D3238; +$systemBackgroundMutedActive: #515357; +$systemBackgroundBox: #1A1D21; +$systemBorderBase: #515357; +$systemBorderHover: #98999B; +$systemBorderActive: #BCBDBF; +$systemBorderFocused: #6597CE; +$surfaceLevel0: #101012; +$surfaceLevel1: #101012; +$surfaceLevel2: #22272B; +$surfaceInteractiveBackground: #1A1D21; +$surfaceInteractiveHover: #22272B; +$surfaceInteractiveActive: #2D3238; +$surfaceOverlayDark: #22272B; +$surfaceOverlayTheme: #1A1D21; +$surfaceOverlayBackdrop: #1A1D21; +$primaryTextBase: #1A1D21; +$primaryTextHover: #1A1D21; +$primaryTextActive: #1A1D21; +$primaryBackgroundBase: #E8E9EA; +$primaryBackgroundHover: #FFFFFF; +$primaryBackgroundActive: #FFFFFF; +$primaryBackgroundMuted: #22272B; +$primaryBackgroundMutedHover: #2D3238; +$primaryBackgroundMutedActive: #515357; +$primaryBackgroundBox: #0C291E; +$primaryBorderBase: #515357; +$primaryBorderHover: #98999B; +$primaryBorderActive: #BCBDBF; +$successTextBase: #42AD86; +$successTextHover: #86D6B9; +$successTextActive: #DBFFF1; +$successBackgroundBase: #288563; +$successBackgroundHover: #42AD86; +$successBackgroundActive: #86D6B9; +$successBackgroundMuted: #0F3326; +$successBackgroundMutedHover: #13402F; +$successBackgroundMutedActive: #256E53; +$successBackgroundBox: #0C291E; +$successBorderBase: #256E53; +$successBorderHover: #288563; +$successBorderActive: #42AD86; +$infoTextBase: #6597CE; +$infoTextHover: #96BDE7; +$infoTextActive: #D1E8FF; +$infoBackgroundBase: #4577AD; +$infoBackgroundHover: #285685; +$infoBackgroundActive: #142C45; +$infoBackgroundMuted: #102337; +$infoBackgroundMutedHover: #142C45; +$infoBackgroundMutedActive: #285685; +$infoBackgroundBox: #0C1B29; +$infoBorderBase: #4577AD; +$infoBorderHover: #285685; +$infoBorderActive: #142C45; +$warningTextBase: #CF7945; +$warningTextHover: #E7AA84; +$warningTextActive: #FFE3D1; +$warningBackgroundBase: #AD6234; +$warningBackgroundHover: #CF7945; +$warningBackgroundActive: #E7AA84; +$warningBackgroundMuted: #361D0E; +$warningBackgroundMutedHover: #4A2915; +$warningBackgroundMutedActive: #8A4E29; +$warningBackgroundBox: #29170C; +$warningBorderBase: #8A4E29; +$warningBorderHover: #AD6234; +$warningBorderActive: #CF7945; +$dangerTextBase: #C74C6B; +$dangerTextHover: #EA8AA3; +$dangerTextActive: #FFD1DD; +$dangerBackgroundBase: #B23655; +$dangerBackgroundHover: #C74C6B; +$dangerBackgroundActive: #EA8AA3; +$dangerBackgroundMuted: #34101A; +$dangerBackgroundMutedHover: #451522; +$dangerBackgroundMutedActive: #8F2843; +$dangerBackgroundBox: #290F16; +$dangerBorderBase: #8F2843; +$dangerBorderHover: #B23655; +$dangerBorderActive: #C74C6B; +$highlightTextBase: #865C99; +$highlightTextHover: #B990CC; +$highlightTextActive: #F0D1FF; +$highlightBackgroundBase: #693B80; +$highlightBackgroundHover: #865C99; +$highlightBackgroundActive: #B990CC; +$highlightBackgroundMuted: #291433; +$highlightBackgroundMutedHover: #33193F; +$highlightBackgroundMutedActive: #542F66; +$highlightBackgroundBox: #200F29; +$highlightBorderBase: #542F66; +$highlightBorderHover: #693B80; +$highlightBorderActive: #865C99; +$disabledText: #98999B; +$disabledBackground: #22272B; +$disabledNakedBackground: transparent; +$disabledBorder: #515357; +$disabledNakedContent: #22272B; +$disabledInputBackground: #2D3238; +$disabledInputLabelText: #98999B; +$inputBackgroundBase: #1B2228; +$inputBackgroundHover: #2D3238; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #FFFFFF; +$inputTextInformation: #BCBDBF; +$inputTextInformationError: #B23655; +$inputTextLabel: #BCBDBF; +$inputTextFloatingLabel: #4577AD; +$inputTextFloatingLabelError: #B23655; +$inputTextPlaceholder: #98999B; +$inputTextActive: #FFFFFF; +$inputBorderBase: #2D3238; +$inputBorderError: #8F2843; +$inputBorderHover: #515357; +$inputBorderEmphasized: #98999B; +$inputBorderEmphasizedHover: #BCBDBF; +$inputBorderActive: #285685; +$separatorBase: #515357; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #515357; +$lightBackgroundHover: #E8E9EA; +$lightBackgroundActive: #E8E9EA; +$lightTextBase: #2D3238; +$lightLinkMutedBase: #E8E9EA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #000000; +$accentForestTextBase: #86D6B9; +$accentForestBackgroundMuted: #0F3326; +$accentForestBackgroundMutedHover: #13402F; +$accentForestBackgroundMutedActive: #256E53; +$accentSandTextBase: #D6BA87; +$accentSandBackgroundMuted: #33260F; +$accentSandBackgroundMutedHover: #402F13; +$accentSandBackgroundMutedActive: #6E5225; \ 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..acc0af41 --- /dev/null +++ b/dist/tokens/scss/themes/emerson.scss @@ -0,0 +1,148 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 14:58:43 GMT + +$textEmphasis: #36485C; +$textBody: #475A70; +$textSubdued: #596D84; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #FFFFFF; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #FFFFFF; +$primaryTextHover: #FFFFFF; +$primaryTextActive: #FFFFFF; +$primaryBackgroundBase: #36485C; +$primaryBackgroundHover: #2E3A47; +$primaryBackgroundActive: #212933; +$primaryBackgroundMuted: #F5F7FA; +$primaryBackgroundMutedHover: #E6EDF5; +$primaryBackgroundMutedActive: #C8D3E0; +$primaryBackgroundBox: #FCFEFF; +$primaryBorderBase: #C8D3E0; +$primaryBorderHover: #596D84; +$primaryBorderActive: #2E3A47; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #C8D3E0; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #000000; +$accentForestTextBase: #275E43; +$accentForestBackgroundMuted: #EBF2EF; +$accentForestBackgroundMutedHover: #D1E0D9; +$accentForestBackgroundMutedActive: #B6CFC2; +$accentSandTextBase: #5E4D27; +$accentSandBackgroundMuted: #F6F1E5; +$accentSandBackgroundMutedHover: #E4D9C2; +$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss new file mode 100644 index 00000000..328e2640 --- /dev/null +++ b/dist/tokens/scss/themes/light.scss @@ -0,0 +1,148 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 14:58:42 GMT + +$textEmphasis: #2E3A47; +$textBody: #36485C; +$textSubdued: #475A70; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #FFFFFF; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #FFFFFF; +$primaryTextHover: #FFFFFF; +$primaryTextActive: #FFFFFF; +$primaryBackgroundBase: #36485C; +$primaryBackgroundHover: #2E3A47; +$primaryBackgroundActive: #212933; +$primaryBackgroundMuted: #F5F7FA; +$primaryBackgroundMutedHover: #E6EDF5; +$primaryBackgroundMutedActive: #C8D3E0; +$primaryBackgroundBox: #FCFEFF; +$primaryBorderBase: #C8D3E0; +$primaryBorderHover: #596D84; +$primaryBorderActive: #2E3A47; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #C8D3E0; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #36485C; +$accentForestTextBase: #275E43; +$accentForestBackgroundMuted: #EBF2EF; +$accentForestBackgroundMutedHover: #D1E0D9; +$accentForestBackgroundMutedActive: #B6CFC2; +$accentSandTextBase: #5E4D27; +$accentSandBackgroundMuted: #F6F1E5; +$accentSandBackgroundMutedHover: #E4D9C2; +$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss new file mode 100644 index 00000000..64eab453 --- /dev/null +++ b/dist/tokens/scss/themes/lightDS3.scss @@ -0,0 +1,148 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 14:58:42 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; +$accentForestTextBase: #275E43; +$accentForestBackgroundMuted: #EBF2EF; +$accentForestBackgroundMutedHover: #D1E0D9; +$accentForestBackgroundMutedActive: #B6CFC2; +$accentSandTextBase: #5E4D27; +$accentSandBackgroundMuted: #F6F1E5; +$accentSandBackgroundMutedHover: #E4D9C2; +$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss new file mode 100644 index 00000000..277a2c81 --- /dev/null +++ b/dist/tokens/scss/typography.scss @@ -0,0 +1,116 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 14:58:42 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..fc0dcb0e --- /dev/null +++ b/dist/tokens/ts/borders.d.ts @@ -0,0 +1,10 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 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..79afdc7d --- /dev/null +++ b/dist/tokens/ts/borders.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 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..a99e5c7e --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..94d17309 --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, +orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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..4820d54b --- /dev/null +++ b/dist/tokens/ts/core-light-colors.d.ts @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..b35ac336 --- /dev/null +++ b/dist/tokens/ts/core-light-colors.js @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, +blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, +red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, +purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, +orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, +grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, +brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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..7fd0dcd3 --- /dev/null +++ b/dist/tokens/ts/themes/dark.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..bea3d544 --- /dev/null +++ b/dist/tokens/ts/themes/dark.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +module.exports = {theme: "dark", +text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, +surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, +primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, +success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, +info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, +warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, +danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, +disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, +input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, +separator : {base : "#515357"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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..d37d7594 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:43 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..5f4dc206 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:43 GMT + */ + +module.exports = {theme: "emerson", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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..22fd6ac3 --- /dev/null +++ b/dist/tokens/ts/themes/light.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..2551be2b --- /dev/null +++ b/dist/tokens/ts/themes/light.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +module.exports = {theme: "light", +text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..22fd6ac3 --- /dev/null +++ b/dist/tokens/ts/themes/lightDS3.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..84f89253 --- /dev/null +++ b/dist/tokens/ts/themes/lightDS3.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 GMT + */ + +module.exports = {theme: "lightDS3", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..e675502d --- /dev/null +++ b/dist/tokens/ts/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 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..20dfae55 --- /dev/null +++ b/dist/tokens/ts/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 14:58:42 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 6b2d72602fca5952900a1cbe32324bc2cadfa063 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 17 Oct 2023 14:59:15 +0000 Subject: [PATCH 08/19] 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 | 4 + dist/types/index.d.ts.map | 1 + dist/types/index.js | 50 +++++++++++ dist/types/intentions.d.ts | 16 ++++ dist/types/intentions.d.ts.map | 1 + dist/types/intentions.js | 19 ++++ dist/types/interfaces.d.ts | 30 +++++++ dist/types/interfaces.d.ts.map | 1 + dist/types/interfaces.js | 43 +++++++++ dist/types/profiles.d.ts | 6 ++ dist/types/profiles.d.ts.map | 1 + dist/types/profiles.js | 5 ++ dist/types/themes.d.ts | 8 ++ dist/types/themes.d.ts.map | 1 + dist/types/themes.js | 46 ++++++++++ 24 files changed, 494 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/intentions.d.ts create mode 100644 dist/types/intentions.d.ts.map create mode 100644 dist/types/intentions.js create mode 100644 dist/types/interfaces.d.ts create mode 100644 dist/types/interfaces.d.ts.map create mode 100644 dist/types/interfaces.js create mode 100644 dist/types/profiles.d.ts create mode 100644 dist/types/profiles.d.ts.map create mode 100644 dist/types/profiles.js create mode 100644 dist/types/themes.d.ts create mode 100644 dist/types/themes.d.ts.map create mode 100644 dist/types/themes.js diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts new file mode 100644 index 00000000..05da7d25 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts @@ -0,0 +1,109 @@ +import type { AviaryTheme } from "../types/themes"; +export declare const colorProfileMapper: (currentTheme: AviaryTheme) => { + primary: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + info: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + warning: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + danger: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + highlight: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + system: { + textLabelEmphasis: string; + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + borderFocused: string; + }; + success: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; +}; +//# sourceMappingURL=colorProfileMapper.d.ts.map \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map new file mode 100644 index 00000000..3c1e9e83 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js new file mode 100644 index 00000000..e5da22d5 --- /dev/null +++ b/dist/helpers/colorProfileMapper.js @@ -0,0 +1,21 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.colorProfileMapper = void 0; + +// Used for mapping over selected `isColor` properties +var colorProfileMapper = function colorProfileMapper(currentTheme) { + return { + primary: currentTheme.primary, + info: currentTheme.info, + warning: currentTheme.warning, + danger: currentTheme.danger, + highlight: currentTheme.highlight, + system: currentTheme.system, + success: currentTheme.success + }; +}; + +exports.colorProfileMapper = colorProfileMapper; \ No newline at end of file diff --git a/dist/helpers/index.d.ts b/dist/helpers/index.d.ts new file mode 100644 index 00000000..7a4a22d6 --- /dev/null +++ b/dist/helpers/index.d.ts @@ -0,0 +1,2 @@ +export * from "./colorProfileMapper"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/helpers/index.d.ts.map b/dist/helpers/index.d.ts.map new file mode 100644 index 00000000..94ae4bb1 --- /dev/null +++ b/dist/helpers/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"} \ No newline at end of file diff --git a/dist/helpers/index.js b/dist/helpers/index.js new file mode 100644 index 00000000..155de21a --- /dev/null +++ b/dist/helpers/index.js @@ -0,0 +1,24 @@ +"use strict"; + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _colorProfileMapper = require("./colorProfileMapper"); + +Object.keys(_colorProfileMapper).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _colorProfileMapper[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _colorProfileMapper[key]; + } + }); +}); \ No newline at end of file diff --git a/dist/index.d.ts b/dist/index.d.ts new file mode 100644 index 00000000..dcd56928 --- /dev/null +++ b/dist/index.d.ts @@ -0,0 +1,9 @@ +export * from "./helpers"; +export * from "./types"; +export * as borders from "../dist/tokens/ts/borders"; +export * as typography from "../dist/tokens/ts/typography"; +export * as lightThemeDocumentation from "../dist/documentation/themes/light"; +export * as darkThemeDocumentation from "../dist/documentation/themes/dark"; +export * as coreDarkDocumentation from "../dist/documentation/core-dark-colors"; +export * as coreLightDocumentation from "../dist/documentation/core-light-colors"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map new file mode 100644 index 00000000..666537dc --- /dev/null +++ b/dist/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,uBAAuB,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,sBAAsB,MAAM,mCAAmC,CAAC;AAG5E,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAChF,OAAO,KAAK,sBAAsB,MAAM,yCAAyC,CAAC"} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js new file mode 100644 index 00000000..b653d350 --- /dev/null +++ b/dist/index.js @@ -0,0 +1,94 @@ +"use strict"; + +function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } + +require("core-js/modules/es.array.iterator.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.string.iterator.js"); + +require("core-js/modules/es.weak-map.js"); + +require("core-js/modules/web.dom-collections.iterator.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.symbol.description.js"); + +require("core-js/modules/es.symbol.iterator.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +var _exportNames = { + borders: true, + typography: true, + lightThemeDocumentation: true, + darkThemeDocumentation: true, + coreDarkDocumentation: true, + coreLightDocumentation: true +}; +exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = exports.borders = void 0; + +var _helpers = require("./helpers"); + +Object.keys(_helpers).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; + if (key in exports && exports[key] === _helpers[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _helpers[key]; + } + }); +}); + +var _types = require("./types"); + +Object.keys(_types).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; + if (key in exports && exports[key] === _types[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _types[key]; + } + }); +}); + +var _borders = _interopRequireWildcard(require("../dist/tokens/ts/borders")); + +exports.borders = _borders; + +var _typography = _interopRequireWildcard(require("../dist/tokens/ts/typography")); + +exports.typography = _typography; + +var _lightThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/light")); + +exports.lightThemeDocumentation = _lightThemeDocumentation; + +var _darkThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/dark")); + +exports.darkThemeDocumentation = _darkThemeDocumentation; + +var _coreDarkDocumentation = _interopRequireWildcard(require("../dist/documentation/core-dark-colors")); + +exports.coreDarkDocumentation = _coreDarkDocumentation; + +var _coreLightDocumentation = _interopRequireWildcard(require("../dist/documentation/core-light-colors")); + +exports.coreLightDocumentation = _coreLightDocumentation; + +function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } + +function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/dist/types/index.d.ts b/dist/types/index.d.ts new file mode 100644 index 00000000..92e7cc1c --- /dev/null +++ b/dist/types/index.d.ts @@ -0,0 +1,4 @@ +export * from "./interfaces"; +export * from "./profiles"; +export * from "./intentions"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/index.d.ts.map b/dist/types/index.d.ts.map new file mode 100644 index 00000000..4ae2dac6 --- /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;AAC3B,cAAc,cAAc,CAAC"} \ No newline at end of file diff --git a/dist/types/index.js b/dist/types/index.js new file mode 100644 index 00000000..724eae35 --- /dev/null +++ b/dist/types/index.js @@ -0,0 +1,50 @@ +"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]; + } + }); +}); + +var _intentions = require("./intentions"); + +Object.keys(_intentions).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _intentions[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _intentions[key]; + } + }); +}); \ No newline at end of file diff --git a/dist/types/intentions.d.ts b/dist/types/intentions.d.ts new file mode 100644 index 00000000..549a7988 --- /dev/null +++ b/dist/types/intentions.d.ts @@ -0,0 +1,16 @@ +declare const AVIARY_INTENTIONS: { + primary: string; + system: string; + danger: string; + success: string; + textSuccess: string; + textSystem: string; + textDanger: string; + lightFilled: string; + lightOutlined: string; + lightText: string; +}; +declare type AviaryIntentions = keyof typeof AVIARY_INTENTIONS; +export type { AviaryIntentions }; +export { AVIARY_INTENTIONS }; +//# sourceMappingURL=intentions.d.ts.map \ No newline at end of file diff --git a/dist/types/intentions.d.ts.map b/dist/types/intentions.d.ts.map new file mode 100644 index 00000000..1f79d160 --- /dev/null +++ b/dist/types/intentions.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"intentions.d.ts","sourceRoot":"","sources":["../../src/types/intentions.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;;;;;;;;;;CAWtB,CAAC;AAEF,aAAK,gBAAgB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAEvD,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/intentions.js b/dist/types/intentions.js new file mode 100644 index 00000000..85242ea9 --- /dev/null +++ b/dist/types/intentions.js @@ -0,0 +1,19 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.AVIARY_INTENTIONS = void 0; +var AVIARY_INTENTIONS = { + primary: "primary", + system: "system", + danger: "danger", + success: "success", + textSuccess: "textSuccess", + textSystem: "textSystem", + textDanger: "textDanger", + lightFilled: "lightFilled", + lightOutlined: "lightOutlined", + lightText: "lightText" +}; +exports.AVIARY_INTENTIONS = AVIARY_INTENTIONS; \ No newline at end of file diff --git a/dist/types/interfaces.d.ts b/dist/types/interfaces.d.ts new file mode 100644 index 00000000..ab0bd272 --- /dev/null +++ b/dist/types/interfaces.d.ts @@ -0,0 +1,30 @@ +declare const AVIARY_COLORS: { + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; + success: string; +}; +declare const EXTENDED_AVIARY_COLORS: { + light: string; + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; + success: string; +}; +declare type AviaryColors = keyof typeof AVIARY_COLORS; +declare type ExtendedAviaryColors = keyof typeof EXTENDED_AVIARY_COLORS; +interface AviaryColorProps { + isColor?: AviaryColors; +} +interface AviaryExtendedColorProps { + isColor?: ExtendedAviaryColors; +} +export type { AviaryColors, AviaryColorProps, AviaryExtendedColorProps, ExtendedAviaryColors, }; +export { AVIARY_COLORS, EXTENDED_AVIARY_COLORS }; +//# sourceMappingURL=interfaces.d.ts.map \ No newline at end of file diff --git a/dist/types/interfaces.d.ts.map b/dist/types/interfaces.d.ts.map new file mode 100644 index 00000000..57492602 --- /dev/null +++ b/dist/types/interfaces.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa;;;;;;;;CAQlB,CAAC;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;CAG3B,CAAC;AAEF,aAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,aAAK,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEhE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AACD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,GACrB,CAAC;AACF,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js new file mode 100644 index 00000000..900be27c --- /dev/null +++ b/dist/types/interfaces.js @@ -0,0 +1,43 @@ +"use strict"; + +require("core-js/modules/es.object.keys.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.array.filter.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.get-own-property-descriptors.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.EXTENDED_AVIARY_COLORS = exports.AVIARY_COLORS = void 0; + +function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } + +function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } + +function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + +var AVIARY_COLORS = { + primary: "primary", + info: "info", + warning: "warning", + danger: "danger", + highlight: "highlight", + system: "system", + success: "success" +}; +exports.AVIARY_COLORS = AVIARY_COLORS; + +var EXTENDED_AVIARY_COLORS = _objectSpread(_objectSpread({}, AVIARY_COLORS), {}, { + light: "light" +}); + +exports.EXTENDED_AVIARY_COLORS = EXTENDED_AVIARY_COLORS; \ No newline at end of file diff --git a/dist/types/profiles.d.ts b/dist/types/profiles.d.ts new file mode 100644 index 00000000..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 6ac1ed345cc630e13429da2bcd9213caa0c2d85a Mon Sep 17 00:00:00 2001 From: Catherine Aylward` Date: Tue, 17 Oct 2023 11:17:10 -0400 Subject: [PATCH 09/19] more comments --- src/helpers/style-dictionary/transforms/transform-groups.js | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/helpers/style-dictionary/transforms/transform-groups.js b/src/helpers/style-dictionary/transforms/transform-groups.js index 9a2905a5..0daa3664 100644 --- a/src/helpers/style-dictionary/transforms/transform-groups.js +++ b/src/helpers/style-dictionary/transforms/transform-groups.js @@ -11,6 +11,7 @@ require("./transforms"); const StyleDictionary = require("style-dictionary"); +// used in hw-admin StyleDictionary.registerTransformGroup({ name: "custom/aviary", transforms: [ @@ -20,6 +21,7 @@ StyleDictionary.registerTransformGroup({ ], }); +// used in docusaurus StyleDictionary.registerTransformGroup({ name: "custom/documentation", transforms: [ @@ -29,6 +31,7 @@ StyleDictionary.registerTransformGroup({ ], }); +// used in fs-native StyleDictionary.registerTransformGroup({ name: "custom/native", transforms: [ @@ -40,6 +43,7 @@ StyleDictionary.registerTransformGroup({ ], }); +//used in fs-mark-ii marketing site StyleDictionary.registerTransformGroup({ name: "custom/scss", transforms: ["attribute/cti", "custom/name/remove-desktop-prefix"], From 6aca0255f28cf4cd7627bdc3dc4bce237f4f2264 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 17 Oct 2023 15:17:53 +0000 Subject: [PATCH 10/19] Transformed tokens --- dist/documentation/core-dark-colors.d.ts | 233 --------- dist/documentation/core-dark-colors.js | 233 --------- dist/documentation/core-light-colors.d.ts | 270 ---------- dist/documentation/core-light-colors.js | 270 ---------- dist/documentation/themes/dark.d.ts | 600 ---------------------- dist/documentation/themes/dark.js | 600 ---------------------- dist/documentation/themes/emerson.d.ts | 596 --------------------- dist/documentation/themes/emerson.js | 596 --------------------- dist/documentation/themes/light.d.ts | 596 --------------------- dist/documentation/themes/light.js | 596 --------------------- dist/documentation/themes/lightDS3.d.ts | 596 --------------------- dist/documentation/themes/lightDS3.js | 596 --------------------- dist/helpers/colorProfileMapper.d.ts | 109 ---- dist/helpers/colorProfileMapper.d.ts.map | 1 - dist/helpers/colorProfileMapper.js | 21 - dist/helpers/index.d.ts | 2 - dist/helpers/index.d.ts.map | 1 - dist/helpers/index.js | 24 - dist/index.d.ts | 9 - dist/index.d.ts.map | 1 - dist/index.js | 94 ---- dist/tokens/native/borders.d.ts | 10 - dist/tokens/native/borders.js | 12 - dist/tokens/native/core-dark-colors.d.ts | 13 - dist/tokens/native/core-dark-colors.js | 13 - dist/tokens/native/core-light-colors.d.ts | 14 - dist/tokens/native/core-light-colors.js | 14 - dist/tokens/native/themes/dark.d.ts | 21 - dist/tokens/native/themes/dark.js | 21 - dist/tokens/native/themes/emerson.d.ts | 21 - dist/tokens/native/themes/emerson.js | 21 - dist/tokens/native/themes/light.d.ts | 21 - dist/tokens/native/themes/light.js | 21 - dist/tokens/native/themes/lightDS3.d.ts | 21 - dist/tokens/native/themes/lightDS3.js | 21 - 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 | 59 --- dist/tokens/scss/core-light-colors.scss | 68 --- dist/tokens/scss/themes/dark.scss | 149 ------ dist/tokens/scss/themes/emerson.scss | 148 ------ dist/tokens/scss/themes/light.scss | 148 ------ dist/tokens/scss/themes/lightDS3.scss | 148 ------ 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 | 13 - dist/tokens/ts/core-dark-colors.js | 13 - dist/tokens/ts/core-light-colors.d.ts | 14 - dist/tokens/ts/core-light-colors.js | 14 - dist/tokens/ts/themes/dark.d.ts | 21 - dist/tokens/ts/themes/dark.js | 21 - dist/tokens/ts/themes/emerson.d.ts | 21 - dist/tokens/ts/themes/emerson.js | 21 - dist/tokens/ts/themes/light.d.ts | 21 - dist/tokens/ts/themes/light.js | 21 - dist/tokens/ts/themes/lightDS3.d.ts | 21 - dist/tokens/ts/themes/lightDS3.js | 21 - dist/tokens/ts/typography.d.ts | 117 ----- dist/tokens/ts/typography.js | 119 ----- dist/types/index.d.ts | 4 - dist/types/index.d.ts.map | 1 - dist/types/index.js | 50 -- dist/types/intentions.d.ts | 16 - dist/types/intentions.d.ts.map | 1 - dist/types/intentions.js | 19 - dist/types/interfaces.d.ts | 30 -- dist/types/interfaces.d.ts.map | 1 - dist/types/interfaces.js | 43 -- dist/types/profiles.d.ts | 6 - dist/types/profiles.d.ts.map | 1 - dist/types/profiles.js | 5 - dist/types/themes.d.ts | 8 - dist/types/themes.d.ts.map | 1 - dist/types/themes.js | 46 -- 76 files changed, 8081 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/intentions.d.ts delete mode 100644 dist/types/intentions.d.ts.map delete mode 100644 dist/types/intentions.js delete mode 100644 dist/types/interfaces.d.ts delete mode 100644 dist/types/interfaces.d.ts.map delete mode 100644 dist/types/interfaces.js delete mode 100644 dist/types/profiles.d.ts delete mode 100644 dist/types/profiles.d.ts.map delete mode 100644 dist/types/profiles.js delete mode 100644 dist/types/themes.d.ts delete mode 100644 dist/types/themes.d.ts.map delete mode 100644 dist/types/themes.js diff --git a/dist/documentation/core-dark-colors.d.ts b/dist/documentation/core-dark-colors.d.ts deleted file mode 100644 index 5786f0b3..00000000 --- a/dist/documentation/core-dark-colors.d.ts +++ /dev/null @@ -1,233 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -export const green : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const blue : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const red : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const purple : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const orange : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const grey : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const shades : {white:{ - name: string, - hex: string, - - },black:{ - name: string, - hex: string, - - },transparent:{ - name: string, - hex: string, - - }}; -export const brown : {200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - }}; \ 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 d642c6f4..00000000 --- a/dist/documentation/core-dark-colors.js +++ /dev/null @@ -1,233 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -module.exports = {green : {100:{ - name: "green.100", - hex: "#0C291E", - - },200:{ - name: "green.200", - hex: "#0F3326", - - },300:{ - name: "green.300", - hex: "#13402F", - - },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: "#102337", - - },300:{ - name: "blue.300", - hex: "#142C45", - - },400:{ - name: "blue.400", - hex: "#285685", - - },500:{ - name: "blue.500", - hex: "#4577AD", - - },600:{ - name: "blue.600", - hex: "#6597CE", - - },700:{ - name: "blue.700", - hex: "#96BDE7", - - },800:{ - name: "blue.800", - hex: "#D1E8FF", - - }}, -red : {100:{ - name: "red.100", - hex: "#290F16", - - },200:{ - name: "red.200", - hex: "#34101A", - - },300:{ - name: "red.300", - hex: "#451522", - - },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: "#291433", - - },300:{ - name: "purple.300", - hex: "#33193F", - - },400:{ - name: "purple.400", - hex: "#542F66", - - },500:{ - name: "purple.500", - hex: "#693B80", - - },600:{ - name: "purple.600", - hex: "#865C99", - - },700:{ - name: "purple.700", - hex: "#B990CC", - - },800:{ - name: "purple.800", - hex: "#F0D1FF", - - }}, -orange : {100:{ - name: "orange.100", - hex: "#29170C", - - },200:{ - name: "orange.200", - hex: "#361D0E", - - },300:{ - name: "orange.300", - hex: "#4A2915", - - },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: "#98999B", - - },700:{ - name: "grey.700", - hex: "#BCBDBF", - - },800:{ - name: "grey.800", - hex: "#E8E9EA", - - }}, -shades : {white:{ - name: "shades.white", - hex: "#FFFFFF", - - },black:{ - name: "shades.black", - hex: "#000000", - - },transparent:{ - name: "shades.transparent", - hex: "transparent", - - }}, -brown : {200:{ - name: "brown.200", - hex: "#33260F", - - },300:{ - name: "brown.300", - hex: "#402F13", - - },400:{ - name: "brown.400", - hex: "#6E5225", - - },700:{ - name: "brown.700", - hex: "#D6BA87", - - }},}; \ 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 14efaffb..00000000 --- a/dist/documentation/core-light-colors.d.ts +++ /dev/null @@ -1,270 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -export const green : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const blue : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const red : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const purple : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const orange : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const grey : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - },900:{ - name: string, - hex: string, - - }}; -export const shades : {white:{ - name: string, - hex: string, - - },black:{ - name: string, - hex: string, - - },transparent:{ - name: string, - hex: string, - - }}; -export const yellow : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const brown : {200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - }}; \ 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 3f562faa..00000000 --- a/dist/documentation/core-light-colors.js +++ /dev/null @@ -1,270 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -module.exports = {green : {100:{ - name: "green.100", - hex: "#FAFFFC", - - },200:{ - name: "green.200", - hex: "#EBF2EF", - - },300:{ - name: "green.300", - hex: "#D1E0D9", - - },400:{ - name: "green.400", - hex: "#B6CFC2", - - },500:{ - name: "green.500", - hex: "#86B09B", - - },600:{ - name: "green.600", - hex: "#307553", - - },700:{ - name: "green.700", - hex: "#275E43", - - },800:{ - name: "green.800", - hex: "#244C38", - - }}, -blue : {100:{ - name: "blue.100", - hex: "#F5FAFF", - - },200:{ - name: "blue.200", - hex: "#E6F1FC", - - },300:{ - name: "blue.300", - hex: "#C0D8F0", - - },400:{ - name: "blue.400", - hex: "#88B1D9", - - },500:{ - name: "blue.500", - hex: "#5D96CF", - - },600:{ - name: "blue.600", - hex: "#3971A8", - - },700:{ - name: "blue.700", - hex: "#21588F", - - },800:{ - name: "blue.800", - hex: "#194673", - - }}, -red : {100:{ - name: "red.100", - hex: "#FFF7F9", - - },200:{ - name: "red.200", - hex: "#FEEEF2", - - },300:{ - name: "red.300", - hex: "#F0C4CD", - - },400:{ - name: "red.400", - hex: "#E296A6", - - },500:{ - name: "red.500", - hex: "#C6516A", - - },600:{ - name: "red.600", - hex: "#AF2645", - - },700:{ - name: "red.700", - hex: "#980B29", - - },800:{ - name: "red.800", - hex: "#800D25", - - }}, -purple : {100:{ - name: "purple.100", - hex: "#FCFAFF", - - },200:{ - name: "purple.200", - hex: "#F2ECFE", - - },300:{ - name: "purple.300", - hex: "#D7CEE9", - - },400:{ - name: "purple.400", - hex: "#B9ABD5", - - },500:{ - name: "purple.500", - hex: "#8471AB", - - },600:{ - name: "purple.600", - hex: "#533E7D", - - },700:{ - name: "purple.700", - hex: "#3B2566", - - },800:{ - name: "purple.800", - hex: "#2A174F", - - }}, -orange : {100:{ - name: "orange.100", - hex: "#FFFAF5", - - },200:{ - name: "orange.200", - hex: "#FFF3E8", - - },300:{ - name: "orange.300", - hex: "#F3D8C0", - - },400:{ - name: "orange.400", - hex: "#E7B88F", - - },500:{ - name: "orange.500", - hex: "#CF8545", - - },600:{ - name: "orange.600", - hex: "#B4631D", - - },700:{ - name: "orange.700", - hex: "#8E4D14", - - },800:{ - name: "orange.800", - hex: "#784213", - - }}, -grey : {100:{ - name: "grey.100", - hex: "#FCFEFF", - - },200:{ - name: "grey.200", - hex: "#F5F7FA", - - },300:{ - name: "grey.300", - hex: "#E6EDF5", - - },400:{ - name: "grey.400", - hex: "#C8D3E0", - - },500:{ - name: "grey.500", - hex: "#596D84", - - },600:{ - name: "grey.600", - hex: "#475A70", - - },700:{ - name: "grey.700", - hex: "#36485C", - - },800:{ - name: "grey.800", - hex: "#2E3A47", - - },900:{ - name: "grey.900", - hex: "#212933", - - }}, -shades : {white:{ - name: "shades.white", - hex: "#FFFFFF", - - },black:{ - name: "shades.black", - hex: "#000000", - - },transparent:{ - name: "shades.transparent", - hex: "transparent", - - }}, -yellow : {100:{ - name: "yellow.100", - hex: "#faf8f2", - - },200:{ - name: "yellow.200", - hex: "#fcf3dd", - - },300:{ - name: "yellow.300", - hex: "#fce7b1", - - },400:{ - name: "yellow.400", - hex: "#fcd97e", - - },500:{ - name: "yellow.500", - hex: "#fccb4c", - - },600:{ - name: "yellow.600", - hex: "#ffc121", - - },700:{ - name: "yellow.700", - hex: "#f7b200", - - },800:{ - name: "yellow.800", - hex: "#e5a500", - - }}, -brown : {200:{ - name: "brown.200", - hex: "#F6F1E5", - - },300:{ - name: "brown.300", - hex: "#E4D9C2", - - },400:{ - name: "brown.400", - hex: "#DACCAA", - - },700:{ - name: "brown.700", - hex: "#5E4D27", - - }},}; \ 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 8c6fa1e6..00000000 --- a/dist/documentation/themes/dark.d.ts +++ /dev/null @@ -1,600 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:43 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },nakedContent:{ - name: string, - hex: string, - - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js deleted file mode 100644 index 18861c2f..00000000 --- a/dist/documentation/themes/dark.js +++ /dev/null @@ -1,600 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:43 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: "#BCBDBF", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#98999B", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#FFFFFF", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#BCBDBF", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#E8E9EA", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#101012", - 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: "#98999B", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#BCBDBF", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#6597CE", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#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: "#101012", - 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: "#1A1D21", - 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: "#1A1D21", - 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: "#1A1D21", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#1A1D21", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#E8E9EA", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#FFFFFF", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#FFFFFF", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#22272B", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#2D3238", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#515357", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#0C291E", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#515357", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#98999B", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#BCBDBF", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#42AD86", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#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: "#42AD86", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#86D6B9", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#0F3326", - 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: "#13402F", - 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: "#256E53", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#288563", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#42AD86", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#6597CE", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#96BDE7", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#D1E8FF", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#4577AD", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#285685", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#142C45", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#102337", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#142C45", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#285685", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#0C1B29", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#4577AD", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#285685", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#142C45", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#CF7945", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#E7AA84", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#FFE3D1", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#AD6234", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#CF7945", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#E7AA84", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#361D0E", - 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: "#4A2915", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#8A4E29", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#29170C", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#8A4E29", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#AD6234", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#CF7945", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#C74C6B", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#EA8AA3", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#FFD1DD", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#B23655", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#C74C6B", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#EA8AA3", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#34101A", - 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: "#451522", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#8F2843", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#290F16", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#8F2843", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#B23655", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#C74C6B", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#865C99", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#B990CC", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#F0D1FF", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#693B80", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#865C99", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#B990CC", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#291433", - 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: "#33193F", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#542F66", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#200F29", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#542F66", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#693B80", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#865C99", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#98999B", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#22272B", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#515357", - description: "Used as the border for disabled components" - },nakedContent:{ - name: "disabled.nakedContent", - hex: "#22272B", - - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#2D3238", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#98999B", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#1B2228", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#2D3238", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#FFFFFF", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#BCBDBF", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#B23655", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#BCBDBF", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#4577AD", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#B23655", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#98999B", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#FFFFFF", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#2D3238", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#8F2843", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#515357", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#98999B", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#BCBDBF", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#285685", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#515357", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#515357", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#E8E9EA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E8E9EA", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2D3238", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#E8E9EA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#000000", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#86D6B9", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#0F3326", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#13402F", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#256E53", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#D6BA87", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#33260F", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#402F13", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#6E5225", - - }},}; \ 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 2c72a311..00000000 --- a/dist/documentation/themes/emerson.d.ts +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:43 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js deleted file mode 100644 index ee1a0633..00000000 --- a/dist/documentation/themes/emerson.js +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:43 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#36485C", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#475A70", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#596D84", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#FFFFFF", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#FFFFFF", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#FFFFFF", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#36485C", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#2E3A47", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#212933", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FCFEFF", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#2E3A47", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as buttons" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as buttons" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#C8D3E0", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#000000", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#275E43", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#EBF2EF", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#D1E0D9", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#B6CFC2", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#5E4D27", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#F6F1E5", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#E4D9C2", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts deleted file mode 100644 index b546dcc0..00000000 --- a/dist/documentation/themes/light.d.ts +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js deleted file mode 100644 index e55e1706..00000000 --- a/dist/documentation/themes/light.js +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#36485C", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#475A70", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#FFFFFF", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#FFFFFF", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#FFFFFF", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#36485C", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#2E3A47", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#212933", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FCFEFF", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for primary components" - },borderHover:{ - name: "primary.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for primary components" - },borderActive:{ - name: "primary.borderActive", - hex: "#2E3A47", - description: "Used for the pressed border colour for primary components" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#C8D3E0", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#36485C", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#275E43", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#EBF2EF", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#D1E0D9", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#B6CFC2", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#5E4D27", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#F6F1E5", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#E4D9C2", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts deleted file mode 100644 index b546dcc0..00000000 --- a/dist/documentation/themes/lightDS3.d.ts +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js deleted file mode 100644 index 438d5ba1..00000000 --- a/dist/documentation/themes/lightDS3.js +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#36485C", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#475A70", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#596D84", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#F5F7FA", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#307553", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#307553", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#275E43", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#244C38", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#307553", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#E6EDF5", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#36485C", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#275E43", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#EBF2EF", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#D1E0D9", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#B6CFC2", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#5E4D27", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#F6F1E5", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#E4D9C2", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts deleted file mode 100644 index 05da7d25..00000000 --- a/dist/helpers/colorProfileMapper.d.ts +++ /dev/null @@ -1,109 +0,0 @@ -import type { AviaryTheme } from "../types/themes"; -export declare const colorProfileMapper: (currentTheme: AviaryTheme) => { - primary: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - info: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - warning: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - danger: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - highlight: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - system: { - textLabelEmphasis: string; - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - borderFocused: string; - }; - success: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; -}; -//# sourceMappingURL=colorProfileMapper.d.ts.map \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map deleted file mode 100644 index 3c1e9e83..00000000 --- a/dist/helpers/colorProfileMapper.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js deleted file mode 100644 index e5da22d5..00000000 --- a/dist/helpers/colorProfileMapper.js +++ /dev/null @@ -1,21 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.colorProfileMapper = void 0; - -// Used for mapping over selected `isColor` properties -var colorProfileMapper = function colorProfileMapper(currentTheme) { - return { - primary: currentTheme.primary, - info: currentTheme.info, - warning: currentTheme.warning, - danger: currentTheme.danger, - highlight: currentTheme.highlight, - system: currentTheme.system, - success: currentTheme.success - }; -}; - -exports.colorProfileMapper = colorProfileMapper; \ No newline at end of file diff --git a/dist/helpers/index.d.ts b/dist/helpers/index.d.ts deleted file mode 100644 index 7a4a22d6..00000000 --- a/dist/helpers/index.d.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from "./colorProfileMapper"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/helpers/index.d.ts.map b/dist/helpers/index.d.ts.map deleted file mode 100644 index 94ae4bb1..00000000 --- a/dist/helpers/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"} \ No newline at end of file diff --git a/dist/helpers/index.js b/dist/helpers/index.js deleted file mode 100644 index 155de21a..00000000 --- a/dist/helpers/index.js +++ /dev/null @@ -1,24 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _colorProfileMapper = require("./colorProfileMapper"); - -Object.keys(_colorProfileMapper).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _colorProfileMapper[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _colorProfileMapper[key]; - } - }); -}); \ No newline at end of file diff --git a/dist/index.d.ts b/dist/index.d.ts deleted file mode 100644 index dcd56928..00000000 --- a/dist/index.d.ts +++ /dev/null @@ -1,9 +0,0 @@ -export * from "./helpers"; -export * from "./types"; -export * as borders from "../dist/tokens/ts/borders"; -export * as typography from "../dist/tokens/ts/typography"; -export * as lightThemeDocumentation from "../dist/documentation/themes/light"; -export * as darkThemeDocumentation from "../dist/documentation/themes/dark"; -export * as coreDarkDocumentation from "../dist/documentation/core-dark-colors"; -export * as coreLightDocumentation from "../dist/documentation/core-light-colors"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map deleted file mode 100644 index 666537dc..00000000 --- a/dist/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,uBAAuB,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,sBAAsB,MAAM,mCAAmC,CAAC;AAG5E,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAChF,OAAO,KAAK,sBAAsB,MAAM,yCAAyC,CAAC"} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js deleted file mode 100644 index b653d350..00000000 --- a/dist/index.js +++ /dev/null @@ -1,94 +0,0 @@ -"use strict"; - -function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } - -require("core-js/modules/es.array.iterator.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.string.iterator.js"); - -require("core-js/modules/es.weak-map.js"); - -require("core-js/modules/web.dom-collections.iterator.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.symbol.description.js"); - -require("core-js/modules/es.symbol.iterator.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -var _exportNames = { - borders: true, - typography: true, - lightThemeDocumentation: true, - darkThemeDocumentation: true, - coreDarkDocumentation: true, - coreLightDocumentation: true -}; -exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = exports.borders = void 0; - -var _helpers = require("./helpers"); - -Object.keys(_helpers).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; - if (key in exports && exports[key] === _helpers[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _helpers[key]; - } - }); -}); - -var _types = require("./types"); - -Object.keys(_types).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; - if (key in exports && exports[key] === _types[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _types[key]; - } - }); -}); - -var _borders = _interopRequireWildcard(require("../dist/tokens/ts/borders")); - -exports.borders = _borders; - -var _typography = _interopRequireWildcard(require("../dist/tokens/ts/typography")); - -exports.typography = _typography; - -var _lightThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/light")); - -exports.lightThemeDocumentation = _lightThemeDocumentation; - -var _darkThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/dark")); - -exports.darkThemeDocumentation = _darkThemeDocumentation; - -var _coreDarkDocumentation = _interopRequireWildcard(require("../dist/documentation/core-dark-colors")); - -exports.coreDarkDocumentation = _coreDarkDocumentation; - -var _coreLightDocumentation = _interopRequireWildcard(require("../dist/documentation/core-light-colors")); - -exports.coreLightDocumentation = _coreLightDocumentation; - -function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } - -function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts deleted file mode 100644 index 5ddee48d..00000000 --- a/dist/tokens/native/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 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 2b0b754a..00000000 --- a/dist/tokens/native/borders.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 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 a99e5c7e..00000000 --- a/dist/tokens/native/core-dark-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 94d17309..00000000 --- a/dist/tokens/native/core-dark-colors.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, -blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, -red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, -orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, -grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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 4820d54b..00000000 --- a/dist/tokens/native/core-light-colors.d.ts +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 b35ac336..00000000 --- a/dist/tokens/native/core-light-colors.js +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, -blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, -red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, -purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, -orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, -grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, -brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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 7fd0dcd3..00000000 --- a/dist/tokens/native/themes/dark.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 bea3d544..00000000 --- a/dist/tokens/native/themes/dark.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -module.exports = {theme: "dark", -text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, -surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, -primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, -success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, -info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, -warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, -danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, -highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, -disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, -input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, -separator : {base : "#515357"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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 d37d7594..00000000 --- a/dist/tokens/native/themes/emerson.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:43 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 5f4dc206..00000000 --- a/dist/tokens/native/themes/emerson.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:43 GMT - */ - -module.exports = {theme: "emerson", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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 22fd6ac3..00000000 --- a/dist/tokens/native/themes/light.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 2551be2b..00000000 --- a/dist/tokens/native/themes/light.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -module.exports = {theme: "light", -text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 22fd6ac3..00000000 --- a/dist/tokens/native/themes/lightDS3.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 84f89253..00000000 --- a/dist/tokens/native/themes/lightDS3.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -module.exports = {theme: "lightDS3", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 1bcd10fb..00000000 --- a/dist/tokens/native/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 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 addc198d..00000000 --- a/dist/tokens/native/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 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 257848b9..00000000 --- a/dist/tokens/scss/borders.scss +++ /dev/null @@ -1,9 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 14:58:42 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 2a0ae588..00000000 --- a/dist/tokens/scss/core-dark-colors.scss +++ /dev/null @@ -1,59 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 14:58:42 GMT - -$green100: #0C291E; -$green200: #0F3326; -$green300: #13402F; -$green400: #256E53; -$green500: #288563; -$green600: #42AD86; -$green700: #86D6B9; -$green800: #DBFFF1; -$blue100: #0C1B29; -$blue200: #102337; -$blue300: #142C45; -$blue400: #285685; -$blue500: #4577AD; -$blue600: #6597CE; -$blue700: #96BDE7; -$blue800: #D1E8FF; -$red100: #290F16; -$red200: #34101A; -$red300: #451522; -$red400: #8F2843; -$red500: #B23655; -$red600: #C74C6B; -$red700: #EA8AA3; -$red800: #FFD1DD; -$purple100: #200F29; -$purple200: #291433; -$purple300: #33193F; -$purple400: #542F66; -$purple500: #693B80; -$purple600: #865C99; -$purple700: #B990CC; -$purple800: #F0D1FF; -$orange100: #29170C; -$orange200: #361D0E; -$orange300: #4A2915; -$orange400: #8A4E29; -$orange500: #AD6234; -$orange600: #CF7945; -$orange700: #E7AA84; -$orange800: #FFE3D1; -$grey100: #101012; -$grey200: #1A1D21; -$grey300: #22272B; -$grey400: #2D3238; -$grey500: #515357; -$grey600: #98999B; -$grey700: #BCBDBF; -$grey800: #E8E9EA; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; -$brown200: #33260F; -$brown300: #402F13; -$brown400: #6E5225; -$brown700: #D6BA87; \ 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 0c98892b..00000000 --- a/dist/tokens/scss/core-light-colors.scss +++ /dev/null @@ -1,68 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 14:58:42 GMT - -$green100: #FAFFFC; -$green200: #EBF2EF; -$green300: #D1E0D9; -$green400: #B6CFC2; -$green500: #86B09B; -$green600: #307553; -$green700: #275E43; -$green800: #244C38; -$blue100: #F5FAFF; -$blue200: #E6F1FC; -$blue300: #C0D8F0; -$blue400: #88B1D9; -$blue500: #5D96CF; -$blue600: #3971A8; -$blue700: #21588F; -$blue800: #194673; -$red100: #FFF7F9; -$red200: #FEEEF2; -$red300: #F0C4CD; -$red400: #E296A6; -$red500: #C6516A; -$red600: #AF2645; -$red700: #980B29; -$red800: #800D25; -$purple100: #FCFAFF; -$purple200: #F2ECFE; -$purple300: #D7CEE9; -$purple400: #B9ABD5; -$purple500: #8471AB; -$purple600: #533E7D; -$purple700: #3B2566; -$purple800: #2A174F; -$orange100: #FFFAF5; -$orange200: #FFF3E8; -$orange300: #F3D8C0; -$orange400: #E7B88F; -$orange500: #CF8545; -$orange600: #B4631D; -$orange700: #8E4D14; -$orange800: #784213; -$grey100: #FCFEFF; -$grey200: #F5F7FA; -$grey300: #E6EDF5; -$grey400: #C8D3E0; -$grey500: #596D84; -$grey600: #475A70; -$grey700: #36485C; -$grey800: #2E3A47; -$grey900: #212933; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; -$yellow100: #faf8f2; -$yellow200: #fcf3dd; -$yellow300: #fce7b1; -$yellow400: #fcd97e; -$yellow500: #fccb4c; -$yellow600: #ffc121; -$yellow700: #f7b200; -$yellow800: #e5a500; -$brown200: #F6F1E5; -$brown300: #E4D9C2; -$brown400: #DACCAA; -$brown700: #5E4D27; \ 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 7faf26a7..00000000 --- a/dist/tokens/scss/themes/dark.scss +++ /dev/null @@ -1,149 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 14:58:42 GMT - -$textEmphasis: #E8E9EA; -$textBody: #BCBDBF; -$textSubdued: #98999B; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #FFFFFF; -$systemTextBase: #BCBDBF; -$systemTextHover: #E8E9EA; -$systemTextActive: #FFFFFF; -$systemBackgroundBase: #101012; -$systemBackgroundMuted: #22272B; -$systemBackgroundMutedHover: #2D3238; -$systemBackgroundMutedActive: #515357; -$systemBackgroundBox: #1A1D21; -$systemBorderBase: #515357; -$systemBorderHover: #98999B; -$systemBorderActive: #BCBDBF; -$systemBorderFocused: #6597CE; -$surfaceLevel0: #101012; -$surfaceLevel1: #101012; -$surfaceLevel2: #22272B; -$surfaceInteractiveBackground: #1A1D21; -$surfaceInteractiveHover: #22272B; -$surfaceInteractiveActive: #2D3238; -$surfaceOverlayDark: #22272B; -$surfaceOverlayTheme: #1A1D21; -$surfaceOverlayBackdrop: #1A1D21; -$primaryTextBase: #1A1D21; -$primaryTextHover: #1A1D21; -$primaryTextActive: #1A1D21; -$primaryBackgroundBase: #E8E9EA; -$primaryBackgroundHover: #FFFFFF; -$primaryBackgroundActive: #FFFFFF; -$primaryBackgroundMuted: #22272B; -$primaryBackgroundMutedHover: #2D3238; -$primaryBackgroundMutedActive: #515357; -$primaryBackgroundBox: #0C291E; -$primaryBorderBase: #515357; -$primaryBorderHover: #98999B; -$primaryBorderActive: #BCBDBF; -$successTextBase: #42AD86; -$successTextHover: #86D6B9; -$successTextActive: #DBFFF1; -$successBackgroundBase: #288563; -$successBackgroundHover: #42AD86; -$successBackgroundActive: #86D6B9; -$successBackgroundMuted: #0F3326; -$successBackgroundMutedHover: #13402F; -$successBackgroundMutedActive: #256E53; -$successBackgroundBox: #0C291E; -$successBorderBase: #256E53; -$successBorderHover: #288563; -$successBorderActive: #42AD86; -$infoTextBase: #6597CE; -$infoTextHover: #96BDE7; -$infoTextActive: #D1E8FF; -$infoBackgroundBase: #4577AD; -$infoBackgroundHover: #285685; -$infoBackgroundActive: #142C45; -$infoBackgroundMuted: #102337; -$infoBackgroundMutedHover: #142C45; -$infoBackgroundMutedActive: #285685; -$infoBackgroundBox: #0C1B29; -$infoBorderBase: #4577AD; -$infoBorderHover: #285685; -$infoBorderActive: #142C45; -$warningTextBase: #CF7945; -$warningTextHover: #E7AA84; -$warningTextActive: #FFE3D1; -$warningBackgroundBase: #AD6234; -$warningBackgroundHover: #CF7945; -$warningBackgroundActive: #E7AA84; -$warningBackgroundMuted: #361D0E; -$warningBackgroundMutedHover: #4A2915; -$warningBackgroundMutedActive: #8A4E29; -$warningBackgroundBox: #29170C; -$warningBorderBase: #8A4E29; -$warningBorderHover: #AD6234; -$warningBorderActive: #CF7945; -$dangerTextBase: #C74C6B; -$dangerTextHover: #EA8AA3; -$dangerTextActive: #FFD1DD; -$dangerBackgroundBase: #B23655; -$dangerBackgroundHover: #C74C6B; -$dangerBackgroundActive: #EA8AA3; -$dangerBackgroundMuted: #34101A; -$dangerBackgroundMutedHover: #451522; -$dangerBackgroundMutedActive: #8F2843; -$dangerBackgroundBox: #290F16; -$dangerBorderBase: #8F2843; -$dangerBorderHover: #B23655; -$dangerBorderActive: #C74C6B; -$highlightTextBase: #865C99; -$highlightTextHover: #B990CC; -$highlightTextActive: #F0D1FF; -$highlightBackgroundBase: #693B80; -$highlightBackgroundHover: #865C99; -$highlightBackgroundActive: #B990CC; -$highlightBackgroundMuted: #291433; -$highlightBackgroundMutedHover: #33193F; -$highlightBackgroundMutedActive: #542F66; -$highlightBackgroundBox: #200F29; -$highlightBorderBase: #542F66; -$highlightBorderHover: #693B80; -$highlightBorderActive: #865C99; -$disabledText: #98999B; -$disabledBackground: #22272B; -$disabledNakedBackground: transparent; -$disabledBorder: #515357; -$disabledNakedContent: #22272B; -$disabledInputBackground: #2D3238; -$disabledInputLabelText: #98999B; -$inputBackgroundBase: #1B2228; -$inputBackgroundHover: #2D3238; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #FFFFFF; -$inputTextInformation: #BCBDBF; -$inputTextInformationError: #B23655; -$inputTextLabel: #BCBDBF; -$inputTextFloatingLabel: #4577AD; -$inputTextFloatingLabelError: #B23655; -$inputTextPlaceholder: #98999B; -$inputTextActive: #FFFFFF; -$inputBorderBase: #2D3238; -$inputBorderError: #8F2843; -$inputBorderHover: #515357; -$inputBorderEmphasized: #98999B; -$inputBorderEmphasizedHover: #BCBDBF; -$inputBorderActive: #285685; -$separatorBase: #515357; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #515357; -$lightBackgroundHover: #E8E9EA; -$lightBackgroundActive: #E8E9EA; -$lightTextBase: #2D3238; -$lightLinkMutedBase: #E8E9EA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #000000; -$accentForestTextBase: #86D6B9; -$accentForestBackgroundMuted: #0F3326; -$accentForestBackgroundMutedHover: #13402F; -$accentForestBackgroundMutedActive: #256E53; -$accentSandTextBase: #D6BA87; -$accentSandBackgroundMuted: #33260F; -$accentSandBackgroundMutedHover: #402F13; -$accentSandBackgroundMutedActive: #6E5225; \ 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 acc0af41..00000000 --- a/dist/tokens/scss/themes/emerson.scss +++ /dev/null @@ -1,148 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 14:58:43 GMT - -$textEmphasis: #36485C; -$textBody: #475A70; -$textSubdued: #596D84; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #FFFFFF; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #FFFFFF; -$primaryTextHover: #FFFFFF; -$primaryTextActive: #FFFFFF; -$primaryBackgroundBase: #36485C; -$primaryBackgroundHover: #2E3A47; -$primaryBackgroundActive: #212933; -$primaryBackgroundMuted: #F5F7FA; -$primaryBackgroundMutedHover: #E6EDF5; -$primaryBackgroundMutedActive: #C8D3E0; -$primaryBackgroundBox: #FCFEFF; -$primaryBorderBase: #C8D3E0; -$primaryBorderHover: #596D84; -$primaryBorderActive: #2E3A47; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #C8D3E0; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #000000; -$accentForestTextBase: #275E43; -$accentForestBackgroundMuted: #EBF2EF; -$accentForestBackgroundMutedHover: #D1E0D9; -$accentForestBackgroundMutedActive: #B6CFC2; -$accentSandTextBase: #5E4D27; -$accentSandBackgroundMuted: #F6F1E5; -$accentSandBackgroundMutedHover: #E4D9C2; -$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss deleted file mode 100644 index 328e2640..00000000 --- a/dist/tokens/scss/themes/light.scss +++ /dev/null @@ -1,148 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 14:58:42 GMT - -$textEmphasis: #2E3A47; -$textBody: #36485C; -$textSubdued: #475A70; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #FFFFFF; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #FFFFFF; -$primaryTextHover: #FFFFFF; -$primaryTextActive: #FFFFFF; -$primaryBackgroundBase: #36485C; -$primaryBackgroundHover: #2E3A47; -$primaryBackgroundActive: #212933; -$primaryBackgroundMuted: #F5F7FA; -$primaryBackgroundMutedHover: #E6EDF5; -$primaryBackgroundMutedActive: #C8D3E0; -$primaryBackgroundBox: #FCFEFF; -$primaryBorderBase: #C8D3E0; -$primaryBorderHover: #596D84; -$primaryBorderActive: #2E3A47; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #C8D3E0; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #36485C; -$accentForestTextBase: #275E43; -$accentForestBackgroundMuted: #EBF2EF; -$accentForestBackgroundMutedHover: #D1E0D9; -$accentForestBackgroundMutedActive: #B6CFC2; -$accentSandTextBase: #5E4D27; -$accentSandBackgroundMuted: #F6F1E5; -$accentSandBackgroundMutedHover: #E4D9C2; -$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss deleted file mode 100644 index 64eab453..00000000 --- a/dist/tokens/scss/themes/lightDS3.scss +++ /dev/null @@ -1,148 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 14:58:42 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; -$accentForestTextBase: #275E43; -$accentForestBackgroundMuted: #EBF2EF; -$accentForestBackgroundMutedHover: #D1E0D9; -$accentForestBackgroundMutedActive: #B6CFC2; -$accentSandTextBase: #5E4D27; -$accentSandBackgroundMuted: #F6F1E5; -$accentSandBackgroundMutedHover: #E4D9C2; -$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss deleted file mode 100644 index 277a2c81..00000000 --- a/dist/tokens/scss/typography.scss +++ /dev/null @@ -1,116 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 14:58:42 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 fc0dcb0e..00000000 --- a/dist/tokens/ts/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 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 79afdc7d..00000000 --- a/dist/tokens/ts/borders.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 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 a99e5c7e..00000000 --- a/dist/tokens/ts/core-dark-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 94d17309..00000000 --- a/dist/tokens/ts/core-dark-colors.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, -blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, -red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, -orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, -grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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 4820d54b..00000000 --- a/dist/tokens/ts/core-light-colors.d.ts +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 b35ac336..00000000 --- a/dist/tokens/ts/core-light-colors.js +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, -blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, -red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, -purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, -orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, -grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, -brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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 7fd0dcd3..00000000 --- a/dist/tokens/ts/themes/dark.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 bea3d544..00000000 --- a/dist/tokens/ts/themes/dark.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -module.exports = {theme: "dark", -text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, -surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, -primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, -success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, -info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, -warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, -danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, -highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, -disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, -input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, -separator : {base : "#515357"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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 d37d7594..00000000 --- a/dist/tokens/ts/themes/emerson.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:43 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 5f4dc206..00000000 --- a/dist/tokens/ts/themes/emerson.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:43 GMT - */ - -module.exports = {theme: "emerson", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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 22fd6ac3..00000000 --- a/dist/tokens/ts/themes/light.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 2551be2b..00000000 --- a/dist/tokens/ts/themes/light.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -module.exports = {theme: "light", -text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 22fd6ac3..00000000 --- a/dist/tokens/ts/themes/lightDS3.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 84f89253..00000000 --- a/dist/tokens/ts/themes/lightDS3.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 GMT - */ - -module.exports = {theme: "lightDS3", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 e675502d..00000000 --- a/dist/tokens/ts/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 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 20dfae55..00000000 --- a/dist/tokens/ts/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 14:58:42 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 92e7cc1c..00000000 --- a/dist/types/index.d.ts +++ /dev/null @@ -1,4 +0,0 @@ -export * from "./interfaces"; -export * from "./profiles"; -export * from "./intentions"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/index.d.ts.map b/dist/types/index.d.ts.map deleted file mode 100644 index 4ae2dac6..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;AAC3B,cAAc,cAAc,CAAC"} \ No newline at end of file diff --git a/dist/types/index.js b/dist/types/index.js deleted file mode 100644 index 724eae35..00000000 --- a/dist/types/index.js +++ /dev/null @@ -1,50 +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]; - } - }); -}); - -var _intentions = require("./intentions"); - -Object.keys(_intentions).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _intentions[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _intentions[key]; - } - }); -}); \ No newline at end of file diff --git a/dist/types/intentions.d.ts b/dist/types/intentions.d.ts deleted file mode 100644 index 549a7988..00000000 --- a/dist/types/intentions.d.ts +++ /dev/null @@ -1,16 +0,0 @@ -declare const AVIARY_INTENTIONS: { - primary: string; - system: string; - danger: string; - success: string; - textSuccess: string; - textSystem: string; - textDanger: string; - lightFilled: string; - lightOutlined: string; - lightText: string; -}; -declare type AviaryIntentions = keyof typeof AVIARY_INTENTIONS; -export type { AviaryIntentions }; -export { AVIARY_INTENTIONS }; -//# sourceMappingURL=intentions.d.ts.map \ No newline at end of file diff --git a/dist/types/intentions.d.ts.map b/dist/types/intentions.d.ts.map deleted file mode 100644 index 1f79d160..00000000 --- a/dist/types/intentions.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"intentions.d.ts","sourceRoot":"","sources":["../../src/types/intentions.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;;;;;;;;;;CAWtB,CAAC;AAEF,aAAK,gBAAgB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAEvD,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/intentions.js b/dist/types/intentions.js deleted file mode 100644 index 85242ea9..00000000 --- a/dist/types/intentions.js +++ /dev/null @@ -1,19 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.AVIARY_INTENTIONS = void 0; -var AVIARY_INTENTIONS = { - primary: "primary", - system: "system", - danger: "danger", - success: "success", - textSuccess: "textSuccess", - textSystem: "textSystem", - textDanger: "textDanger", - lightFilled: "lightFilled", - lightOutlined: "lightOutlined", - lightText: "lightText" -}; -exports.AVIARY_INTENTIONS = AVIARY_INTENTIONS; \ No newline at end of file diff --git a/dist/types/interfaces.d.ts b/dist/types/interfaces.d.ts deleted file mode 100644 index ab0bd272..00000000 --- a/dist/types/interfaces.d.ts +++ /dev/null @@ -1,30 +0,0 @@ -declare const AVIARY_COLORS: { - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; - success: string; -}; -declare const EXTENDED_AVIARY_COLORS: { - light: string; - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; - success: string; -}; -declare type AviaryColors = keyof typeof AVIARY_COLORS; -declare type ExtendedAviaryColors = keyof typeof EXTENDED_AVIARY_COLORS; -interface AviaryColorProps { - isColor?: AviaryColors; -} -interface AviaryExtendedColorProps { - isColor?: ExtendedAviaryColors; -} -export type { AviaryColors, AviaryColorProps, AviaryExtendedColorProps, ExtendedAviaryColors, }; -export { AVIARY_COLORS, EXTENDED_AVIARY_COLORS }; -//# sourceMappingURL=interfaces.d.ts.map \ No newline at end of file diff --git a/dist/types/interfaces.d.ts.map b/dist/types/interfaces.d.ts.map deleted file mode 100644 index 57492602..00000000 --- a/dist/types/interfaces.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa;;;;;;;;CAQlB,CAAC;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;CAG3B,CAAC;AAEF,aAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,aAAK,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEhE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AACD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,GACrB,CAAC;AACF,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js deleted file mode 100644 index 900be27c..00000000 --- a/dist/types/interfaces.js +++ /dev/null @@ -1,43 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.keys.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.array.filter.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.get-own-property-descriptors.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.EXTENDED_AVIARY_COLORS = exports.AVIARY_COLORS = void 0; - -function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -var AVIARY_COLORS = { - primary: "primary", - info: "info", - warning: "warning", - danger: "danger", - highlight: "highlight", - system: "system", - success: "success" -}; -exports.AVIARY_COLORS = AVIARY_COLORS; - -var EXTENDED_AVIARY_COLORS = _objectSpread(_objectSpread({}, AVIARY_COLORS), {}, { - light: "light" -}); - -exports.EXTENDED_AVIARY_COLORS = EXTENDED_AVIARY_COLORS; \ No newline at end of file diff --git a/dist/types/profiles.d.ts b/dist/types/profiles.d.ts deleted file mode 100644 index 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 From 936b966bb40e7e61699ecbb85aea61a38a139eda Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 17 Oct 2023 15:18:22 +0000 Subject: [PATCH 11/19] Built and updated design tokens --- dist/documentation/core-dark-colors.d.ts | 233 +++++++++ dist/documentation/core-dark-colors.js | 233 +++++++++ dist/documentation/core-light-colors.d.ts | 270 ++++++++++ dist/documentation/core-light-colors.js | 270 ++++++++++ dist/documentation/themes/dark.d.ts | 600 ++++++++++++++++++++++ dist/documentation/themes/dark.js | 600 ++++++++++++++++++++++ dist/documentation/themes/emerson.d.ts | 596 +++++++++++++++++++++ dist/documentation/themes/emerson.js | 596 +++++++++++++++++++++ dist/documentation/themes/light.d.ts | 596 +++++++++++++++++++++ dist/documentation/themes/light.js | 596 +++++++++++++++++++++ dist/documentation/themes/lightDS3.d.ts | 596 +++++++++++++++++++++ dist/documentation/themes/lightDS3.js | 596 +++++++++++++++++++++ dist/tokens/native/borders.d.ts | 10 + dist/tokens/native/borders.js | 12 + dist/tokens/native/core-dark-colors.d.ts | 13 + dist/tokens/native/core-dark-colors.js | 13 + dist/tokens/native/core-light-colors.d.ts | 14 + dist/tokens/native/core-light-colors.js | 14 + dist/tokens/native/themes/dark.d.ts | 21 + dist/tokens/native/themes/dark.js | 21 + dist/tokens/native/themes/emerson.d.ts | 21 + dist/tokens/native/themes/emerson.js | 21 + dist/tokens/native/themes/light.d.ts | 21 + dist/tokens/native/themes/light.js | 21 + dist/tokens/native/themes/lightDS3.d.ts | 21 + dist/tokens/native/themes/lightDS3.js | 21 + 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 | 59 +++ dist/tokens/scss/core-light-colors.scss | 68 +++ dist/tokens/scss/themes/dark.scss | 149 ++++++ dist/tokens/scss/themes/emerson.scss | 148 ++++++ dist/tokens/scss/themes/light.scss | 148 ++++++ dist/tokens/scss/themes/lightDS3.scss | 148 ++++++ 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 | 13 + dist/tokens/ts/core-dark-colors.js | 13 + dist/tokens/ts/core-light-colors.d.ts | 14 + dist/tokens/ts/core-light-colors.js | 14 + dist/tokens/ts/themes/dark.d.ts | 21 + dist/tokens/ts/themes/dark.js | 21 + dist/tokens/ts/themes/emerson.d.ts | 21 + dist/tokens/ts/themes/emerson.js | 21 + dist/tokens/ts/themes/light.d.ts | 21 + dist/tokens/ts/themes/light.js | 21 + dist/tokens/ts/themes/lightDS3.d.ts | 21 + dist/tokens/ts/themes/lightDS3.js | 21 + dist/tokens/ts/typography.d.ts | 117 +++++ dist/tokens/ts/typography.js | 119 +++++ 52 files changed, 7587 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..c44e4464 --- /dev/null +++ b/dist/documentation/core-dark-colors.d.ts @@ -0,0 +1,233 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +export const green : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const blue : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const red : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const purple : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const orange : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const grey : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const shades : {white:{ + name: string, + hex: string, + + },black:{ + name: string, + hex: string, + + },transparent:{ + name: string, + hex: string, + + }}; +export const brown : {200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + }}; \ 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..0e8bad37 --- /dev/null +++ b/dist/documentation/core-dark-colors.js @@ -0,0 +1,233 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#0C291E", + + },200:{ + name: "green.200", + hex: "#0F3326", + + },300:{ + name: "green.300", + hex: "#13402F", + + },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: "#102337", + + },300:{ + name: "blue.300", + hex: "#142C45", + + },400:{ + name: "blue.400", + hex: "#285685", + + },500:{ + name: "blue.500", + hex: "#4577AD", + + },600:{ + name: "blue.600", + hex: "#6597CE", + + },700:{ + name: "blue.700", + hex: "#96BDE7", + + },800:{ + name: "blue.800", + hex: "#D1E8FF", + + }}, +red : {100:{ + name: "red.100", + hex: "#290F16", + + },200:{ + name: "red.200", + hex: "#34101A", + + },300:{ + name: "red.300", + hex: "#451522", + + },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: "#291433", + + },300:{ + name: "purple.300", + hex: "#33193F", + + },400:{ + name: "purple.400", + hex: "#542F66", + + },500:{ + name: "purple.500", + hex: "#693B80", + + },600:{ + name: "purple.600", + hex: "#865C99", + + },700:{ + name: "purple.700", + hex: "#B990CC", + + },800:{ + name: "purple.800", + hex: "#F0D1FF", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#29170C", + + },200:{ + name: "orange.200", + hex: "#361D0E", + + },300:{ + name: "orange.300", + hex: "#4A2915", + + },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: "#98999B", + + },700:{ + name: "grey.700", + hex: "#BCBDBF", + + },800:{ + name: "grey.800", + hex: "#E8E9EA", + + }}, +shades : {white:{ + name: "shades.white", + hex: "#FFFFFF", + + },black:{ + name: "shades.black", + hex: "#000000", + + },transparent:{ + name: "shades.transparent", + hex: "transparent", + + }}, +brown : {200:{ + name: "brown.200", + hex: "#33260F", + + },300:{ + name: "brown.300", + hex: "#402F13", + + },400:{ + name: "brown.400", + hex: "#6E5225", + + },700:{ + name: "brown.700", + hex: "#D6BA87", + + }},}; \ 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..3303b620 --- /dev/null +++ b/dist/documentation/core-light-colors.d.ts @@ -0,0 +1,270 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:20 GMT + */ + +export const green : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const blue : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const red : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const purple : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const orange : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const grey : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + },900:{ + name: string, + hex: string, + + }}; +export const shades : {white:{ + name: string, + hex: string, + + },black:{ + name: string, + hex: string, + + },transparent:{ + name: string, + hex: string, + + }}; +export const yellow : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const brown : {200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + }}; \ 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..c6ab9423 --- /dev/null +++ b/dist/documentation/core-light-colors.js @@ -0,0 +1,270 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:20 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#FAFFFC", + + },200:{ + name: "green.200", + hex: "#EBF2EF", + + },300:{ + name: "green.300", + hex: "#D1E0D9", + + },400:{ + name: "green.400", + hex: "#B6CFC2", + + },500:{ + name: "green.500", + hex: "#86B09B", + + },600:{ + name: "green.600", + hex: "#307553", + + },700:{ + name: "green.700", + hex: "#275E43", + + },800:{ + name: "green.800", + hex: "#244C38", + + }}, +blue : {100:{ + name: "blue.100", + hex: "#F5FAFF", + + },200:{ + name: "blue.200", + hex: "#E6F1FC", + + },300:{ + name: "blue.300", + hex: "#C0D8F0", + + },400:{ + name: "blue.400", + hex: "#88B1D9", + + },500:{ + name: "blue.500", + hex: "#5D96CF", + + },600:{ + name: "blue.600", + hex: "#3971A8", + + },700:{ + name: "blue.700", + hex: "#21588F", + + },800:{ + name: "blue.800", + hex: "#194673", + + }}, +red : {100:{ + name: "red.100", + hex: "#FFF7F9", + + },200:{ + name: "red.200", + hex: "#FEEEF2", + + },300:{ + name: "red.300", + hex: "#F0C4CD", + + },400:{ + name: "red.400", + hex: "#E296A6", + + },500:{ + name: "red.500", + hex: "#C6516A", + + },600:{ + name: "red.600", + hex: "#AF2645", + + },700:{ + name: "red.700", + hex: "#980B29", + + },800:{ + name: "red.800", + hex: "#800D25", + + }}, +purple : {100:{ + name: "purple.100", + hex: "#FCFAFF", + + },200:{ + name: "purple.200", + hex: "#F2ECFE", + + },300:{ + name: "purple.300", + hex: "#D7CEE9", + + },400:{ + name: "purple.400", + hex: "#B9ABD5", + + },500:{ + name: "purple.500", + hex: "#8471AB", + + },600:{ + name: "purple.600", + hex: "#533E7D", + + },700:{ + name: "purple.700", + hex: "#3B2566", + + },800:{ + name: "purple.800", + hex: "#2A174F", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#FFFAF5", + + },200:{ + name: "orange.200", + hex: "#FFF3E8", + + },300:{ + name: "orange.300", + hex: "#F3D8C0", + + },400:{ + name: "orange.400", + hex: "#E7B88F", + + },500:{ + name: "orange.500", + hex: "#CF8545", + + },600:{ + name: "orange.600", + hex: "#B4631D", + + },700:{ + name: "orange.700", + hex: "#8E4D14", + + },800:{ + name: "orange.800", + hex: "#784213", + + }}, +grey : {100:{ + name: "grey.100", + hex: "#FCFEFF", + + },200:{ + name: "grey.200", + hex: "#F5F7FA", + + },300:{ + name: "grey.300", + hex: "#E6EDF5", + + },400:{ + name: "grey.400", + hex: "#C8D3E0", + + },500:{ + name: "grey.500", + hex: "#596D84", + + },600:{ + name: "grey.600", + hex: "#475A70", + + },700:{ + name: "grey.700", + hex: "#36485C", + + },800:{ + name: "grey.800", + hex: "#2E3A47", + + },900:{ + name: "grey.900", + hex: "#212933", + + }}, +shades : {white:{ + name: "shades.white", + hex: "#FFFFFF", + + },black:{ + name: "shades.black", + hex: "#000000", + + },transparent:{ + name: "shades.transparent", + hex: "transparent", + + }}, +yellow : {100:{ + name: "yellow.100", + hex: "#faf8f2", + + },200:{ + name: "yellow.200", + hex: "#fcf3dd", + + },300:{ + name: "yellow.300", + hex: "#fce7b1", + + },400:{ + name: "yellow.400", + hex: "#fcd97e", + + },500:{ + name: "yellow.500", + hex: "#fccb4c", + + },600:{ + name: "yellow.600", + hex: "#ffc121", + + },700:{ + name: "yellow.700", + hex: "#f7b200", + + },800:{ + name: "yellow.800", + hex: "#e5a500", + + }}, +brown : {200:{ + name: "brown.200", + hex: "#F6F1E5", + + },300:{ + name: "brown.300", + hex: "#E4D9C2", + + },400:{ + name: "brown.400", + hex: "#DACCAA", + + },700:{ + name: "brown.700", + hex: "#5E4D27", + + }},}; \ 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..e4efb660 --- /dev/null +++ b/dist/documentation/themes/dark.d.ts @@ -0,0 +1,600 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },nakedContent:{ + name: string, + hex: string, + + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js new file mode 100644 index 00000000..7b42b0b9 --- /dev/null +++ b/dist/documentation/themes/dark.js @@ -0,0 +1,600 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 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: "#BCBDBF", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#98999B", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#FFFFFF", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#BCBDBF", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#E8E9EA", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#101012", + 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: "#98999B", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#BCBDBF", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#6597CE", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#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: "#101012", + 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: "#1A1D21", + 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: "#1A1D21", + 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: "#1A1D21", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#1A1D21", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#E8E9EA", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#FFFFFF", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#FFFFFF", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#22272B", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#2D3238", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#515357", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#0C291E", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#515357", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#98999B", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#BCBDBF", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#42AD86", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#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: "#42AD86", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#86D6B9", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#0F3326", + 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: "#13402F", + 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: "#256E53", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#288563", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#42AD86", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#6597CE", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#96BDE7", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#D1E8FF", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#4577AD", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#285685", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#142C45", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#102337", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#142C45", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#285685", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#0C1B29", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#4577AD", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#285685", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#142C45", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#CF7945", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#E7AA84", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#FFE3D1", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#AD6234", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#CF7945", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#E7AA84", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#361D0E", + 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: "#4A2915", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#8A4E29", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#29170C", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#8A4E29", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#AD6234", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#CF7945", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#C74C6B", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#EA8AA3", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#FFD1DD", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#B23655", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#C74C6B", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#EA8AA3", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#34101A", + 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: "#451522", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#8F2843", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#290F16", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#8F2843", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#B23655", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#C74C6B", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#865C99", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#B990CC", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#F0D1FF", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#693B80", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#865C99", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#B990CC", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#291433", + 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: "#33193F", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#542F66", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#200F29", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#542F66", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#693B80", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#865C99", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#98999B", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#22272B", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#515357", + description: "Used as the border for disabled components" + },nakedContent:{ + name: "disabled.nakedContent", + hex: "#22272B", + + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#2D3238", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#98999B", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#1B2228", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#2D3238", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#FFFFFF", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#BCBDBF", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#B23655", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#BCBDBF", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#4577AD", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#B23655", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#98999B", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#FFFFFF", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#2D3238", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#8F2843", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#515357", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#98999B", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#BCBDBF", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#285685", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#515357", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#515357", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#E8E9EA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E8E9EA", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2D3238", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#E8E9EA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#000000", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#86D6B9", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#0F3326", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#13402F", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#256E53", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#D6BA87", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#33260F", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#402F13", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#6E5225", + + }},}; \ 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..9126a5b9 --- /dev/null +++ b/dist/documentation/themes/emerson.d.ts @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js new file mode 100644 index 00000000..49e9ceb5 --- /dev/null +++ b/dist/documentation/themes/emerson.js @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#36485C", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#475A70", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#596D84", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#FFFFFF", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#FFFFFF", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#FFFFFF", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#36485C", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#2E3A47", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#212933", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FCFEFF", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#2E3A47", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as buttons" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as buttons" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#C8D3E0", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#000000", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#275E43", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#EBF2EF", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#D1E0D9", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#B6CFC2", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#5E4D27", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#F6F1E5", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#E4D9C2", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts new file mode 100644 index 00000000..9126a5b9 --- /dev/null +++ b/dist/documentation/themes/light.d.ts @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js new file mode 100644 index 00000000..0fe5a6b9 --- /dev/null +++ b/dist/documentation/themes/light.js @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#36485C", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#475A70", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#FFFFFF", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#FFFFFF", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#FFFFFF", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#36485C", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#2E3A47", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#212933", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FCFEFF", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for primary components" + },borderHover:{ + name: "primary.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for primary components" + },borderActive:{ + name: "primary.borderActive", + hex: "#2E3A47", + description: "Used for the pressed border colour for primary components" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#C8D3E0", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#36485C", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#275E43", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#EBF2EF", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#D1E0D9", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#B6CFC2", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#5E4D27", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#F6F1E5", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#E4D9C2", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts new file mode 100644 index 00000000..9126a5b9 --- /dev/null +++ b/dist/documentation/themes/lightDS3.d.ts @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js new file mode 100644 index 00000000..69a8740a --- /dev/null +++ b/dist/documentation/themes/lightDS3.js @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#36485C", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#475A70", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#596D84", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#F5F7FA", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#307553", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#307553", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#275E43", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#244C38", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#307553", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#E6EDF5", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#36485C", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#275E43", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#EBF2EF", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#D1E0D9", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#B6CFC2", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#5E4D27", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#F6F1E5", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#E4D9C2", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts new file mode 100644 index 00000000..e09e9872 --- /dev/null +++ b/dist/tokens/native/borders.d.ts @@ -0,0 +1,10 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:20 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..68777ea4 --- /dev/null +++ b/dist/tokens/native/borders.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:20 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..60a57e82 --- /dev/null +++ b/dist/tokens/native/core-dark-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..81ea42f5 --- /dev/null +++ b/dist/tokens/native/core-dark-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, +orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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..8453bbeb --- /dev/null +++ b/dist/tokens/native/core-light-colors.d.ts @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:20 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..0fac6b11 --- /dev/null +++ b/dist/tokens/native/core-light-colors.js @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:20 GMT + */ + +module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, +blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, +red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, +purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, +orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, +grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, +brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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..4909b8a4 --- /dev/null +++ b/dist/tokens/native/themes/dark.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..3910e3cc --- /dev/null +++ b/dist/tokens/native/themes/dark.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +module.exports = {theme: "dark", +text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, +surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, +primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, +success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, +info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, +warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, +danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, +disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, +input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, +separator : {base : "#515357"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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..4ab9ee47 --- /dev/null +++ b/dist/tokens/native/themes/emerson.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..eb3280c6 --- /dev/null +++ b/dist/tokens/native/themes/emerson.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +module.exports = {theme: "emerson", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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..4ab9ee47 --- /dev/null +++ b/dist/tokens/native/themes/light.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..6da22fa6 --- /dev/null +++ b/dist/tokens/native/themes/light.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +module.exports = {theme: "light", +text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..4ab9ee47 --- /dev/null +++ b/dist/tokens/native/themes/lightDS3.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..99860d5d --- /dev/null +++ b/dist/tokens/native/themes/lightDS3.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +module.exports = {theme: "lightDS3", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..8c3c5556 --- /dev/null +++ b/dist/tokens/native/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:20 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..8b7c547e --- /dev/null +++ b/dist/tokens/native/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:20 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..a161fea4 --- /dev/null +++ b/dist/tokens/scss/borders.scss @@ -0,0 +1,9 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 15:18:20 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..e0c4a971 --- /dev/null +++ b/dist/tokens/scss/core-dark-colors.scss @@ -0,0 +1,59 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 15:18:20 GMT + +$green100: #0C291E; +$green200: #0F3326; +$green300: #13402F; +$green400: #256E53; +$green500: #288563; +$green600: #42AD86; +$green700: #86D6B9; +$green800: #DBFFF1; +$blue100: #0C1B29; +$blue200: #102337; +$blue300: #142C45; +$blue400: #285685; +$blue500: #4577AD; +$blue600: #6597CE; +$blue700: #96BDE7; +$blue800: #D1E8FF; +$red100: #290F16; +$red200: #34101A; +$red300: #451522; +$red400: #8F2843; +$red500: #B23655; +$red600: #C74C6B; +$red700: #EA8AA3; +$red800: #FFD1DD; +$purple100: #200F29; +$purple200: #291433; +$purple300: #33193F; +$purple400: #542F66; +$purple500: #693B80; +$purple600: #865C99; +$purple700: #B990CC; +$purple800: #F0D1FF; +$orange100: #29170C; +$orange200: #361D0E; +$orange300: #4A2915; +$orange400: #8A4E29; +$orange500: #AD6234; +$orange600: #CF7945; +$orange700: #E7AA84; +$orange800: #FFE3D1; +$grey100: #101012; +$grey200: #1A1D21; +$grey300: #22272B; +$grey400: #2D3238; +$grey500: #515357; +$grey600: #98999B; +$grey700: #BCBDBF; +$grey800: #E8E9EA; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$brown200: #33260F; +$brown300: #402F13; +$brown400: #6E5225; +$brown700: #D6BA87; \ 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..42ce189a --- /dev/null +++ b/dist/tokens/scss/core-light-colors.scss @@ -0,0 +1,68 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 15:18:20 GMT + +$green100: #FAFFFC; +$green200: #EBF2EF; +$green300: #D1E0D9; +$green400: #B6CFC2; +$green500: #86B09B; +$green600: #307553; +$green700: #275E43; +$green800: #244C38; +$blue100: #F5FAFF; +$blue200: #E6F1FC; +$blue300: #C0D8F0; +$blue400: #88B1D9; +$blue500: #5D96CF; +$blue600: #3971A8; +$blue700: #21588F; +$blue800: #194673; +$red100: #FFF7F9; +$red200: #FEEEF2; +$red300: #F0C4CD; +$red400: #E296A6; +$red500: #C6516A; +$red600: #AF2645; +$red700: #980B29; +$red800: #800D25; +$purple100: #FCFAFF; +$purple200: #F2ECFE; +$purple300: #D7CEE9; +$purple400: #B9ABD5; +$purple500: #8471AB; +$purple600: #533E7D; +$purple700: #3B2566; +$purple800: #2A174F; +$orange100: #FFFAF5; +$orange200: #FFF3E8; +$orange300: #F3D8C0; +$orange400: #E7B88F; +$orange500: #CF8545; +$orange600: #B4631D; +$orange700: #8E4D14; +$orange800: #784213; +$grey100: #FCFEFF; +$grey200: #F5F7FA; +$grey300: #E6EDF5; +$grey400: #C8D3E0; +$grey500: #596D84; +$grey600: #475A70; +$grey700: #36485C; +$grey800: #2E3A47; +$grey900: #212933; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$yellow100: #faf8f2; +$yellow200: #fcf3dd; +$yellow300: #fce7b1; +$yellow400: #fcd97e; +$yellow500: #fccb4c; +$yellow600: #ffc121; +$yellow700: #f7b200; +$yellow800: #e5a500; +$brown200: #F6F1E5; +$brown300: #E4D9C2; +$brown400: #DACCAA; +$brown700: #5E4D27; \ 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..efd892e7 --- /dev/null +++ b/dist/tokens/scss/themes/dark.scss @@ -0,0 +1,149 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 15:18:21 GMT + +$textEmphasis: #E8E9EA; +$textBody: #BCBDBF; +$textSubdued: #98999B; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #FFFFFF; +$systemTextBase: #BCBDBF; +$systemTextHover: #E8E9EA; +$systemTextActive: #FFFFFF; +$systemBackgroundBase: #101012; +$systemBackgroundMuted: #22272B; +$systemBackgroundMutedHover: #2D3238; +$systemBackgroundMutedActive: #515357; +$systemBackgroundBox: #1A1D21; +$systemBorderBase: #515357; +$systemBorderHover: #98999B; +$systemBorderActive: #BCBDBF; +$systemBorderFocused: #6597CE; +$surfaceLevel0: #101012; +$surfaceLevel1: #101012; +$surfaceLevel2: #22272B; +$surfaceInteractiveBackground: #1A1D21; +$surfaceInteractiveHover: #22272B; +$surfaceInteractiveActive: #2D3238; +$surfaceOverlayDark: #22272B; +$surfaceOverlayTheme: #1A1D21; +$surfaceOverlayBackdrop: #1A1D21; +$primaryTextBase: #1A1D21; +$primaryTextHover: #1A1D21; +$primaryTextActive: #1A1D21; +$primaryBackgroundBase: #E8E9EA; +$primaryBackgroundHover: #FFFFFF; +$primaryBackgroundActive: #FFFFFF; +$primaryBackgroundMuted: #22272B; +$primaryBackgroundMutedHover: #2D3238; +$primaryBackgroundMutedActive: #515357; +$primaryBackgroundBox: #0C291E; +$primaryBorderBase: #515357; +$primaryBorderHover: #98999B; +$primaryBorderActive: #BCBDBF; +$successTextBase: #42AD86; +$successTextHover: #86D6B9; +$successTextActive: #DBFFF1; +$successBackgroundBase: #288563; +$successBackgroundHover: #42AD86; +$successBackgroundActive: #86D6B9; +$successBackgroundMuted: #0F3326; +$successBackgroundMutedHover: #13402F; +$successBackgroundMutedActive: #256E53; +$successBackgroundBox: #0C291E; +$successBorderBase: #256E53; +$successBorderHover: #288563; +$successBorderActive: #42AD86; +$infoTextBase: #6597CE; +$infoTextHover: #96BDE7; +$infoTextActive: #D1E8FF; +$infoBackgroundBase: #4577AD; +$infoBackgroundHover: #285685; +$infoBackgroundActive: #142C45; +$infoBackgroundMuted: #102337; +$infoBackgroundMutedHover: #142C45; +$infoBackgroundMutedActive: #285685; +$infoBackgroundBox: #0C1B29; +$infoBorderBase: #4577AD; +$infoBorderHover: #285685; +$infoBorderActive: #142C45; +$warningTextBase: #CF7945; +$warningTextHover: #E7AA84; +$warningTextActive: #FFE3D1; +$warningBackgroundBase: #AD6234; +$warningBackgroundHover: #CF7945; +$warningBackgroundActive: #E7AA84; +$warningBackgroundMuted: #361D0E; +$warningBackgroundMutedHover: #4A2915; +$warningBackgroundMutedActive: #8A4E29; +$warningBackgroundBox: #29170C; +$warningBorderBase: #8A4E29; +$warningBorderHover: #AD6234; +$warningBorderActive: #CF7945; +$dangerTextBase: #C74C6B; +$dangerTextHover: #EA8AA3; +$dangerTextActive: #FFD1DD; +$dangerBackgroundBase: #B23655; +$dangerBackgroundHover: #C74C6B; +$dangerBackgroundActive: #EA8AA3; +$dangerBackgroundMuted: #34101A; +$dangerBackgroundMutedHover: #451522; +$dangerBackgroundMutedActive: #8F2843; +$dangerBackgroundBox: #290F16; +$dangerBorderBase: #8F2843; +$dangerBorderHover: #B23655; +$dangerBorderActive: #C74C6B; +$highlightTextBase: #865C99; +$highlightTextHover: #B990CC; +$highlightTextActive: #F0D1FF; +$highlightBackgroundBase: #693B80; +$highlightBackgroundHover: #865C99; +$highlightBackgroundActive: #B990CC; +$highlightBackgroundMuted: #291433; +$highlightBackgroundMutedHover: #33193F; +$highlightBackgroundMutedActive: #542F66; +$highlightBackgroundBox: #200F29; +$highlightBorderBase: #542F66; +$highlightBorderHover: #693B80; +$highlightBorderActive: #865C99; +$disabledText: #98999B; +$disabledBackground: #22272B; +$disabledNakedBackground: transparent; +$disabledBorder: #515357; +$disabledNakedContent: #22272B; +$disabledInputBackground: #2D3238; +$disabledInputLabelText: #98999B; +$inputBackgroundBase: #1B2228; +$inputBackgroundHover: #2D3238; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #FFFFFF; +$inputTextInformation: #BCBDBF; +$inputTextInformationError: #B23655; +$inputTextLabel: #BCBDBF; +$inputTextFloatingLabel: #4577AD; +$inputTextFloatingLabelError: #B23655; +$inputTextPlaceholder: #98999B; +$inputTextActive: #FFFFFF; +$inputBorderBase: #2D3238; +$inputBorderError: #8F2843; +$inputBorderHover: #515357; +$inputBorderEmphasized: #98999B; +$inputBorderEmphasizedHover: #BCBDBF; +$inputBorderActive: #285685; +$separatorBase: #515357; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #515357; +$lightBackgroundHover: #E8E9EA; +$lightBackgroundActive: #E8E9EA; +$lightTextBase: #2D3238; +$lightLinkMutedBase: #E8E9EA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #000000; +$accentForestTextBase: #86D6B9; +$accentForestBackgroundMuted: #0F3326; +$accentForestBackgroundMutedHover: #13402F; +$accentForestBackgroundMutedActive: #256E53; +$accentSandTextBase: #D6BA87; +$accentSandBackgroundMuted: #33260F; +$accentSandBackgroundMutedHover: #402F13; +$accentSandBackgroundMutedActive: #6E5225; \ 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..649e02f7 --- /dev/null +++ b/dist/tokens/scss/themes/emerson.scss @@ -0,0 +1,148 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 15:18:21 GMT + +$textEmphasis: #36485C; +$textBody: #475A70; +$textSubdued: #596D84; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #FFFFFF; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #FFFFFF; +$primaryTextHover: #FFFFFF; +$primaryTextActive: #FFFFFF; +$primaryBackgroundBase: #36485C; +$primaryBackgroundHover: #2E3A47; +$primaryBackgroundActive: #212933; +$primaryBackgroundMuted: #F5F7FA; +$primaryBackgroundMutedHover: #E6EDF5; +$primaryBackgroundMutedActive: #C8D3E0; +$primaryBackgroundBox: #FCFEFF; +$primaryBorderBase: #C8D3E0; +$primaryBorderHover: #596D84; +$primaryBorderActive: #2E3A47; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #C8D3E0; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #000000; +$accentForestTextBase: #275E43; +$accentForestBackgroundMuted: #EBF2EF; +$accentForestBackgroundMutedHover: #D1E0D9; +$accentForestBackgroundMutedActive: #B6CFC2; +$accentSandTextBase: #5E4D27; +$accentSandBackgroundMuted: #F6F1E5; +$accentSandBackgroundMutedHover: #E4D9C2; +$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss new file mode 100644 index 00000000..df6e2740 --- /dev/null +++ b/dist/tokens/scss/themes/light.scss @@ -0,0 +1,148 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 15:18:21 GMT + +$textEmphasis: #2E3A47; +$textBody: #36485C; +$textSubdued: #475A70; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #FFFFFF; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #FFFFFF; +$primaryTextHover: #FFFFFF; +$primaryTextActive: #FFFFFF; +$primaryBackgroundBase: #36485C; +$primaryBackgroundHover: #2E3A47; +$primaryBackgroundActive: #212933; +$primaryBackgroundMuted: #F5F7FA; +$primaryBackgroundMutedHover: #E6EDF5; +$primaryBackgroundMutedActive: #C8D3E0; +$primaryBackgroundBox: #FCFEFF; +$primaryBorderBase: #C8D3E0; +$primaryBorderHover: #596D84; +$primaryBorderActive: #2E3A47; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #C8D3E0; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #36485C; +$accentForestTextBase: #275E43; +$accentForestBackgroundMuted: #EBF2EF; +$accentForestBackgroundMutedHover: #D1E0D9; +$accentForestBackgroundMutedActive: #B6CFC2; +$accentSandTextBase: #5E4D27; +$accentSandBackgroundMuted: #F6F1E5; +$accentSandBackgroundMutedHover: #E4D9C2; +$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss new file mode 100644 index 00000000..b42a0797 --- /dev/null +++ b/dist/tokens/scss/themes/lightDS3.scss @@ -0,0 +1,148 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 15:18:21 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; +$accentForestTextBase: #275E43; +$accentForestBackgroundMuted: #EBF2EF; +$accentForestBackgroundMutedHover: #D1E0D9; +$accentForestBackgroundMutedActive: #B6CFC2; +$accentSandTextBase: #5E4D27; +$accentSandBackgroundMuted: #F6F1E5; +$accentSandBackgroundMutedHover: #E4D9C2; +$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss new file mode 100644 index 00000000..b118d59a --- /dev/null +++ b/dist/tokens/scss/typography.scss @@ -0,0 +1,116 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 15:18:20 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..f904130b --- /dev/null +++ b/dist/tokens/ts/borders.d.ts @@ -0,0 +1,10 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:20 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..aef1df09 --- /dev/null +++ b/dist/tokens/ts/borders.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:20 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..aa3ef538 --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:20 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..31f0d232 --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:20 GMT + */ + +module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, +orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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..8453bbeb --- /dev/null +++ b/dist/tokens/ts/core-light-colors.d.ts @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:20 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..0fac6b11 --- /dev/null +++ b/dist/tokens/ts/core-light-colors.js @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:20 GMT + */ + +module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, +blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, +red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, +purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, +orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, +grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, +brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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..4909b8a4 --- /dev/null +++ b/dist/tokens/ts/themes/dark.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..3910e3cc --- /dev/null +++ b/dist/tokens/ts/themes/dark.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +module.exports = {theme: "dark", +text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, +surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, +primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, +success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, +info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, +warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, +danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, +disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, +input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, +separator : {base : "#515357"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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..4ab9ee47 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..eb3280c6 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +module.exports = {theme: "emerson", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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..4ab9ee47 --- /dev/null +++ b/dist/tokens/ts/themes/light.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..6da22fa6 --- /dev/null +++ b/dist/tokens/ts/themes/light.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +module.exports = {theme: "light", +text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..4ab9ee47 --- /dev/null +++ b/dist/tokens/ts/themes/lightDS3.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..99860d5d --- /dev/null +++ b/dist/tokens/ts/themes/lightDS3.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:21 GMT + */ + +module.exports = {theme: "lightDS3", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..5a69b411 --- /dev/null +++ b/dist/tokens/ts/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:20 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..ecd37ccd --- /dev/null +++ b/dist/tokens/ts/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:18:20 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 598e08a2d633747887a0711fe5f44d5969948099 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 17 Oct 2023 15:18:56 +0000 Subject: [PATCH 12/19] 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 | 4 + dist/types/index.d.ts.map | 1 + dist/types/index.js | 50 +++++++++++ dist/types/intentions.d.ts | 16 ++++ dist/types/intentions.d.ts.map | 1 + dist/types/intentions.js | 19 ++++ dist/types/interfaces.d.ts | 30 +++++++ dist/types/interfaces.d.ts.map | 1 + dist/types/interfaces.js | 43 +++++++++ dist/types/profiles.d.ts | 6 ++ dist/types/profiles.d.ts.map | 1 + dist/types/profiles.js | 5 ++ dist/types/themes.d.ts | 8 ++ dist/types/themes.d.ts.map | 1 + dist/types/themes.js | 46 ++++++++++ 24 files changed, 494 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/intentions.d.ts create mode 100644 dist/types/intentions.d.ts.map create mode 100644 dist/types/intentions.js create mode 100644 dist/types/interfaces.d.ts create mode 100644 dist/types/interfaces.d.ts.map create mode 100644 dist/types/interfaces.js create mode 100644 dist/types/profiles.d.ts create mode 100644 dist/types/profiles.d.ts.map create mode 100644 dist/types/profiles.js create mode 100644 dist/types/themes.d.ts create mode 100644 dist/types/themes.d.ts.map create mode 100644 dist/types/themes.js diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts new file mode 100644 index 00000000..05da7d25 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts @@ -0,0 +1,109 @@ +import type { AviaryTheme } from "../types/themes"; +export declare const colorProfileMapper: (currentTheme: AviaryTheme) => { + primary: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + info: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + warning: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + danger: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + highlight: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + system: { + textLabelEmphasis: string; + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + borderFocused: string; + }; + success: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; +}; +//# sourceMappingURL=colorProfileMapper.d.ts.map \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map new file mode 100644 index 00000000..3c1e9e83 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js new file mode 100644 index 00000000..e5da22d5 --- /dev/null +++ b/dist/helpers/colorProfileMapper.js @@ -0,0 +1,21 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.colorProfileMapper = void 0; + +// Used for mapping over selected `isColor` properties +var colorProfileMapper = function colorProfileMapper(currentTheme) { + return { + primary: currentTheme.primary, + info: currentTheme.info, + warning: currentTheme.warning, + danger: currentTheme.danger, + highlight: currentTheme.highlight, + system: currentTheme.system, + success: currentTheme.success + }; +}; + +exports.colorProfileMapper = colorProfileMapper; \ No newline at end of file diff --git a/dist/helpers/index.d.ts b/dist/helpers/index.d.ts new file mode 100644 index 00000000..7a4a22d6 --- /dev/null +++ b/dist/helpers/index.d.ts @@ -0,0 +1,2 @@ +export * from "./colorProfileMapper"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/helpers/index.d.ts.map b/dist/helpers/index.d.ts.map new file mode 100644 index 00000000..94ae4bb1 --- /dev/null +++ b/dist/helpers/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"} \ No newline at end of file diff --git a/dist/helpers/index.js b/dist/helpers/index.js new file mode 100644 index 00000000..155de21a --- /dev/null +++ b/dist/helpers/index.js @@ -0,0 +1,24 @@ +"use strict"; + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _colorProfileMapper = require("./colorProfileMapper"); + +Object.keys(_colorProfileMapper).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _colorProfileMapper[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _colorProfileMapper[key]; + } + }); +}); \ No newline at end of file diff --git a/dist/index.d.ts b/dist/index.d.ts new file mode 100644 index 00000000..dcd56928 --- /dev/null +++ b/dist/index.d.ts @@ -0,0 +1,9 @@ +export * from "./helpers"; +export * from "./types"; +export * as borders from "../dist/tokens/ts/borders"; +export * as typography from "../dist/tokens/ts/typography"; +export * as lightThemeDocumentation from "../dist/documentation/themes/light"; +export * as darkThemeDocumentation from "../dist/documentation/themes/dark"; +export * as coreDarkDocumentation from "../dist/documentation/core-dark-colors"; +export * as coreLightDocumentation from "../dist/documentation/core-light-colors"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map new file mode 100644 index 00000000..666537dc --- /dev/null +++ b/dist/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,uBAAuB,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,sBAAsB,MAAM,mCAAmC,CAAC;AAG5E,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAChF,OAAO,KAAK,sBAAsB,MAAM,yCAAyC,CAAC"} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js new file mode 100644 index 00000000..b653d350 --- /dev/null +++ b/dist/index.js @@ -0,0 +1,94 @@ +"use strict"; + +function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } + +require("core-js/modules/es.array.iterator.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.string.iterator.js"); + +require("core-js/modules/es.weak-map.js"); + +require("core-js/modules/web.dom-collections.iterator.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.symbol.description.js"); + +require("core-js/modules/es.symbol.iterator.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +var _exportNames = { + borders: true, + typography: true, + lightThemeDocumentation: true, + darkThemeDocumentation: true, + coreDarkDocumentation: true, + coreLightDocumentation: true +}; +exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = exports.borders = void 0; + +var _helpers = require("./helpers"); + +Object.keys(_helpers).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; + if (key in exports && exports[key] === _helpers[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _helpers[key]; + } + }); +}); + +var _types = require("./types"); + +Object.keys(_types).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; + if (key in exports && exports[key] === _types[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _types[key]; + } + }); +}); + +var _borders = _interopRequireWildcard(require("../dist/tokens/ts/borders")); + +exports.borders = _borders; + +var _typography = _interopRequireWildcard(require("../dist/tokens/ts/typography")); + +exports.typography = _typography; + +var _lightThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/light")); + +exports.lightThemeDocumentation = _lightThemeDocumentation; + +var _darkThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/dark")); + +exports.darkThemeDocumentation = _darkThemeDocumentation; + +var _coreDarkDocumentation = _interopRequireWildcard(require("../dist/documentation/core-dark-colors")); + +exports.coreDarkDocumentation = _coreDarkDocumentation; + +var _coreLightDocumentation = _interopRequireWildcard(require("../dist/documentation/core-light-colors")); + +exports.coreLightDocumentation = _coreLightDocumentation; + +function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } + +function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/dist/types/index.d.ts b/dist/types/index.d.ts new file mode 100644 index 00000000..92e7cc1c --- /dev/null +++ b/dist/types/index.d.ts @@ -0,0 +1,4 @@ +export * from "./interfaces"; +export * from "./profiles"; +export * from "./intentions"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/index.d.ts.map b/dist/types/index.d.ts.map new file mode 100644 index 00000000..4ae2dac6 --- /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;AAC3B,cAAc,cAAc,CAAC"} \ No newline at end of file diff --git a/dist/types/index.js b/dist/types/index.js new file mode 100644 index 00000000..724eae35 --- /dev/null +++ b/dist/types/index.js @@ -0,0 +1,50 @@ +"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]; + } + }); +}); + +var _intentions = require("./intentions"); + +Object.keys(_intentions).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _intentions[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _intentions[key]; + } + }); +}); \ No newline at end of file diff --git a/dist/types/intentions.d.ts b/dist/types/intentions.d.ts new file mode 100644 index 00000000..549a7988 --- /dev/null +++ b/dist/types/intentions.d.ts @@ -0,0 +1,16 @@ +declare const AVIARY_INTENTIONS: { + primary: string; + system: string; + danger: string; + success: string; + textSuccess: string; + textSystem: string; + textDanger: string; + lightFilled: string; + lightOutlined: string; + lightText: string; +}; +declare type AviaryIntentions = keyof typeof AVIARY_INTENTIONS; +export type { AviaryIntentions }; +export { AVIARY_INTENTIONS }; +//# sourceMappingURL=intentions.d.ts.map \ No newline at end of file diff --git a/dist/types/intentions.d.ts.map b/dist/types/intentions.d.ts.map new file mode 100644 index 00000000..1f79d160 --- /dev/null +++ b/dist/types/intentions.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"intentions.d.ts","sourceRoot":"","sources":["../../src/types/intentions.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;;;;;;;;;;CAWtB,CAAC;AAEF,aAAK,gBAAgB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAEvD,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/intentions.js b/dist/types/intentions.js new file mode 100644 index 00000000..85242ea9 --- /dev/null +++ b/dist/types/intentions.js @@ -0,0 +1,19 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.AVIARY_INTENTIONS = void 0; +var AVIARY_INTENTIONS = { + primary: "primary", + system: "system", + danger: "danger", + success: "success", + textSuccess: "textSuccess", + textSystem: "textSystem", + textDanger: "textDanger", + lightFilled: "lightFilled", + lightOutlined: "lightOutlined", + lightText: "lightText" +}; +exports.AVIARY_INTENTIONS = AVIARY_INTENTIONS; \ No newline at end of file diff --git a/dist/types/interfaces.d.ts b/dist/types/interfaces.d.ts new file mode 100644 index 00000000..ab0bd272 --- /dev/null +++ b/dist/types/interfaces.d.ts @@ -0,0 +1,30 @@ +declare const AVIARY_COLORS: { + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; + success: string; +}; +declare const EXTENDED_AVIARY_COLORS: { + light: string; + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; + success: string; +}; +declare type AviaryColors = keyof typeof AVIARY_COLORS; +declare type ExtendedAviaryColors = keyof typeof EXTENDED_AVIARY_COLORS; +interface AviaryColorProps { + isColor?: AviaryColors; +} +interface AviaryExtendedColorProps { + isColor?: ExtendedAviaryColors; +} +export type { AviaryColors, AviaryColorProps, AviaryExtendedColorProps, ExtendedAviaryColors, }; +export { AVIARY_COLORS, EXTENDED_AVIARY_COLORS }; +//# sourceMappingURL=interfaces.d.ts.map \ No newline at end of file diff --git a/dist/types/interfaces.d.ts.map b/dist/types/interfaces.d.ts.map new file mode 100644 index 00000000..57492602 --- /dev/null +++ b/dist/types/interfaces.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa;;;;;;;;CAQlB,CAAC;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;CAG3B,CAAC;AAEF,aAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,aAAK,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEhE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AACD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,GACrB,CAAC;AACF,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js new file mode 100644 index 00000000..900be27c --- /dev/null +++ b/dist/types/interfaces.js @@ -0,0 +1,43 @@ +"use strict"; + +require("core-js/modules/es.object.keys.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.array.filter.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.get-own-property-descriptors.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.EXTENDED_AVIARY_COLORS = exports.AVIARY_COLORS = void 0; + +function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } + +function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } + +function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + +var AVIARY_COLORS = { + primary: "primary", + info: "info", + warning: "warning", + danger: "danger", + highlight: "highlight", + system: "system", + success: "success" +}; +exports.AVIARY_COLORS = AVIARY_COLORS; + +var EXTENDED_AVIARY_COLORS = _objectSpread(_objectSpread({}, AVIARY_COLORS), {}, { + light: "light" +}); + +exports.EXTENDED_AVIARY_COLORS = EXTENDED_AVIARY_COLORS; \ No newline at end of file diff --git a/dist/types/profiles.d.ts b/dist/types/profiles.d.ts new file mode 100644 index 00000000..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 012387371457109de0a2c35c0990a4acc0c6ff9f Mon Sep 17 00:00:00 2001 From: Catherine Aylward` Date: Tue, 17 Oct 2023 11:50:42 -0400 Subject: [PATCH 13/19] conflicts --- build.js | 1 - 1 file changed, 1 deletion(-) diff --git a/build.js b/build.js index 9805f97f..5a7d7f7c 100644 --- a/build.js +++ b/build.js @@ -1,5 +1,4 @@ const StyleDictionary = require("style-dictionary"); - require("./src/helpers/style-dictionary"); const getStyleDictionaryConfig = (theme) => { From 7437add039c86cd9c46a059622253a7b68b5be8d Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 17 Oct 2023 15:51:14 +0000 Subject: [PATCH 14/19] Transformed tokens --- dist/documentation/core-dark-colors.d.ts | 233 --------- dist/documentation/core-dark-colors.js | 233 --------- dist/documentation/core-light-colors.d.ts | 270 ---------- dist/documentation/core-light-colors.js | 270 ---------- dist/documentation/themes/dark.d.ts | 600 ---------------------- dist/documentation/themes/dark.js | 600 ---------------------- dist/documentation/themes/emerson.d.ts | 596 --------------------- dist/documentation/themes/emerson.js | 596 --------------------- dist/documentation/themes/light.d.ts | 596 --------------------- dist/documentation/themes/light.js | 596 --------------------- dist/documentation/themes/lightDS3.d.ts | 596 --------------------- dist/documentation/themes/lightDS3.js | 596 --------------------- dist/helpers/colorProfileMapper.d.ts | 109 ---- dist/helpers/colorProfileMapper.d.ts.map | 1 - dist/helpers/colorProfileMapper.js | 21 - dist/helpers/index.d.ts | 2 - dist/helpers/index.d.ts.map | 1 - dist/helpers/index.js | 24 - dist/index.d.ts | 9 - dist/index.d.ts.map | 1 - dist/index.js | 94 ---- dist/tokens/native/borders.d.ts | 10 - dist/tokens/native/borders.js | 12 - dist/tokens/native/core-dark-colors.d.ts | 13 - dist/tokens/native/core-dark-colors.js | 13 - dist/tokens/native/core-light-colors.d.ts | 14 - dist/tokens/native/core-light-colors.js | 14 - dist/tokens/native/themes/dark.d.ts | 21 - dist/tokens/native/themes/dark.js | 21 - dist/tokens/native/themes/emerson.d.ts | 21 - dist/tokens/native/themes/emerson.js | 21 - dist/tokens/native/themes/light.d.ts | 21 - dist/tokens/native/themes/light.js | 21 - dist/tokens/native/themes/lightDS3.d.ts | 21 - dist/tokens/native/themes/lightDS3.js | 21 - 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 | 59 --- dist/tokens/scss/core-light-colors.scss | 68 --- dist/tokens/scss/themes/dark.scss | 149 ------ dist/tokens/scss/themes/emerson.scss | 148 ------ dist/tokens/scss/themes/light.scss | 148 ------ dist/tokens/scss/themes/lightDS3.scss | 148 ------ 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 | 13 - dist/tokens/ts/core-dark-colors.js | 13 - dist/tokens/ts/core-light-colors.d.ts | 14 - dist/tokens/ts/core-light-colors.js | 14 - dist/tokens/ts/themes/dark.d.ts | 21 - dist/tokens/ts/themes/dark.js | 21 - dist/tokens/ts/themes/emerson.d.ts | 21 - dist/tokens/ts/themes/emerson.js | 21 - dist/tokens/ts/themes/light.d.ts | 21 - dist/tokens/ts/themes/light.js | 21 - dist/tokens/ts/themes/lightDS3.d.ts | 21 - dist/tokens/ts/themes/lightDS3.js | 21 - dist/tokens/ts/typography.d.ts | 117 ----- dist/tokens/ts/typography.js | 119 ----- dist/types/index.d.ts | 4 - dist/types/index.d.ts.map | 1 - dist/types/index.js | 50 -- dist/types/intentions.d.ts | 16 - dist/types/intentions.d.ts.map | 1 - dist/types/intentions.js | 19 - dist/types/interfaces.d.ts | 30 -- dist/types/interfaces.d.ts.map | 1 - dist/types/interfaces.js | 43 -- dist/types/profiles.d.ts | 6 - dist/types/profiles.d.ts.map | 1 - dist/types/profiles.js | 5 - dist/types/themes.d.ts | 8 - dist/types/themes.d.ts.map | 1 - dist/types/themes.js | 46 -- 76 files changed, 8081 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/intentions.d.ts delete mode 100644 dist/types/intentions.d.ts.map delete mode 100644 dist/types/intentions.js delete mode 100644 dist/types/interfaces.d.ts delete mode 100644 dist/types/interfaces.d.ts.map delete mode 100644 dist/types/interfaces.js delete mode 100644 dist/types/profiles.d.ts delete mode 100644 dist/types/profiles.d.ts.map delete mode 100644 dist/types/profiles.js delete mode 100644 dist/types/themes.d.ts delete mode 100644 dist/types/themes.d.ts.map delete mode 100644 dist/types/themes.js diff --git a/dist/documentation/core-dark-colors.d.ts b/dist/documentation/core-dark-colors.d.ts deleted file mode 100644 index c44e4464..00000000 --- a/dist/documentation/core-dark-colors.d.ts +++ /dev/null @@ -1,233 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -export const green : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const blue : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const red : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const purple : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const orange : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const grey : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const shades : {white:{ - name: string, - hex: string, - - },black:{ - name: string, - hex: string, - - },transparent:{ - name: string, - hex: string, - - }}; -export const brown : {200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - }}; \ 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 0e8bad37..00000000 --- a/dist/documentation/core-dark-colors.js +++ /dev/null @@ -1,233 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -module.exports = {green : {100:{ - name: "green.100", - hex: "#0C291E", - - },200:{ - name: "green.200", - hex: "#0F3326", - - },300:{ - name: "green.300", - hex: "#13402F", - - },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: "#102337", - - },300:{ - name: "blue.300", - hex: "#142C45", - - },400:{ - name: "blue.400", - hex: "#285685", - - },500:{ - name: "blue.500", - hex: "#4577AD", - - },600:{ - name: "blue.600", - hex: "#6597CE", - - },700:{ - name: "blue.700", - hex: "#96BDE7", - - },800:{ - name: "blue.800", - hex: "#D1E8FF", - - }}, -red : {100:{ - name: "red.100", - hex: "#290F16", - - },200:{ - name: "red.200", - hex: "#34101A", - - },300:{ - name: "red.300", - hex: "#451522", - - },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: "#291433", - - },300:{ - name: "purple.300", - hex: "#33193F", - - },400:{ - name: "purple.400", - hex: "#542F66", - - },500:{ - name: "purple.500", - hex: "#693B80", - - },600:{ - name: "purple.600", - hex: "#865C99", - - },700:{ - name: "purple.700", - hex: "#B990CC", - - },800:{ - name: "purple.800", - hex: "#F0D1FF", - - }}, -orange : {100:{ - name: "orange.100", - hex: "#29170C", - - },200:{ - name: "orange.200", - hex: "#361D0E", - - },300:{ - name: "orange.300", - hex: "#4A2915", - - },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: "#98999B", - - },700:{ - name: "grey.700", - hex: "#BCBDBF", - - },800:{ - name: "grey.800", - hex: "#E8E9EA", - - }}, -shades : {white:{ - name: "shades.white", - hex: "#FFFFFF", - - },black:{ - name: "shades.black", - hex: "#000000", - - },transparent:{ - name: "shades.transparent", - hex: "transparent", - - }}, -brown : {200:{ - name: "brown.200", - hex: "#33260F", - - },300:{ - name: "brown.300", - hex: "#402F13", - - },400:{ - name: "brown.400", - hex: "#6E5225", - - },700:{ - name: "brown.700", - hex: "#D6BA87", - - }},}; \ 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 3303b620..00000000 --- a/dist/documentation/core-light-colors.d.ts +++ /dev/null @@ -1,270 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:20 GMT - */ - -export const green : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const blue : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const red : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const purple : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const orange : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const grey : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - },900:{ - name: string, - hex: string, - - }}; -export const shades : {white:{ - name: string, - hex: string, - - },black:{ - name: string, - hex: string, - - },transparent:{ - name: string, - hex: string, - - }}; -export const yellow : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const brown : {200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - }}; \ 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 c6ab9423..00000000 --- a/dist/documentation/core-light-colors.js +++ /dev/null @@ -1,270 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:20 GMT - */ - -module.exports = {green : {100:{ - name: "green.100", - hex: "#FAFFFC", - - },200:{ - name: "green.200", - hex: "#EBF2EF", - - },300:{ - name: "green.300", - hex: "#D1E0D9", - - },400:{ - name: "green.400", - hex: "#B6CFC2", - - },500:{ - name: "green.500", - hex: "#86B09B", - - },600:{ - name: "green.600", - hex: "#307553", - - },700:{ - name: "green.700", - hex: "#275E43", - - },800:{ - name: "green.800", - hex: "#244C38", - - }}, -blue : {100:{ - name: "blue.100", - hex: "#F5FAFF", - - },200:{ - name: "blue.200", - hex: "#E6F1FC", - - },300:{ - name: "blue.300", - hex: "#C0D8F0", - - },400:{ - name: "blue.400", - hex: "#88B1D9", - - },500:{ - name: "blue.500", - hex: "#5D96CF", - - },600:{ - name: "blue.600", - hex: "#3971A8", - - },700:{ - name: "blue.700", - hex: "#21588F", - - },800:{ - name: "blue.800", - hex: "#194673", - - }}, -red : {100:{ - name: "red.100", - hex: "#FFF7F9", - - },200:{ - name: "red.200", - hex: "#FEEEF2", - - },300:{ - name: "red.300", - hex: "#F0C4CD", - - },400:{ - name: "red.400", - hex: "#E296A6", - - },500:{ - name: "red.500", - hex: "#C6516A", - - },600:{ - name: "red.600", - hex: "#AF2645", - - },700:{ - name: "red.700", - hex: "#980B29", - - },800:{ - name: "red.800", - hex: "#800D25", - - }}, -purple : {100:{ - name: "purple.100", - hex: "#FCFAFF", - - },200:{ - name: "purple.200", - hex: "#F2ECFE", - - },300:{ - name: "purple.300", - hex: "#D7CEE9", - - },400:{ - name: "purple.400", - hex: "#B9ABD5", - - },500:{ - name: "purple.500", - hex: "#8471AB", - - },600:{ - name: "purple.600", - hex: "#533E7D", - - },700:{ - name: "purple.700", - hex: "#3B2566", - - },800:{ - name: "purple.800", - hex: "#2A174F", - - }}, -orange : {100:{ - name: "orange.100", - hex: "#FFFAF5", - - },200:{ - name: "orange.200", - hex: "#FFF3E8", - - },300:{ - name: "orange.300", - hex: "#F3D8C0", - - },400:{ - name: "orange.400", - hex: "#E7B88F", - - },500:{ - name: "orange.500", - hex: "#CF8545", - - },600:{ - name: "orange.600", - hex: "#B4631D", - - },700:{ - name: "orange.700", - hex: "#8E4D14", - - },800:{ - name: "orange.800", - hex: "#784213", - - }}, -grey : {100:{ - name: "grey.100", - hex: "#FCFEFF", - - },200:{ - name: "grey.200", - hex: "#F5F7FA", - - },300:{ - name: "grey.300", - hex: "#E6EDF5", - - },400:{ - name: "grey.400", - hex: "#C8D3E0", - - },500:{ - name: "grey.500", - hex: "#596D84", - - },600:{ - name: "grey.600", - hex: "#475A70", - - },700:{ - name: "grey.700", - hex: "#36485C", - - },800:{ - name: "grey.800", - hex: "#2E3A47", - - },900:{ - name: "grey.900", - hex: "#212933", - - }}, -shades : {white:{ - name: "shades.white", - hex: "#FFFFFF", - - },black:{ - name: "shades.black", - hex: "#000000", - - },transparent:{ - name: "shades.transparent", - hex: "transparent", - - }}, -yellow : {100:{ - name: "yellow.100", - hex: "#faf8f2", - - },200:{ - name: "yellow.200", - hex: "#fcf3dd", - - },300:{ - name: "yellow.300", - hex: "#fce7b1", - - },400:{ - name: "yellow.400", - hex: "#fcd97e", - - },500:{ - name: "yellow.500", - hex: "#fccb4c", - - },600:{ - name: "yellow.600", - hex: "#ffc121", - - },700:{ - name: "yellow.700", - hex: "#f7b200", - - },800:{ - name: "yellow.800", - hex: "#e5a500", - - }}, -brown : {200:{ - name: "brown.200", - hex: "#F6F1E5", - - },300:{ - name: "brown.300", - hex: "#E4D9C2", - - },400:{ - name: "brown.400", - hex: "#DACCAA", - - },700:{ - name: "brown.700", - hex: "#5E4D27", - - }},}; \ 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 e4efb660..00000000 --- a/dist/documentation/themes/dark.d.ts +++ /dev/null @@ -1,600 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },nakedContent:{ - name: string, - hex: string, - - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js deleted file mode 100644 index 7b42b0b9..00000000 --- a/dist/documentation/themes/dark.js +++ /dev/null @@ -1,600 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 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: "#BCBDBF", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#98999B", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#FFFFFF", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#BCBDBF", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#E8E9EA", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#101012", - 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: "#98999B", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#BCBDBF", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#6597CE", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#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: "#101012", - 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: "#1A1D21", - 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: "#1A1D21", - 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: "#1A1D21", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#1A1D21", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#E8E9EA", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#FFFFFF", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#FFFFFF", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#22272B", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#2D3238", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#515357", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#0C291E", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#515357", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#98999B", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#BCBDBF", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#42AD86", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#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: "#42AD86", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#86D6B9", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#0F3326", - 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: "#13402F", - 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: "#256E53", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#288563", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#42AD86", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#6597CE", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#96BDE7", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#D1E8FF", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#4577AD", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#285685", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#142C45", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#102337", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#142C45", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#285685", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#0C1B29", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#4577AD", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#285685", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#142C45", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#CF7945", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#E7AA84", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#FFE3D1", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#AD6234", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#CF7945", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#E7AA84", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#361D0E", - 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: "#4A2915", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#8A4E29", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#29170C", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#8A4E29", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#AD6234", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#CF7945", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#C74C6B", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#EA8AA3", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#FFD1DD", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#B23655", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#C74C6B", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#EA8AA3", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#34101A", - 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: "#451522", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#8F2843", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#290F16", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#8F2843", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#B23655", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#C74C6B", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#865C99", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#B990CC", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#F0D1FF", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#693B80", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#865C99", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#B990CC", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#291433", - 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: "#33193F", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#542F66", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#200F29", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#542F66", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#693B80", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#865C99", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#98999B", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#22272B", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#515357", - description: "Used as the border for disabled components" - },nakedContent:{ - name: "disabled.nakedContent", - hex: "#22272B", - - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#2D3238", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#98999B", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#1B2228", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#2D3238", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#FFFFFF", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#BCBDBF", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#B23655", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#BCBDBF", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#4577AD", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#B23655", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#98999B", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#FFFFFF", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#2D3238", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#8F2843", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#515357", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#98999B", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#BCBDBF", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#285685", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#515357", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#515357", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#E8E9EA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E8E9EA", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2D3238", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#E8E9EA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#000000", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#86D6B9", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#0F3326", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#13402F", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#256E53", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#D6BA87", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#33260F", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#402F13", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#6E5225", - - }},}; \ 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 9126a5b9..00000000 --- a/dist/documentation/themes/emerson.d.ts +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js deleted file mode 100644 index 49e9ceb5..00000000 --- a/dist/documentation/themes/emerson.js +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#36485C", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#475A70", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#596D84", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#FFFFFF", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#FFFFFF", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#FFFFFF", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#36485C", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#2E3A47", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#212933", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FCFEFF", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#2E3A47", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as buttons" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as buttons" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#C8D3E0", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#000000", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#275E43", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#EBF2EF", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#D1E0D9", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#B6CFC2", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#5E4D27", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#F6F1E5", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#E4D9C2", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts deleted file mode 100644 index 9126a5b9..00000000 --- a/dist/documentation/themes/light.d.ts +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js deleted file mode 100644 index 0fe5a6b9..00000000 --- a/dist/documentation/themes/light.js +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#36485C", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#475A70", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#FFFFFF", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#FFFFFF", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#FFFFFF", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#36485C", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#2E3A47", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#212933", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FCFEFF", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for primary components" - },borderHover:{ - name: "primary.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for primary components" - },borderActive:{ - name: "primary.borderActive", - hex: "#2E3A47", - description: "Used for the pressed border colour for primary components" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#C8D3E0", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#36485C", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#275E43", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#EBF2EF", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#D1E0D9", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#B6CFC2", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#5E4D27", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#F6F1E5", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#E4D9C2", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts deleted file mode 100644 index 9126a5b9..00000000 --- a/dist/documentation/themes/lightDS3.d.ts +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js deleted file mode 100644 index 69a8740a..00000000 --- a/dist/documentation/themes/lightDS3.js +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#36485C", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#475A70", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#596D84", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#F5F7FA", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#307553", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#307553", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#275E43", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#244C38", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#307553", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#E6EDF5", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#36485C", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#275E43", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#EBF2EF", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#D1E0D9", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#B6CFC2", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#5E4D27", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#F6F1E5", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#E4D9C2", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts deleted file mode 100644 index 05da7d25..00000000 --- a/dist/helpers/colorProfileMapper.d.ts +++ /dev/null @@ -1,109 +0,0 @@ -import type { AviaryTheme } from "../types/themes"; -export declare const colorProfileMapper: (currentTheme: AviaryTheme) => { - primary: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - info: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - warning: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - danger: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - highlight: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - system: { - textLabelEmphasis: string; - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - borderFocused: string; - }; - success: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; -}; -//# sourceMappingURL=colorProfileMapper.d.ts.map \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map deleted file mode 100644 index 3c1e9e83..00000000 --- a/dist/helpers/colorProfileMapper.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js deleted file mode 100644 index e5da22d5..00000000 --- a/dist/helpers/colorProfileMapper.js +++ /dev/null @@ -1,21 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.colorProfileMapper = void 0; - -// Used for mapping over selected `isColor` properties -var colorProfileMapper = function colorProfileMapper(currentTheme) { - return { - primary: currentTheme.primary, - info: currentTheme.info, - warning: currentTheme.warning, - danger: currentTheme.danger, - highlight: currentTheme.highlight, - system: currentTheme.system, - success: currentTheme.success - }; -}; - -exports.colorProfileMapper = colorProfileMapper; \ No newline at end of file diff --git a/dist/helpers/index.d.ts b/dist/helpers/index.d.ts deleted file mode 100644 index 7a4a22d6..00000000 --- a/dist/helpers/index.d.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from "./colorProfileMapper"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/helpers/index.d.ts.map b/dist/helpers/index.d.ts.map deleted file mode 100644 index 94ae4bb1..00000000 --- a/dist/helpers/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"} \ No newline at end of file diff --git a/dist/helpers/index.js b/dist/helpers/index.js deleted file mode 100644 index 155de21a..00000000 --- a/dist/helpers/index.js +++ /dev/null @@ -1,24 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _colorProfileMapper = require("./colorProfileMapper"); - -Object.keys(_colorProfileMapper).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _colorProfileMapper[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _colorProfileMapper[key]; - } - }); -}); \ No newline at end of file diff --git a/dist/index.d.ts b/dist/index.d.ts deleted file mode 100644 index dcd56928..00000000 --- a/dist/index.d.ts +++ /dev/null @@ -1,9 +0,0 @@ -export * from "./helpers"; -export * from "./types"; -export * as borders from "../dist/tokens/ts/borders"; -export * as typography from "../dist/tokens/ts/typography"; -export * as lightThemeDocumentation from "../dist/documentation/themes/light"; -export * as darkThemeDocumentation from "../dist/documentation/themes/dark"; -export * as coreDarkDocumentation from "../dist/documentation/core-dark-colors"; -export * as coreLightDocumentation from "../dist/documentation/core-light-colors"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map deleted file mode 100644 index 666537dc..00000000 --- a/dist/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,uBAAuB,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,sBAAsB,MAAM,mCAAmC,CAAC;AAG5E,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAChF,OAAO,KAAK,sBAAsB,MAAM,yCAAyC,CAAC"} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js deleted file mode 100644 index b653d350..00000000 --- a/dist/index.js +++ /dev/null @@ -1,94 +0,0 @@ -"use strict"; - -function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } - -require("core-js/modules/es.array.iterator.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.string.iterator.js"); - -require("core-js/modules/es.weak-map.js"); - -require("core-js/modules/web.dom-collections.iterator.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.symbol.description.js"); - -require("core-js/modules/es.symbol.iterator.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -var _exportNames = { - borders: true, - typography: true, - lightThemeDocumentation: true, - darkThemeDocumentation: true, - coreDarkDocumentation: true, - coreLightDocumentation: true -}; -exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = exports.borders = void 0; - -var _helpers = require("./helpers"); - -Object.keys(_helpers).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; - if (key in exports && exports[key] === _helpers[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _helpers[key]; - } - }); -}); - -var _types = require("./types"); - -Object.keys(_types).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; - if (key in exports && exports[key] === _types[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _types[key]; - } - }); -}); - -var _borders = _interopRequireWildcard(require("../dist/tokens/ts/borders")); - -exports.borders = _borders; - -var _typography = _interopRequireWildcard(require("../dist/tokens/ts/typography")); - -exports.typography = _typography; - -var _lightThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/light")); - -exports.lightThemeDocumentation = _lightThemeDocumentation; - -var _darkThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/dark")); - -exports.darkThemeDocumentation = _darkThemeDocumentation; - -var _coreDarkDocumentation = _interopRequireWildcard(require("../dist/documentation/core-dark-colors")); - -exports.coreDarkDocumentation = _coreDarkDocumentation; - -var _coreLightDocumentation = _interopRequireWildcard(require("../dist/documentation/core-light-colors")); - -exports.coreLightDocumentation = _coreLightDocumentation; - -function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } - -function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts deleted file mode 100644 index e09e9872..00000000 --- a/dist/tokens/native/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:20 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 68777ea4..00000000 --- a/dist/tokens/native/borders.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:20 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 60a57e82..00000000 --- a/dist/tokens/native/core-dark-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 81ea42f5..00000000 --- a/dist/tokens/native/core-dark-colors.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, -blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, -red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, -orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, -grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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 8453bbeb..00000000 --- a/dist/tokens/native/core-light-colors.d.ts +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:20 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 0fac6b11..00000000 --- a/dist/tokens/native/core-light-colors.js +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:20 GMT - */ - -module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, -blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, -red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, -purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, -orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, -grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, -brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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 4909b8a4..00000000 --- a/dist/tokens/native/themes/dark.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 3910e3cc..00000000 --- a/dist/tokens/native/themes/dark.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -module.exports = {theme: "dark", -text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, -surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, -primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, -success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, -info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, -warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, -danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, -highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, -disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, -input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, -separator : {base : "#515357"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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 4ab9ee47..00000000 --- a/dist/tokens/native/themes/emerson.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 eb3280c6..00000000 --- a/dist/tokens/native/themes/emerson.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -module.exports = {theme: "emerson", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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 4ab9ee47..00000000 --- a/dist/tokens/native/themes/light.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 6da22fa6..00000000 --- a/dist/tokens/native/themes/light.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -module.exports = {theme: "light", -text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 4ab9ee47..00000000 --- a/dist/tokens/native/themes/lightDS3.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 99860d5d..00000000 --- a/dist/tokens/native/themes/lightDS3.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -module.exports = {theme: "lightDS3", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 8c3c5556..00000000 --- a/dist/tokens/native/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:20 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 8b7c547e..00000000 --- a/dist/tokens/native/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:20 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 a161fea4..00000000 --- a/dist/tokens/scss/borders.scss +++ /dev/null @@ -1,9 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 15:18:20 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 e0c4a971..00000000 --- a/dist/tokens/scss/core-dark-colors.scss +++ /dev/null @@ -1,59 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 15:18:20 GMT - -$green100: #0C291E; -$green200: #0F3326; -$green300: #13402F; -$green400: #256E53; -$green500: #288563; -$green600: #42AD86; -$green700: #86D6B9; -$green800: #DBFFF1; -$blue100: #0C1B29; -$blue200: #102337; -$blue300: #142C45; -$blue400: #285685; -$blue500: #4577AD; -$blue600: #6597CE; -$blue700: #96BDE7; -$blue800: #D1E8FF; -$red100: #290F16; -$red200: #34101A; -$red300: #451522; -$red400: #8F2843; -$red500: #B23655; -$red600: #C74C6B; -$red700: #EA8AA3; -$red800: #FFD1DD; -$purple100: #200F29; -$purple200: #291433; -$purple300: #33193F; -$purple400: #542F66; -$purple500: #693B80; -$purple600: #865C99; -$purple700: #B990CC; -$purple800: #F0D1FF; -$orange100: #29170C; -$orange200: #361D0E; -$orange300: #4A2915; -$orange400: #8A4E29; -$orange500: #AD6234; -$orange600: #CF7945; -$orange700: #E7AA84; -$orange800: #FFE3D1; -$grey100: #101012; -$grey200: #1A1D21; -$grey300: #22272B; -$grey400: #2D3238; -$grey500: #515357; -$grey600: #98999B; -$grey700: #BCBDBF; -$grey800: #E8E9EA; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; -$brown200: #33260F; -$brown300: #402F13; -$brown400: #6E5225; -$brown700: #D6BA87; \ 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 42ce189a..00000000 --- a/dist/tokens/scss/core-light-colors.scss +++ /dev/null @@ -1,68 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 15:18:20 GMT - -$green100: #FAFFFC; -$green200: #EBF2EF; -$green300: #D1E0D9; -$green400: #B6CFC2; -$green500: #86B09B; -$green600: #307553; -$green700: #275E43; -$green800: #244C38; -$blue100: #F5FAFF; -$blue200: #E6F1FC; -$blue300: #C0D8F0; -$blue400: #88B1D9; -$blue500: #5D96CF; -$blue600: #3971A8; -$blue700: #21588F; -$blue800: #194673; -$red100: #FFF7F9; -$red200: #FEEEF2; -$red300: #F0C4CD; -$red400: #E296A6; -$red500: #C6516A; -$red600: #AF2645; -$red700: #980B29; -$red800: #800D25; -$purple100: #FCFAFF; -$purple200: #F2ECFE; -$purple300: #D7CEE9; -$purple400: #B9ABD5; -$purple500: #8471AB; -$purple600: #533E7D; -$purple700: #3B2566; -$purple800: #2A174F; -$orange100: #FFFAF5; -$orange200: #FFF3E8; -$orange300: #F3D8C0; -$orange400: #E7B88F; -$orange500: #CF8545; -$orange600: #B4631D; -$orange700: #8E4D14; -$orange800: #784213; -$grey100: #FCFEFF; -$grey200: #F5F7FA; -$grey300: #E6EDF5; -$grey400: #C8D3E0; -$grey500: #596D84; -$grey600: #475A70; -$grey700: #36485C; -$grey800: #2E3A47; -$grey900: #212933; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; -$yellow100: #faf8f2; -$yellow200: #fcf3dd; -$yellow300: #fce7b1; -$yellow400: #fcd97e; -$yellow500: #fccb4c; -$yellow600: #ffc121; -$yellow700: #f7b200; -$yellow800: #e5a500; -$brown200: #F6F1E5; -$brown300: #E4D9C2; -$brown400: #DACCAA; -$brown700: #5E4D27; \ 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 efd892e7..00000000 --- a/dist/tokens/scss/themes/dark.scss +++ /dev/null @@ -1,149 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 15:18:21 GMT - -$textEmphasis: #E8E9EA; -$textBody: #BCBDBF; -$textSubdued: #98999B; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #FFFFFF; -$systemTextBase: #BCBDBF; -$systemTextHover: #E8E9EA; -$systemTextActive: #FFFFFF; -$systemBackgroundBase: #101012; -$systemBackgroundMuted: #22272B; -$systemBackgroundMutedHover: #2D3238; -$systemBackgroundMutedActive: #515357; -$systemBackgroundBox: #1A1D21; -$systemBorderBase: #515357; -$systemBorderHover: #98999B; -$systemBorderActive: #BCBDBF; -$systemBorderFocused: #6597CE; -$surfaceLevel0: #101012; -$surfaceLevel1: #101012; -$surfaceLevel2: #22272B; -$surfaceInteractiveBackground: #1A1D21; -$surfaceInteractiveHover: #22272B; -$surfaceInteractiveActive: #2D3238; -$surfaceOverlayDark: #22272B; -$surfaceOverlayTheme: #1A1D21; -$surfaceOverlayBackdrop: #1A1D21; -$primaryTextBase: #1A1D21; -$primaryTextHover: #1A1D21; -$primaryTextActive: #1A1D21; -$primaryBackgroundBase: #E8E9EA; -$primaryBackgroundHover: #FFFFFF; -$primaryBackgroundActive: #FFFFFF; -$primaryBackgroundMuted: #22272B; -$primaryBackgroundMutedHover: #2D3238; -$primaryBackgroundMutedActive: #515357; -$primaryBackgroundBox: #0C291E; -$primaryBorderBase: #515357; -$primaryBorderHover: #98999B; -$primaryBorderActive: #BCBDBF; -$successTextBase: #42AD86; -$successTextHover: #86D6B9; -$successTextActive: #DBFFF1; -$successBackgroundBase: #288563; -$successBackgroundHover: #42AD86; -$successBackgroundActive: #86D6B9; -$successBackgroundMuted: #0F3326; -$successBackgroundMutedHover: #13402F; -$successBackgroundMutedActive: #256E53; -$successBackgroundBox: #0C291E; -$successBorderBase: #256E53; -$successBorderHover: #288563; -$successBorderActive: #42AD86; -$infoTextBase: #6597CE; -$infoTextHover: #96BDE7; -$infoTextActive: #D1E8FF; -$infoBackgroundBase: #4577AD; -$infoBackgroundHover: #285685; -$infoBackgroundActive: #142C45; -$infoBackgroundMuted: #102337; -$infoBackgroundMutedHover: #142C45; -$infoBackgroundMutedActive: #285685; -$infoBackgroundBox: #0C1B29; -$infoBorderBase: #4577AD; -$infoBorderHover: #285685; -$infoBorderActive: #142C45; -$warningTextBase: #CF7945; -$warningTextHover: #E7AA84; -$warningTextActive: #FFE3D1; -$warningBackgroundBase: #AD6234; -$warningBackgroundHover: #CF7945; -$warningBackgroundActive: #E7AA84; -$warningBackgroundMuted: #361D0E; -$warningBackgroundMutedHover: #4A2915; -$warningBackgroundMutedActive: #8A4E29; -$warningBackgroundBox: #29170C; -$warningBorderBase: #8A4E29; -$warningBorderHover: #AD6234; -$warningBorderActive: #CF7945; -$dangerTextBase: #C74C6B; -$dangerTextHover: #EA8AA3; -$dangerTextActive: #FFD1DD; -$dangerBackgroundBase: #B23655; -$dangerBackgroundHover: #C74C6B; -$dangerBackgroundActive: #EA8AA3; -$dangerBackgroundMuted: #34101A; -$dangerBackgroundMutedHover: #451522; -$dangerBackgroundMutedActive: #8F2843; -$dangerBackgroundBox: #290F16; -$dangerBorderBase: #8F2843; -$dangerBorderHover: #B23655; -$dangerBorderActive: #C74C6B; -$highlightTextBase: #865C99; -$highlightTextHover: #B990CC; -$highlightTextActive: #F0D1FF; -$highlightBackgroundBase: #693B80; -$highlightBackgroundHover: #865C99; -$highlightBackgroundActive: #B990CC; -$highlightBackgroundMuted: #291433; -$highlightBackgroundMutedHover: #33193F; -$highlightBackgroundMutedActive: #542F66; -$highlightBackgroundBox: #200F29; -$highlightBorderBase: #542F66; -$highlightBorderHover: #693B80; -$highlightBorderActive: #865C99; -$disabledText: #98999B; -$disabledBackground: #22272B; -$disabledNakedBackground: transparent; -$disabledBorder: #515357; -$disabledNakedContent: #22272B; -$disabledInputBackground: #2D3238; -$disabledInputLabelText: #98999B; -$inputBackgroundBase: #1B2228; -$inputBackgroundHover: #2D3238; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #FFFFFF; -$inputTextInformation: #BCBDBF; -$inputTextInformationError: #B23655; -$inputTextLabel: #BCBDBF; -$inputTextFloatingLabel: #4577AD; -$inputTextFloatingLabelError: #B23655; -$inputTextPlaceholder: #98999B; -$inputTextActive: #FFFFFF; -$inputBorderBase: #2D3238; -$inputBorderError: #8F2843; -$inputBorderHover: #515357; -$inputBorderEmphasized: #98999B; -$inputBorderEmphasizedHover: #BCBDBF; -$inputBorderActive: #285685; -$separatorBase: #515357; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #515357; -$lightBackgroundHover: #E8E9EA; -$lightBackgroundActive: #E8E9EA; -$lightTextBase: #2D3238; -$lightLinkMutedBase: #E8E9EA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #000000; -$accentForestTextBase: #86D6B9; -$accentForestBackgroundMuted: #0F3326; -$accentForestBackgroundMutedHover: #13402F; -$accentForestBackgroundMutedActive: #256E53; -$accentSandTextBase: #D6BA87; -$accentSandBackgroundMuted: #33260F; -$accentSandBackgroundMutedHover: #402F13; -$accentSandBackgroundMutedActive: #6E5225; \ 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 649e02f7..00000000 --- a/dist/tokens/scss/themes/emerson.scss +++ /dev/null @@ -1,148 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 15:18:21 GMT - -$textEmphasis: #36485C; -$textBody: #475A70; -$textSubdued: #596D84; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #FFFFFF; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #FFFFFF; -$primaryTextHover: #FFFFFF; -$primaryTextActive: #FFFFFF; -$primaryBackgroundBase: #36485C; -$primaryBackgroundHover: #2E3A47; -$primaryBackgroundActive: #212933; -$primaryBackgroundMuted: #F5F7FA; -$primaryBackgroundMutedHover: #E6EDF5; -$primaryBackgroundMutedActive: #C8D3E0; -$primaryBackgroundBox: #FCFEFF; -$primaryBorderBase: #C8D3E0; -$primaryBorderHover: #596D84; -$primaryBorderActive: #2E3A47; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #C8D3E0; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #000000; -$accentForestTextBase: #275E43; -$accentForestBackgroundMuted: #EBF2EF; -$accentForestBackgroundMutedHover: #D1E0D9; -$accentForestBackgroundMutedActive: #B6CFC2; -$accentSandTextBase: #5E4D27; -$accentSandBackgroundMuted: #F6F1E5; -$accentSandBackgroundMutedHover: #E4D9C2; -$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss deleted file mode 100644 index df6e2740..00000000 --- a/dist/tokens/scss/themes/light.scss +++ /dev/null @@ -1,148 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 15:18:21 GMT - -$textEmphasis: #2E3A47; -$textBody: #36485C; -$textSubdued: #475A70; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #FFFFFF; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #FFFFFF; -$primaryTextHover: #FFFFFF; -$primaryTextActive: #FFFFFF; -$primaryBackgroundBase: #36485C; -$primaryBackgroundHover: #2E3A47; -$primaryBackgroundActive: #212933; -$primaryBackgroundMuted: #F5F7FA; -$primaryBackgroundMutedHover: #E6EDF5; -$primaryBackgroundMutedActive: #C8D3E0; -$primaryBackgroundBox: #FCFEFF; -$primaryBorderBase: #C8D3E0; -$primaryBorderHover: #596D84; -$primaryBorderActive: #2E3A47; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #C8D3E0; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #36485C; -$accentForestTextBase: #275E43; -$accentForestBackgroundMuted: #EBF2EF; -$accentForestBackgroundMutedHover: #D1E0D9; -$accentForestBackgroundMutedActive: #B6CFC2; -$accentSandTextBase: #5E4D27; -$accentSandBackgroundMuted: #F6F1E5; -$accentSandBackgroundMutedHover: #E4D9C2; -$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss deleted file mode 100644 index b42a0797..00000000 --- a/dist/tokens/scss/themes/lightDS3.scss +++ /dev/null @@ -1,148 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 15:18:21 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; -$accentForestTextBase: #275E43; -$accentForestBackgroundMuted: #EBF2EF; -$accentForestBackgroundMutedHover: #D1E0D9; -$accentForestBackgroundMutedActive: #B6CFC2; -$accentSandTextBase: #5E4D27; -$accentSandBackgroundMuted: #F6F1E5; -$accentSandBackgroundMutedHover: #E4D9C2; -$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss deleted file mode 100644 index b118d59a..00000000 --- a/dist/tokens/scss/typography.scss +++ /dev/null @@ -1,116 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 15:18:20 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 f904130b..00000000 --- a/dist/tokens/ts/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:20 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 aef1df09..00000000 --- a/dist/tokens/ts/borders.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:20 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 aa3ef538..00000000 --- a/dist/tokens/ts/core-dark-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:20 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 31f0d232..00000000 --- a/dist/tokens/ts/core-dark-colors.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:20 GMT - */ - -module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, -blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, -red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, -orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, -grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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 8453bbeb..00000000 --- a/dist/tokens/ts/core-light-colors.d.ts +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:20 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 0fac6b11..00000000 --- a/dist/tokens/ts/core-light-colors.js +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:20 GMT - */ - -module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, -blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, -red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, -purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, -orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, -grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, -brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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 4909b8a4..00000000 --- a/dist/tokens/ts/themes/dark.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 3910e3cc..00000000 --- a/dist/tokens/ts/themes/dark.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -module.exports = {theme: "dark", -text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, -surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, -primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, -success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, -info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, -warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, -danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, -highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, -disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, -input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, -separator : {base : "#515357"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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 4ab9ee47..00000000 --- a/dist/tokens/ts/themes/emerson.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 eb3280c6..00000000 --- a/dist/tokens/ts/themes/emerson.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -module.exports = {theme: "emerson", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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 4ab9ee47..00000000 --- a/dist/tokens/ts/themes/light.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 6da22fa6..00000000 --- a/dist/tokens/ts/themes/light.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -module.exports = {theme: "light", -text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 4ab9ee47..00000000 --- a/dist/tokens/ts/themes/lightDS3.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 99860d5d..00000000 --- a/dist/tokens/ts/themes/lightDS3.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:21 GMT - */ - -module.exports = {theme: "lightDS3", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 5a69b411..00000000 --- a/dist/tokens/ts/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:20 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 ecd37ccd..00000000 --- a/dist/tokens/ts/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:18:20 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 92e7cc1c..00000000 --- a/dist/types/index.d.ts +++ /dev/null @@ -1,4 +0,0 @@ -export * from "./interfaces"; -export * from "./profiles"; -export * from "./intentions"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/index.d.ts.map b/dist/types/index.d.ts.map deleted file mode 100644 index 4ae2dac6..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;AAC3B,cAAc,cAAc,CAAC"} \ No newline at end of file diff --git a/dist/types/index.js b/dist/types/index.js deleted file mode 100644 index 724eae35..00000000 --- a/dist/types/index.js +++ /dev/null @@ -1,50 +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]; - } - }); -}); - -var _intentions = require("./intentions"); - -Object.keys(_intentions).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _intentions[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _intentions[key]; - } - }); -}); \ No newline at end of file diff --git a/dist/types/intentions.d.ts b/dist/types/intentions.d.ts deleted file mode 100644 index 549a7988..00000000 --- a/dist/types/intentions.d.ts +++ /dev/null @@ -1,16 +0,0 @@ -declare const AVIARY_INTENTIONS: { - primary: string; - system: string; - danger: string; - success: string; - textSuccess: string; - textSystem: string; - textDanger: string; - lightFilled: string; - lightOutlined: string; - lightText: string; -}; -declare type AviaryIntentions = keyof typeof AVIARY_INTENTIONS; -export type { AviaryIntentions }; -export { AVIARY_INTENTIONS }; -//# sourceMappingURL=intentions.d.ts.map \ No newline at end of file diff --git a/dist/types/intentions.d.ts.map b/dist/types/intentions.d.ts.map deleted file mode 100644 index 1f79d160..00000000 --- a/dist/types/intentions.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"intentions.d.ts","sourceRoot":"","sources":["../../src/types/intentions.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;;;;;;;;;;CAWtB,CAAC;AAEF,aAAK,gBAAgB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAEvD,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/intentions.js b/dist/types/intentions.js deleted file mode 100644 index 85242ea9..00000000 --- a/dist/types/intentions.js +++ /dev/null @@ -1,19 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.AVIARY_INTENTIONS = void 0; -var AVIARY_INTENTIONS = { - primary: "primary", - system: "system", - danger: "danger", - success: "success", - textSuccess: "textSuccess", - textSystem: "textSystem", - textDanger: "textDanger", - lightFilled: "lightFilled", - lightOutlined: "lightOutlined", - lightText: "lightText" -}; -exports.AVIARY_INTENTIONS = AVIARY_INTENTIONS; \ No newline at end of file diff --git a/dist/types/interfaces.d.ts b/dist/types/interfaces.d.ts deleted file mode 100644 index ab0bd272..00000000 --- a/dist/types/interfaces.d.ts +++ /dev/null @@ -1,30 +0,0 @@ -declare const AVIARY_COLORS: { - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; - success: string; -}; -declare const EXTENDED_AVIARY_COLORS: { - light: string; - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; - success: string; -}; -declare type AviaryColors = keyof typeof AVIARY_COLORS; -declare type ExtendedAviaryColors = keyof typeof EXTENDED_AVIARY_COLORS; -interface AviaryColorProps { - isColor?: AviaryColors; -} -interface AviaryExtendedColorProps { - isColor?: ExtendedAviaryColors; -} -export type { AviaryColors, AviaryColorProps, AviaryExtendedColorProps, ExtendedAviaryColors, }; -export { AVIARY_COLORS, EXTENDED_AVIARY_COLORS }; -//# sourceMappingURL=interfaces.d.ts.map \ No newline at end of file diff --git a/dist/types/interfaces.d.ts.map b/dist/types/interfaces.d.ts.map deleted file mode 100644 index 57492602..00000000 --- a/dist/types/interfaces.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa;;;;;;;;CAQlB,CAAC;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;CAG3B,CAAC;AAEF,aAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,aAAK,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEhE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AACD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,GACrB,CAAC;AACF,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js deleted file mode 100644 index 900be27c..00000000 --- a/dist/types/interfaces.js +++ /dev/null @@ -1,43 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.keys.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.array.filter.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.get-own-property-descriptors.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.EXTENDED_AVIARY_COLORS = exports.AVIARY_COLORS = void 0; - -function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -var AVIARY_COLORS = { - primary: "primary", - info: "info", - warning: "warning", - danger: "danger", - highlight: "highlight", - system: "system", - success: "success" -}; -exports.AVIARY_COLORS = AVIARY_COLORS; - -var EXTENDED_AVIARY_COLORS = _objectSpread(_objectSpread({}, AVIARY_COLORS), {}, { - light: "light" -}); - -exports.EXTENDED_AVIARY_COLORS = EXTENDED_AVIARY_COLORS; \ No newline at end of file diff --git a/dist/types/profiles.d.ts b/dist/types/profiles.d.ts deleted file mode 100644 index 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 From b97bb333d1d38b857a46085b73990ef899e72b62 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 17 Oct 2023 15:51:45 +0000 Subject: [PATCH 15/19] Built and updated design tokens --- dist/documentation/core-dark-colors.d.ts | 233 +++++++++ dist/documentation/core-dark-colors.js | 233 +++++++++ dist/documentation/core-light-colors.d.ts | 270 ++++++++++ dist/documentation/core-light-colors.js | 270 ++++++++++ dist/documentation/themes/dark.d.ts | 600 ++++++++++++++++++++++ dist/documentation/themes/dark.js | 600 ++++++++++++++++++++++ dist/documentation/themes/emerson.d.ts | 596 +++++++++++++++++++++ dist/documentation/themes/emerson.js | 596 +++++++++++++++++++++ dist/documentation/themes/light.d.ts | 596 +++++++++++++++++++++ dist/documentation/themes/light.js | 596 +++++++++++++++++++++ dist/documentation/themes/lightDS3.d.ts | 596 +++++++++++++++++++++ dist/documentation/themes/lightDS3.js | 596 +++++++++++++++++++++ dist/tokens/native/borders.d.ts | 10 + dist/tokens/native/borders.js | 12 + dist/tokens/native/core-dark-colors.d.ts | 13 + dist/tokens/native/core-dark-colors.js | 13 + dist/tokens/native/core-light-colors.d.ts | 14 + dist/tokens/native/core-light-colors.js | 14 + dist/tokens/native/themes/dark.d.ts | 21 + dist/tokens/native/themes/dark.js | 21 + dist/tokens/native/themes/emerson.d.ts | 21 + dist/tokens/native/themes/emerson.js | 21 + dist/tokens/native/themes/light.d.ts | 21 + dist/tokens/native/themes/light.js | 21 + dist/tokens/native/themes/lightDS3.d.ts | 21 + dist/tokens/native/themes/lightDS3.js | 21 + 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 | 59 +++ dist/tokens/scss/core-light-colors.scss | 68 +++ dist/tokens/scss/themes/dark.scss | 149 ++++++ dist/tokens/scss/themes/emerson.scss | 148 ++++++ dist/tokens/scss/themes/light.scss | 148 ++++++ dist/tokens/scss/themes/lightDS3.scss | 148 ++++++ 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 | 13 + dist/tokens/ts/core-dark-colors.js | 13 + dist/tokens/ts/core-light-colors.d.ts | 14 + dist/tokens/ts/core-light-colors.js | 14 + dist/tokens/ts/themes/dark.d.ts | 21 + dist/tokens/ts/themes/dark.js | 21 + dist/tokens/ts/themes/emerson.d.ts | 21 + dist/tokens/ts/themes/emerson.js | 21 + dist/tokens/ts/themes/light.d.ts | 21 + dist/tokens/ts/themes/light.js | 21 + dist/tokens/ts/themes/lightDS3.d.ts | 21 + dist/tokens/ts/themes/lightDS3.js | 21 + dist/tokens/ts/typography.d.ts | 117 +++++ dist/tokens/ts/typography.js | 119 +++++ 52 files changed, 7587 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..da05b81d --- /dev/null +++ b/dist/documentation/core-dark-colors.d.ts @@ -0,0 +1,233 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const green : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const blue : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const red : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const purple : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const orange : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const grey : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const shades : {white:{ + name: string, + hex: string, + + },black:{ + name: string, + hex: string, + + },transparent:{ + name: string, + hex: string, + + }}; +export const brown : {200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + }}; \ 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..a54ea78e --- /dev/null +++ b/dist/documentation/core-dark-colors.js @@ -0,0 +1,233 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#0C291E", + + },200:{ + name: "green.200", + hex: "#0F3326", + + },300:{ + name: "green.300", + hex: "#13402F", + + },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: "#102337", + + },300:{ + name: "blue.300", + hex: "#142C45", + + },400:{ + name: "blue.400", + hex: "#285685", + + },500:{ + name: "blue.500", + hex: "#4577AD", + + },600:{ + name: "blue.600", + hex: "#6597CE", + + },700:{ + name: "blue.700", + hex: "#96BDE7", + + },800:{ + name: "blue.800", + hex: "#D1E8FF", + + }}, +red : {100:{ + name: "red.100", + hex: "#290F16", + + },200:{ + name: "red.200", + hex: "#34101A", + + },300:{ + name: "red.300", + hex: "#451522", + + },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: "#291433", + + },300:{ + name: "purple.300", + hex: "#33193F", + + },400:{ + name: "purple.400", + hex: "#542F66", + + },500:{ + name: "purple.500", + hex: "#693B80", + + },600:{ + name: "purple.600", + hex: "#865C99", + + },700:{ + name: "purple.700", + hex: "#B990CC", + + },800:{ + name: "purple.800", + hex: "#F0D1FF", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#29170C", + + },200:{ + name: "orange.200", + hex: "#361D0E", + + },300:{ + name: "orange.300", + hex: "#4A2915", + + },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: "#98999B", + + },700:{ + name: "grey.700", + hex: "#BCBDBF", + + },800:{ + name: "grey.800", + hex: "#E8E9EA", + + }}, +shades : {white:{ + name: "shades.white", + hex: "#FFFFFF", + + },black:{ + name: "shades.black", + hex: "#000000", + + },transparent:{ + name: "shades.transparent", + hex: "transparent", + + }}, +brown : {200:{ + name: "brown.200", + hex: "#33260F", + + },300:{ + name: "brown.300", + hex: "#402F13", + + },400:{ + name: "brown.400", + hex: "#6E5225", + + },700:{ + name: "brown.700", + hex: "#D6BA87", + + }},}; \ 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..e0879c3f --- /dev/null +++ b/dist/documentation/core-light-colors.d.ts @@ -0,0 +1,270 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const green : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const blue : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const red : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const purple : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const orange : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const grey : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + },900:{ + name: string, + hex: string, + + }}; +export const shades : {white:{ + name: string, + hex: string, + + },black:{ + name: string, + hex: string, + + },transparent:{ + name: string, + hex: string, + + }}; +export const yellow : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const brown : {200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + }}; \ 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..5f4cf6db --- /dev/null +++ b/dist/documentation/core-light-colors.js @@ -0,0 +1,270 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#FAFFFC", + + },200:{ + name: "green.200", + hex: "#EBF2EF", + + },300:{ + name: "green.300", + hex: "#D1E0D9", + + },400:{ + name: "green.400", + hex: "#B6CFC2", + + },500:{ + name: "green.500", + hex: "#86B09B", + + },600:{ + name: "green.600", + hex: "#307553", + + },700:{ + name: "green.700", + hex: "#275E43", + + },800:{ + name: "green.800", + hex: "#244C38", + + }}, +blue : {100:{ + name: "blue.100", + hex: "#F5FAFF", + + },200:{ + name: "blue.200", + hex: "#E6F1FC", + + },300:{ + name: "blue.300", + hex: "#C0D8F0", + + },400:{ + name: "blue.400", + hex: "#88B1D9", + + },500:{ + name: "blue.500", + hex: "#5D96CF", + + },600:{ + name: "blue.600", + hex: "#3971A8", + + },700:{ + name: "blue.700", + hex: "#21588F", + + },800:{ + name: "blue.800", + hex: "#194673", + + }}, +red : {100:{ + name: "red.100", + hex: "#FFF7F9", + + },200:{ + name: "red.200", + hex: "#FEEEF2", + + },300:{ + name: "red.300", + hex: "#F0C4CD", + + },400:{ + name: "red.400", + hex: "#E296A6", + + },500:{ + name: "red.500", + hex: "#C6516A", + + },600:{ + name: "red.600", + hex: "#AF2645", + + },700:{ + name: "red.700", + hex: "#980B29", + + },800:{ + name: "red.800", + hex: "#800D25", + + }}, +purple : {100:{ + name: "purple.100", + hex: "#FCFAFF", + + },200:{ + name: "purple.200", + hex: "#F2ECFE", + + },300:{ + name: "purple.300", + hex: "#D7CEE9", + + },400:{ + name: "purple.400", + hex: "#B9ABD5", + + },500:{ + name: "purple.500", + hex: "#8471AB", + + },600:{ + name: "purple.600", + hex: "#533E7D", + + },700:{ + name: "purple.700", + hex: "#3B2566", + + },800:{ + name: "purple.800", + hex: "#2A174F", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#FFFAF5", + + },200:{ + name: "orange.200", + hex: "#FFF3E8", + + },300:{ + name: "orange.300", + hex: "#F3D8C0", + + },400:{ + name: "orange.400", + hex: "#E7B88F", + + },500:{ + name: "orange.500", + hex: "#CF8545", + + },600:{ + name: "orange.600", + hex: "#B4631D", + + },700:{ + name: "orange.700", + hex: "#8E4D14", + + },800:{ + name: "orange.800", + hex: "#784213", + + }}, +grey : {100:{ + name: "grey.100", + hex: "#FCFEFF", + + },200:{ + name: "grey.200", + hex: "#F5F7FA", + + },300:{ + name: "grey.300", + hex: "#E6EDF5", + + },400:{ + name: "grey.400", + hex: "#C8D3E0", + + },500:{ + name: "grey.500", + hex: "#596D84", + + },600:{ + name: "grey.600", + hex: "#475A70", + + },700:{ + name: "grey.700", + hex: "#36485C", + + },800:{ + name: "grey.800", + hex: "#2E3A47", + + },900:{ + name: "grey.900", + hex: "#212933", + + }}, +shades : {white:{ + name: "shades.white", + hex: "#FFFFFF", + + },black:{ + name: "shades.black", + hex: "#000000", + + },transparent:{ + name: "shades.transparent", + hex: "transparent", + + }}, +yellow : {100:{ + name: "yellow.100", + hex: "#faf8f2", + + },200:{ + name: "yellow.200", + hex: "#fcf3dd", + + },300:{ + name: "yellow.300", + hex: "#fce7b1", + + },400:{ + name: "yellow.400", + hex: "#fcd97e", + + },500:{ + name: "yellow.500", + hex: "#fccb4c", + + },600:{ + name: "yellow.600", + hex: "#ffc121", + + },700:{ + name: "yellow.700", + hex: "#f7b200", + + },800:{ + name: "yellow.800", + hex: "#e5a500", + + }}, +brown : {200:{ + name: "brown.200", + hex: "#F6F1E5", + + },300:{ + name: "brown.300", + hex: "#E4D9C2", + + },400:{ + name: "brown.400", + hex: "#DACCAA", + + },700:{ + name: "brown.700", + hex: "#5E4D27", + + }},}; \ 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..b1de591a --- /dev/null +++ b/dist/documentation/themes/dark.d.ts @@ -0,0 +1,600 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },nakedContent:{ + name: string, + hex: string, + + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js new file mode 100644 index 00000000..e26467b3 --- /dev/null +++ b/dist/documentation/themes/dark.js @@ -0,0 +1,600 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 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: "#BCBDBF", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#98999B", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#FFFFFF", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#BCBDBF", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#E8E9EA", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#101012", + 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: "#98999B", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#BCBDBF", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#6597CE", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#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: "#101012", + 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: "#1A1D21", + 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: "#1A1D21", + 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: "#1A1D21", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#1A1D21", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#E8E9EA", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#FFFFFF", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#FFFFFF", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#22272B", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#2D3238", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#515357", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#0C291E", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#515357", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#98999B", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#BCBDBF", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#42AD86", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#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: "#42AD86", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#86D6B9", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#0F3326", + 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: "#13402F", + 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: "#256E53", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#288563", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#42AD86", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#6597CE", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#96BDE7", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#D1E8FF", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#4577AD", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#285685", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#142C45", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#102337", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#142C45", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#285685", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#0C1B29", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#4577AD", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#285685", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#142C45", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#CF7945", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#E7AA84", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#FFE3D1", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#AD6234", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#CF7945", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#E7AA84", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#361D0E", + 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: "#4A2915", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#8A4E29", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#29170C", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#8A4E29", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#AD6234", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#CF7945", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#C74C6B", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#EA8AA3", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#FFD1DD", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#B23655", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#C74C6B", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#EA8AA3", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#34101A", + 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: "#451522", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#8F2843", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#290F16", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#8F2843", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#B23655", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#C74C6B", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#865C99", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#B990CC", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#F0D1FF", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#693B80", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#865C99", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#B990CC", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#291433", + 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: "#33193F", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#542F66", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#200F29", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#542F66", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#693B80", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#865C99", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#98999B", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#22272B", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#515357", + description: "Used as the border for disabled components" + },nakedContent:{ + name: "disabled.nakedContent", + hex: "#22272B", + + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#2D3238", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#98999B", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#1B2228", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#2D3238", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#FFFFFF", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#BCBDBF", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#B23655", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#BCBDBF", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#4577AD", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#B23655", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#98999B", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#FFFFFF", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#2D3238", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#8F2843", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#515357", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#98999B", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#BCBDBF", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#285685", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#515357", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#515357", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#E8E9EA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E8E9EA", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2D3238", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#E8E9EA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#000000", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#86D6B9", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#0F3326", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#13402F", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#256E53", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#D6BA87", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#33260F", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#402F13", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#6E5225", + + }},}; \ 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..a71c7330 --- /dev/null +++ b/dist/documentation/themes/emerson.d.ts @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js new file mode 100644 index 00000000..18b5d66c --- /dev/null +++ b/dist/documentation/themes/emerson.js @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#36485C", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#475A70", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#596D84", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#FFFFFF", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#FFFFFF", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#FFFFFF", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#36485C", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#2E3A47", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#212933", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FCFEFF", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#2E3A47", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as buttons" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as buttons" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#C8D3E0", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#000000", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#275E43", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#EBF2EF", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#D1E0D9", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#B6CFC2", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#5E4D27", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#F6F1E5", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#E4D9C2", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts new file mode 100644 index 00000000..a71c7330 --- /dev/null +++ b/dist/documentation/themes/light.d.ts @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js new file mode 100644 index 00000000..3d9b3102 --- /dev/null +++ b/dist/documentation/themes/light.js @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#36485C", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#475A70", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#FFFFFF", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#FFFFFF", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#FFFFFF", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#36485C", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#2E3A47", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#212933", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FCFEFF", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for primary components" + },borderHover:{ + name: "primary.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for primary components" + },borderActive:{ + name: "primary.borderActive", + hex: "#2E3A47", + description: "Used for the pressed border colour for primary components" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#C8D3E0", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#36485C", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#275E43", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#EBF2EF", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#D1E0D9", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#B6CFC2", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#5E4D27", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#F6F1E5", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#E4D9C2", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts new file mode 100644 index 00000000..a71c7330 --- /dev/null +++ b/dist/documentation/themes/lightDS3.d.ts @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js new file mode 100644 index 00000000..b9f060b9 --- /dev/null +++ b/dist/documentation/themes/lightDS3.js @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#36485C", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#475A70", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#596D84", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#F5F7FA", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#307553", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#307553", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#275E43", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#244C38", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#307553", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#E6EDF5", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#36485C", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#275E43", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#EBF2EF", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#D1E0D9", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#B6CFC2", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#5E4D27", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#F6F1E5", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#E4D9C2", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts new file mode 100644 index 00000000..b128485b --- /dev/null +++ b/dist/tokens/native/borders.d.ts @@ -0,0 +1,10 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 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..7ba4fdde --- /dev/null +++ b/dist/tokens/native/borders.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 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..12ec7ad1 --- /dev/null +++ b/dist/tokens/native/core-dark-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..73ce4c15 --- /dev/null +++ b/dist/tokens/native/core-dark-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, +orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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..3289136f --- /dev/null +++ b/dist/tokens/native/core-light-colors.d.ts @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..3ea9f665 --- /dev/null +++ b/dist/tokens/native/core-light-colors.js @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, +blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, +red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, +purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, +orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, +grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, +brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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..cd44fe19 --- /dev/null +++ b/dist/tokens/native/themes/dark.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..5496b4bf --- /dev/null +++ b/dist/tokens/native/themes/dark.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {theme: "dark", +text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, +surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, +primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, +success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, +info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, +warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, +danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, +disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, +input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, +separator : {base : "#515357"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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..2af19d73 --- /dev/null +++ b/dist/tokens/native/themes/emerson.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..07b82dd4 --- /dev/null +++ b/dist/tokens/native/themes/emerson.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {theme: "emerson", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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..2af19d73 --- /dev/null +++ b/dist/tokens/native/themes/light.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..a7ebc879 --- /dev/null +++ b/dist/tokens/native/themes/light.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {theme: "light", +text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..2af19d73 --- /dev/null +++ b/dist/tokens/native/themes/lightDS3.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..f9f8ccc7 --- /dev/null +++ b/dist/tokens/native/themes/lightDS3.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {theme: "lightDS3", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..17c93b46 --- /dev/null +++ b/dist/tokens/native/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 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..9a0b84db --- /dev/null +++ b/dist/tokens/native/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 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..6b30fdce --- /dev/null +++ b/dist/tokens/scss/borders.scss @@ -0,0 +1,9 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 15:51:44 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..ed3a8e59 --- /dev/null +++ b/dist/tokens/scss/core-dark-colors.scss @@ -0,0 +1,59 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 15:51:44 GMT + +$green100: #0C291E; +$green200: #0F3326; +$green300: #13402F; +$green400: #256E53; +$green500: #288563; +$green600: #42AD86; +$green700: #86D6B9; +$green800: #DBFFF1; +$blue100: #0C1B29; +$blue200: #102337; +$blue300: #142C45; +$blue400: #285685; +$blue500: #4577AD; +$blue600: #6597CE; +$blue700: #96BDE7; +$blue800: #D1E8FF; +$red100: #290F16; +$red200: #34101A; +$red300: #451522; +$red400: #8F2843; +$red500: #B23655; +$red600: #C74C6B; +$red700: #EA8AA3; +$red800: #FFD1DD; +$purple100: #200F29; +$purple200: #291433; +$purple300: #33193F; +$purple400: #542F66; +$purple500: #693B80; +$purple600: #865C99; +$purple700: #B990CC; +$purple800: #F0D1FF; +$orange100: #29170C; +$orange200: #361D0E; +$orange300: #4A2915; +$orange400: #8A4E29; +$orange500: #AD6234; +$orange600: #CF7945; +$orange700: #E7AA84; +$orange800: #FFE3D1; +$grey100: #101012; +$grey200: #1A1D21; +$grey300: #22272B; +$grey400: #2D3238; +$grey500: #515357; +$grey600: #98999B; +$grey700: #BCBDBF; +$grey800: #E8E9EA; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$brown200: #33260F; +$brown300: #402F13; +$brown400: #6E5225; +$brown700: #D6BA87; \ 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..ca849f22 --- /dev/null +++ b/dist/tokens/scss/core-light-colors.scss @@ -0,0 +1,68 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 15:51:44 GMT + +$green100: #FAFFFC; +$green200: #EBF2EF; +$green300: #D1E0D9; +$green400: #B6CFC2; +$green500: #86B09B; +$green600: #307553; +$green700: #275E43; +$green800: #244C38; +$blue100: #F5FAFF; +$blue200: #E6F1FC; +$blue300: #C0D8F0; +$blue400: #88B1D9; +$blue500: #5D96CF; +$blue600: #3971A8; +$blue700: #21588F; +$blue800: #194673; +$red100: #FFF7F9; +$red200: #FEEEF2; +$red300: #F0C4CD; +$red400: #E296A6; +$red500: #C6516A; +$red600: #AF2645; +$red700: #980B29; +$red800: #800D25; +$purple100: #FCFAFF; +$purple200: #F2ECFE; +$purple300: #D7CEE9; +$purple400: #B9ABD5; +$purple500: #8471AB; +$purple600: #533E7D; +$purple700: #3B2566; +$purple800: #2A174F; +$orange100: #FFFAF5; +$orange200: #FFF3E8; +$orange300: #F3D8C0; +$orange400: #E7B88F; +$orange500: #CF8545; +$orange600: #B4631D; +$orange700: #8E4D14; +$orange800: #784213; +$grey100: #FCFEFF; +$grey200: #F5F7FA; +$grey300: #E6EDF5; +$grey400: #C8D3E0; +$grey500: #596D84; +$grey600: #475A70; +$grey700: #36485C; +$grey800: #2E3A47; +$grey900: #212933; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$yellow100: #faf8f2; +$yellow200: #fcf3dd; +$yellow300: #fce7b1; +$yellow400: #fcd97e; +$yellow500: #fccb4c; +$yellow600: #ffc121; +$yellow700: #f7b200; +$yellow800: #e5a500; +$brown200: #F6F1E5; +$brown300: #E4D9C2; +$brown400: #DACCAA; +$brown700: #5E4D27; \ 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..c68feaa2 --- /dev/null +++ b/dist/tokens/scss/themes/dark.scss @@ -0,0 +1,149 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 15:51:44 GMT + +$textEmphasis: #E8E9EA; +$textBody: #BCBDBF; +$textSubdued: #98999B; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #FFFFFF; +$systemTextBase: #BCBDBF; +$systemTextHover: #E8E9EA; +$systemTextActive: #FFFFFF; +$systemBackgroundBase: #101012; +$systemBackgroundMuted: #22272B; +$systemBackgroundMutedHover: #2D3238; +$systemBackgroundMutedActive: #515357; +$systemBackgroundBox: #1A1D21; +$systemBorderBase: #515357; +$systemBorderHover: #98999B; +$systemBorderActive: #BCBDBF; +$systemBorderFocused: #6597CE; +$surfaceLevel0: #101012; +$surfaceLevel1: #101012; +$surfaceLevel2: #22272B; +$surfaceInteractiveBackground: #1A1D21; +$surfaceInteractiveHover: #22272B; +$surfaceInteractiveActive: #2D3238; +$surfaceOverlayDark: #22272B; +$surfaceOverlayTheme: #1A1D21; +$surfaceOverlayBackdrop: #1A1D21; +$primaryTextBase: #1A1D21; +$primaryTextHover: #1A1D21; +$primaryTextActive: #1A1D21; +$primaryBackgroundBase: #E8E9EA; +$primaryBackgroundHover: #FFFFFF; +$primaryBackgroundActive: #FFFFFF; +$primaryBackgroundMuted: #22272B; +$primaryBackgroundMutedHover: #2D3238; +$primaryBackgroundMutedActive: #515357; +$primaryBackgroundBox: #0C291E; +$primaryBorderBase: #515357; +$primaryBorderHover: #98999B; +$primaryBorderActive: #BCBDBF; +$successTextBase: #42AD86; +$successTextHover: #86D6B9; +$successTextActive: #DBFFF1; +$successBackgroundBase: #288563; +$successBackgroundHover: #42AD86; +$successBackgroundActive: #86D6B9; +$successBackgroundMuted: #0F3326; +$successBackgroundMutedHover: #13402F; +$successBackgroundMutedActive: #256E53; +$successBackgroundBox: #0C291E; +$successBorderBase: #256E53; +$successBorderHover: #288563; +$successBorderActive: #42AD86; +$infoTextBase: #6597CE; +$infoTextHover: #96BDE7; +$infoTextActive: #D1E8FF; +$infoBackgroundBase: #4577AD; +$infoBackgroundHover: #285685; +$infoBackgroundActive: #142C45; +$infoBackgroundMuted: #102337; +$infoBackgroundMutedHover: #142C45; +$infoBackgroundMutedActive: #285685; +$infoBackgroundBox: #0C1B29; +$infoBorderBase: #4577AD; +$infoBorderHover: #285685; +$infoBorderActive: #142C45; +$warningTextBase: #CF7945; +$warningTextHover: #E7AA84; +$warningTextActive: #FFE3D1; +$warningBackgroundBase: #AD6234; +$warningBackgroundHover: #CF7945; +$warningBackgroundActive: #E7AA84; +$warningBackgroundMuted: #361D0E; +$warningBackgroundMutedHover: #4A2915; +$warningBackgroundMutedActive: #8A4E29; +$warningBackgroundBox: #29170C; +$warningBorderBase: #8A4E29; +$warningBorderHover: #AD6234; +$warningBorderActive: #CF7945; +$dangerTextBase: #C74C6B; +$dangerTextHover: #EA8AA3; +$dangerTextActive: #FFD1DD; +$dangerBackgroundBase: #B23655; +$dangerBackgroundHover: #C74C6B; +$dangerBackgroundActive: #EA8AA3; +$dangerBackgroundMuted: #34101A; +$dangerBackgroundMutedHover: #451522; +$dangerBackgroundMutedActive: #8F2843; +$dangerBackgroundBox: #290F16; +$dangerBorderBase: #8F2843; +$dangerBorderHover: #B23655; +$dangerBorderActive: #C74C6B; +$highlightTextBase: #865C99; +$highlightTextHover: #B990CC; +$highlightTextActive: #F0D1FF; +$highlightBackgroundBase: #693B80; +$highlightBackgroundHover: #865C99; +$highlightBackgroundActive: #B990CC; +$highlightBackgroundMuted: #291433; +$highlightBackgroundMutedHover: #33193F; +$highlightBackgroundMutedActive: #542F66; +$highlightBackgroundBox: #200F29; +$highlightBorderBase: #542F66; +$highlightBorderHover: #693B80; +$highlightBorderActive: #865C99; +$disabledText: #98999B; +$disabledBackground: #22272B; +$disabledNakedBackground: transparent; +$disabledBorder: #515357; +$disabledNakedContent: #22272B; +$disabledInputBackground: #2D3238; +$disabledInputLabelText: #98999B; +$inputBackgroundBase: #1B2228; +$inputBackgroundHover: #2D3238; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #FFFFFF; +$inputTextInformation: #BCBDBF; +$inputTextInformationError: #B23655; +$inputTextLabel: #BCBDBF; +$inputTextFloatingLabel: #4577AD; +$inputTextFloatingLabelError: #B23655; +$inputTextPlaceholder: #98999B; +$inputTextActive: #FFFFFF; +$inputBorderBase: #2D3238; +$inputBorderError: #8F2843; +$inputBorderHover: #515357; +$inputBorderEmphasized: #98999B; +$inputBorderEmphasizedHover: #BCBDBF; +$inputBorderActive: #285685; +$separatorBase: #515357; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #515357; +$lightBackgroundHover: #E8E9EA; +$lightBackgroundActive: #E8E9EA; +$lightTextBase: #2D3238; +$lightLinkMutedBase: #E8E9EA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #000000; +$accentForestTextBase: #86D6B9; +$accentForestBackgroundMuted: #0F3326; +$accentForestBackgroundMutedHover: #13402F; +$accentForestBackgroundMutedActive: #256E53; +$accentSandTextBase: #D6BA87; +$accentSandBackgroundMuted: #33260F; +$accentSandBackgroundMutedHover: #402F13; +$accentSandBackgroundMutedActive: #6E5225; \ 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..f9c0a75f --- /dev/null +++ b/dist/tokens/scss/themes/emerson.scss @@ -0,0 +1,148 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 15:51:44 GMT + +$textEmphasis: #36485C; +$textBody: #475A70; +$textSubdued: #596D84; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #FFFFFF; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #FFFFFF; +$primaryTextHover: #FFFFFF; +$primaryTextActive: #FFFFFF; +$primaryBackgroundBase: #36485C; +$primaryBackgroundHover: #2E3A47; +$primaryBackgroundActive: #212933; +$primaryBackgroundMuted: #F5F7FA; +$primaryBackgroundMutedHover: #E6EDF5; +$primaryBackgroundMutedActive: #C8D3E0; +$primaryBackgroundBox: #FCFEFF; +$primaryBorderBase: #C8D3E0; +$primaryBorderHover: #596D84; +$primaryBorderActive: #2E3A47; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #C8D3E0; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #000000; +$accentForestTextBase: #275E43; +$accentForestBackgroundMuted: #EBF2EF; +$accentForestBackgroundMutedHover: #D1E0D9; +$accentForestBackgroundMutedActive: #B6CFC2; +$accentSandTextBase: #5E4D27; +$accentSandBackgroundMuted: #F6F1E5; +$accentSandBackgroundMutedHover: #E4D9C2; +$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss new file mode 100644 index 00000000..62871066 --- /dev/null +++ b/dist/tokens/scss/themes/light.scss @@ -0,0 +1,148 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 15:51:44 GMT + +$textEmphasis: #2E3A47; +$textBody: #36485C; +$textSubdued: #475A70; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #FFFFFF; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #FFFFFF; +$primaryTextHover: #FFFFFF; +$primaryTextActive: #FFFFFF; +$primaryBackgroundBase: #36485C; +$primaryBackgroundHover: #2E3A47; +$primaryBackgroundActive: #212933; +$primaryBackgroundMuted: #F5F7FA; +$primaryBackgroundMutedHover: #E6EDF5; +$primaryBackgroundMutedActive: #C8D3E0; +$primaryBackgroundBox: #FCFEFF; +$primaryBorderBase: #C8D3E0; +$primaryBorderHover: #596D84; +$primaryBorderActive: #2E3A47; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #C8D3E0; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #36485C; +$accentForestTextBase: #275E43; +$accentForestBackgroundMuted: #EBF2EF; +$accentForestBackgroundMutedHover: #D1E0D9; +$accentForestBackgroundMutedActive: #B6CFC2; +$accentSandTextBase: #5E4D27; +$accentSandBackgroundMuted: #F6F1E5; +$accentSandBackgroundMutedHover: #E4D9C2; +$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss new file mode 100644 index 00000000..715c5bd2 --- /dev/null +++ b/dist/tokens/scss/themes/lightDS3.scss @@ -0,0 +1,148 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 15:51:44 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; +$accentForestTextBase: #275E43; +$accentForestBackgroundMuted: #EBF2EF; +$accentForestBackgroundMutedHover: #D1E0D9; +$accentForestBackgroundMutedActive: #B6CFC2; +$accentSandTextBase: #5E4D27; +$accentSandBackgroundMuted: #F6F1E5; +$accentSandBackgroundMutedHover: #E4D9C2; +$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss new file mode 100644 index 00000000..bb64f112 --- /dev/null +++ b/dist/tokens/scss/typography.scss @@ -0,0 +1,116 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 15:51:44 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..06674655 --- /dev/null +++ b/dist/tokens/ts/borders.d.ts @@ -0,0 +1,10 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 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..54ed6ae5 --- /dev/null +++ b/dist/tokens/ts/borders.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 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..12ec7ad1 --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..73ce4c15 --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, +orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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..3289136f --- /dev/null +++ b/dist/tokens/ts/core-light-colors.d.ts @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..3ea9f665 --- /dev/null +++ b/dist/tokens/ts/core-light-colors.js @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, +blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, +red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, +purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, +orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, +grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, +brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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..cd44fe19 --- /dev/null +++ b/dist/tokens/ts/themes/dark.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..5496b4bf --- /dev/null +++ b/dist/tokens/ts/themes/dark.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {theme: "dark", +text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, +surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, +primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, +success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, +info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, +warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, +danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, +disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, +input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, +separator : {base : "#515357"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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..2af19d73 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..07b82dd4 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {theme: "emerson", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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..2af19d73 --- /dev/null +++ b/dist/tokens/ts/themes/light.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..a7ebc879 --- /dev/null +++ b/dist/tokens/ts/themes/light.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {theme: "light", +text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..2af19d73 --- /dev/null +++ b/dist/tokens/ts/themes/lightDS3.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..f9f8ccc7 --- /dev/null +++ b/dist/tokens/ts/themes/lightDS3.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 GMT + */ + +module.exports = {theme: "lightDS3", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..8ed0069f --- /dev/null +++ b/dist/tokens/ts/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 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..873f0eaf --- /dev/null +++ b/dist/tokens/ts/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 15:51:44 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 d2c18867fc88c4306f701829776f8e21185bd1e0 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 17 Oct 2023 15:52:25 +0000 Subject: [PATCH 16/19] 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 | 4 + dist/types/index.d.ts.map | 1 + dist/types/index.js | 50 +++++++++++ dist/types/intentions.d.ts | 16 ++++ dist/types/intentions.d.ts.map | 1 + dist/types/intentions.js | 19 ++++ dist/types/interfaces.d.ts | 30 +++++++ dist/types/interfaces.d.ts.map | 1 + dist/types/interfaces.js | 43 +++++++++ dist/types/profiles.d.ts | 6 ++ dist/types/profiles.d.ts.map | 1 + dist/types/profiles.js | 5 ++ dist/types/themes.d.ts | 8 ++ dist/types/themes.d.ts.map | 1 + dist/types/themes.js | 46 ++++++++++ 24 files changed, 494 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/intentions.d.ts create mode 100644 dist/types/intentions.d.ts.map create mode 100644 dist/types/intentions.js create mode 100644 dist/types/interfaces.d.ts create mode 100644 dist/types/interfaces.d.ts.map create mode 100644 dist/types/interfaces.js create mode 100644 dist/types/profiles.d.ts create mode 100644 dist/types/profiles.d.ts.map create mode 100644 dist/types/profiles.js create mode 100644 dist/types/themes.d.ts create mode 100644 dist/types/themes.d.ts.map create mode 100644 dist/types/themes.js diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts new file mode 100644 index 00000000..05da7d25 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts @@ -0,0 +1,109 @@ +import type { AviaryTheme } from "../types/themes"; +export declare const colorProfileMapper: (currentTheme: AviaryTheme) => { + primary: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + info: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + warning: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + danger: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + highlight: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + system: { + textLabelEmphasis: string; + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + borderFocused: string; + }; + success: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; +}; +//# sourceMappingURL=colorProfileMapper.d.ts.map \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map new file mode 100644 index 00000000..3c1e9e83 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js new file mode 100644 index 00000000..e5da22d5 --- /dev/null +++ b/dist/helpers/colorProfileMapper.js @@ -0,0 +1,21 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.colorProfileMapper = void 0; + +// Used for mapping over selected `isColor` properties +var colorProfileMapper = function colorProfileMapper(currentTheme) { + return { + primary: currentTheme.primary, + info: currentTheme.info, + warning: currentTheme.warning, + danger: currentTheme.danger, + highlight: currentTheme.highlight, + system: currentTheme.system, + success: currentTheme.success + }; +}; + +exports.colorProfileMapper = colorProfileMapper; \ No newline at end of file diff --git a/dist/helpers/index.d.ts b/dist/helpers/index.d.ts new file mode 100644 index 00000000..7a4a22d6 --- /dev/null +++ b/dist/helpers/index.d.ts @@ -0,0 +1,2 @@ +export * from "./colorProfileMapper"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/helpers/index.d.ts.map b/dist/helpers/index.d.ts.map new file mode 100644 index 00000000..94ae4bb1 --- /dev/null +++ b/dist/helpers/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"} \ No newline at end of file diff --git a/dist/helpers/index.js b/dist/helpers/index.js new file mode 100644 index 00000000..155de21a --- /dev/null +++ b/dist/helpers/index.js @@ -0,0 +1,24 @@ +"use strict"; + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _colorProfileMapper = require("./colorProfileMapper"); + +Object.keys(_colorProfileMapper).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _colorProfileMapper[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _colorProfileMapper[key]; + } + }); +}); \ No newline at end of file diff --git a/dist/index.d.ts b/dist/index.d.ts new file mode 100644 index 00000000..dcd56928 --- /dev/null +++ b/dist/index.d.ts @@ -0,0 +1,9 @@ +export * from "./helpers"; +export * from "./types"; +export * as borders from "../dist/tokens/ts/borders"; +export * as typography from "../dist/tokens/ts/typography"; +export * as lightThemeDocumentation from "../dist/documentation/themes/light"; +export * as darkThemeDocumentation from "../dist/documentation/themes/dark"; +export * as coreDarkDocumentation from "../dist/documentation/core-dark-colors"; +export * as coreLightDocumentation from "../dist/documentation/core-light-colors"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map new file mode 100644 index 00000000..666537dc --- /dev/null +++ b/dist/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,uBAAuB,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,sBAAsB,MAAM,mCAAmC,CAAC;AAG5E,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAChF,OAAO,KAAK,sBAAsB,MAAM,yCAAyC,CAAC"} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js new file mode 100644 index 00000000..b653d350 --- /dev/null +++ b/dist/index.js @@ -0,0 +1,94 @@ +"use strict"; + +function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } + +require("core-js/modules/es.array.iterator.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.string.iterator.js"); + +require("core-js/modules/es.weak-map.js"); + +require("core-js/modules/web.dom-collections.iterator.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.symbol.description.js"); + +require("core-js/modules/es.symbol.iterator.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +var _exportNames = { + borders: true, + typography: true, + lightThemeDocumentation: true, + darkThemeDocumentation: true, + coreDarkDocumentation: true, + coreLightDocumentation: true +}; +exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = exports.borders = void 0; + +var _helpers = require("./helpers"); + +Object.keys(_helpers).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; + if (key in exports && exports[key] === _helpers[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _helpers[key]; + } + }); +}); + +var _types = require("./types"); + +Object.keys(_types).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; + if (key in exports && exports[key] === _types[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _types[key]; + } + }); +}); + +var _borders = _interopRequireWildcard(require("../dist/tokens/ts/borders")); + +exports.borders = _borders; + +var _typography = _interopRequireWildcard(require("../dist/tokens/ts/typography")); + +exports.typography = _typography; + +var _lightThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/light")); + +exports.lightThemeDocumentation = _lightThemeDocumentation; + +var _darkThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/dark")); + +exports.darkThemeDocumentation = _darkThemeDocumentation; + +var _coreDarkDocumentation = _interopRequireWildcard(require("../dist/documentation/core-dark-colors")); + +exports.coreDarkDocumentation = _coreDarkDocumentation; + +var _coreLightDocumentation = _interopRequireWildcard(require("../dist/documentation/core-light-colors")); + +exports.coreLightDocumentation = _coreLightDocumentation; + +function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } + +function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/dist/types/index.d.ts b/dist/types/index.d.ts new file mode 100644 index 00000000..92e7cc1c --- /dev/null +++ b/dist/types/index.d.ts @@ -0,0 +1,4 @@ +export * from "./interfaces"; +export * from "./profiles"; +export * from "./intentions"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/index.d.ts.map b/dist/types/index.d.ts.map new file mode 100644 index 00000000..4ae2dac6 --- /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;AAC3B,cAAc,cAAc,CAAC"} \ No newline at end of file diff --git a/dist/types/index.js b/dist/types/index.js new file mode 100644 index 00000000..724eae35 --- /dev/null +++ b/dist/types/index.js @@ -0,0 +1,50 @@ +"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]; + } + }); +}); + +var _intentions = require("./intentions"); + +Object.keys(_intentions).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _intentions[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _intentions[key]; + } + }); +}); \ No newline at end of file diff --git a/dist/types/intentions.d.ts b/dist/types/intentions.d.ts new file mode 100644 index 00000000..549a7988 --- /dev/null +++ b/dist/types/intentions.d.ts @@ -0,0 +1,16 @@ +declare const AVIARY_INTENTIONS: { + primary: string; + system: string; + danger: string; + success: string; + textSuccess: string; + textSystem: string; + textDanger: string; + lightFilled: string; + lightOutlined: string; + lightText: string; +}; +declare type AviaryIntentions = keyof typeof AVIARY_INTENTIONS; +export type { AviaryIntentions }; +export { AVIARY_INTENTIONS }; +//# sourceMappingURL=intentions.d.ts.map \ No newline at end of file diff --git a/dist/types/intentions.d.ts.map b/dist/types/intentions.d.ts.map new file mode 100644 index 00000000..1f79d160 --- /dev/null +++ b/dist/types/intentions.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"intentions.d.ts","sourceRoot":"","sources":["../../src/types/intentions.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;;;;;;;;;;CAWtB,CAAC;AAEF,aAAK,gBAAgB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAEvD,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/intentions.js b/dist/types/intentions.js new file mode 100644 index 00000000..85242ea9 --- /dev/null +++ b/dist/types/intentions.js @@ -0,0 +1,19 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.AVIARY_INTENTIONS = void 0; +var AVIARY_INTENTIONS = { + primary: "primary", + system: "system", + danger: "danger", + success: "success", + textSuccess: "textSuccess", + textSystem: "textSystem", + textDanger: "textDanger", + lightFilled: "lightFilled", + lightOutlined: "lightOutlined", + lightText: "lightText" +}; +exports.AVIARY_INTENTIONS = AVIARY_INTENTIONS; \ No newline at end of file diff --git a/dist/types/interfaces.d.ts b/dist/types/interfaces.d.ts new file mode 100644 index 00000000..ab0bd272 --- /dev/null +++ b/dist/types/interfaces.d.ts @@ -0,0 +1,30 @@ +declare const AVIARY_COLORS: { + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; + success: string; +}; +declare const EXTENDED_AVIARY_COLORS: { + light: string; + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; + success: string; +}; +declare type AviaryColors = keyof typeof AVIARY_COLORS; +declare type ExtendedAviaryColors = keyof typeof EXTENDED_AVIARY_COLORS; +interface AviaryColorProps { + isColor?: AviaryColors; +} +interface AviaryExtendedColorProps { + isColor?: ExtendedAviaryColors; +} +export type { AviaryColors, AviaryColorProps, AviaryExtendedColorProps, ExtendedAviaryColors, }; +export { AVIARY_COLORS, EXTENDED_AVIARY_COLORS }; +//# sourceMappingURL=interfaces.d.ts.map \ No newline at end of file diff --git a/dist/types/interfaces.d.ts.map b/dist/types/interfaces.d.ts.map new file mode 100644 index 00000000..57492602 --- /dev/null +++ b/dist/types/interfaces.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa;;;;;;;;CAQlB,CAAC;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;CAG3B,CAAC;AAEF,aAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,aAAK,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEhE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AACD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,GACrB,CAAC;AACF,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js new file mode 100644 index 00000000..900be27c --- /dev/null +++ b/dist/types/interfaces.js @@ -0,0 +1,43 @@ +"use strict"; + +require("core-js/modules/es.object.keys.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.array.filter.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.get-own-property-descriptors.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.EXTENDED_AVIARY_COLORS = exports.AVIARY_COLORS = void 0; + +function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } + +function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } + +function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + +var AVIARY_COLORS = { + primary: "primary", + info: "info", + warning: "warning", + danger: "danger", + highlight: "highlight", + system: "system", + success: "success" +}; +exports.AVIARY_COLORS = AVIARY_COLORS; + +var EXTENDED_AVIARY_COLORS = _objectSpread(_objectSpread({}, AVIARY_COLORS), {}, { + light: "light" +}); + +exports.EXTENDED_AVIARY_COLORS = EXTENDED_AVIARY_COLORS; \ No newline at end of file diff --git a/dist/types/profiles.d.ts b/dist/types/profiles.d.ts new file mode 100644 index 00000000..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 2908eeba2e2dc42e4a9daff119c22245b42a39b6 Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 17 Oct 2023 16:02:06 +0000 Subject: [PATCH 17/19] Transformed tokens --- dist/documentation/core-dark-colors.d.ts | 233 --------- dist/documentation/core-dark-colors.js | 233 --------- dist/documentation/core-light-colors.d.ts | 270 ---------- dist/documentation/core-light-colors.js | 270 ---------- dist/documentation/themes/dark.d.ts | 600 ---------------------- dist/documentation/themes/dark.js | 600 ---------------------- dist/documentation/themes/emerson.d.ts | 596 --------------------- dist/documentation/themes/emerson.js | 596 --------------------- dist/documentation/themes/light.d.ts | 596 --------------------- dist/documentation/themes/light.js | 596 --------------------- dist/documentation/themes/lightDS3.d.ts | 596 --------------------- dist/documentation/themes/lightDS3.js | 596 --------------------- dist/helpers/colorProfileMapper.d.ts | 109 ---- dist/helpers/colorProfileMapper.d.ts.map | 1 - dist/helpers/colorProfileMapper.js | 21 - dist/helpers/index.d.ts | 2 - dist/helpers/index.d.ts.map | 1 - dist/helpers/index.js | 24 - dist/index.d.ts | 9 - dist/index.d.ts.map | 1 - dist/index.js | 94 ---- dist/tokens/native/borders.d.ts | 10 - dist/tokens/native/borders.js | 12 - dist/tokens/native/core-dark-colors.d.ts | 13 - dist/tokens/native/core-dark-colors.js | 13 - dist/tokens/native/core-light-colors.d.ts | 14 - dist/tokens/native/core-light-colors.js | 14 - dist/tokens/native/themes/dark.d.ts | 21 - dist/tokens/native/themes/dark.js | 21 - dist/tokens/native/themes/emerson.d.ts | 21 - dist/tokens/native/themes/emerson.js | 21 - dist/tokens/native/themes/light.d.ts | 21 - dist/tokens/native/themes/light.js | 21 - dist/tokens/native/themes/lightDS3.d.ts | 21 - dist/tokens/native/themes/lightDS3.js | 21 - 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 | 59 --- dist/tokens/scss/core-light-colors.scss | 68 --- dist/tokens/scss/themes/dark.scss | 149 ------ dist/tokens/scss/themes/emerson.scss | 148 ------ dist/tokens/scss/themes/light.scss | 148 ------ dist/tokens/scss/themes/lightDS3.scss | 148 ------ 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 | 13 - dist/tokens/ts/core-dark-colors.js | 13 - dist/tokens/ts/core-light-colors.d.ts | 14 - dist/tokens/ts/core-light-colors.js | 14 - dist/tokens/ts/themes/dark.d.ts | 21 - dist/tokens/ts/themes/dark.js | 21 - dist/tokens/ts/themes/emerson.d.ts | 21 - dist/tokens/ts/themes/emerson.js | 21 - dist/tokens/ts/themes/light.d.ts | 21 - dist/tokens/ts/themes/light.js | 21 - dist/tokens/ts/themes/lightDS3.d.ts | 21 - dist/tokens/ts/themes/lightDS3.js | 21 - dist/tokens/ts/typography.d.ts | 117 ----- dist/tokens/ts/typography.js | 119 ----- dist/types/accents.d.ts | 8 - dist/types/accents.d.ts.map | 1 - dist/types/accents.js | 11 - dist/types/index.d.ts | 5 - dist/types/index.d.ts.map | 1 - dist/types/index.js | 63 --- dist/types/intentions.d.ts | 16 - dist/types/intentions.d.ts.map | 1 - dist/types/intentions.js | 19 - dist/types/interfaces.d.ts | 30 -- dist/types/interfaces.d.ts.map | 1 - dist/types/interfaces.js | 43 -- dist/types/profiles.d.ts | 6 - dist/types/profiles.d.ts.map | 1 - dist/types/profiles.js | 5 - dist/types/themes.d.ts | 8 - dist/types/themes.d.ts.map | 1 - dist/types/themes.js | 46 -- 79 files changed, 8115 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/accents.d.ts delete mode 100644 dist/types/accents.d.ts.map delete mode 100644 dist/types/accents.js delete mode 100644 dist/types/index.d.ts delete mode 100644 dist/types/index.d.ts.map delete mode 100644 dist/types/index.js delete mode 100644 dist/types/intentions.d.ts delete mode 100644 dist/types/intentions.d.ts.map delete mode 100644 dist/types/intentions.js delete mode 100644 dist/types/interfaces.d.ts delete mode 100644 dist/types/interfaces.d.ts.map delete mode 100644 dist/types/interfaces.js delete mode 100644 dist/types/profiles.d.ts delete mode 100644 dist/types/profiles.d.ts.map delete mode 100644 dist/types/profiles.js delete mode 100644 dist/types/themes.d.ts delete mode 100644 dist/types/themes.d.ts.map delete mode 100644 dist/types/themes.js diff --git a/dist/documentation/core-dark-colors.d.ts b/dist/documentation/core-dark-colors.d.ts deleted file mode 100644 index da05b81d..00000000 --- a/dist/documentation/core-dark-colors.d.ts +++ /dev/null @@ -1,233 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const green : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const blue : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const red : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const purple : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const orange : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const grey : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const shades : {white:{ - name: string, - hex: string, - - },black:{ - name: string, - hex: string, - - },transparent:{ - name: string, - hex: string, - - }}; -export const brown : {200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - }}; \ 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 a54ea78e..00000000 --- a/dist/documentation/core-dark-colors.js +++ /dev/null @@ -1,233 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {green : {100:{ - name: "green.100", - hex: "#0C291E", - - },200:{ - name: "green.200", - hex: "#0F3326", - - },300:{ - name: "green.300", - hex: "#13402F", - - },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: "#102337", - - },300:{ - name: "blue.300", - hex: "#142C45", - - },400:{ - name: "blue.400", - hex: "#285685", - - },500:{ - name: "blue.500", - hex: "#4577AD", - - },600:{ - name: "blue.600", - hex: "#6597CE", - - },700:{ - name: "blue.700", - hex: "#96BDE7", - - },800:{ - name: "blue.800", - hex: "#D1E8FF", - - }}, -red : {100:{ - name: "red.100", - hex: "#290F16", - - },200:{ - name: "red.200", - hex: "#34101A", - - },300:{ - name: "red.300", - hex: "#451522", - - },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: "#291433", - - },300:{ - name: "purple.300", - hex: "#33193F", - - },400:{ - name: "purple.400", - hex: "#542F66", - - },500:{ - name: "purple.500", - hex: "#693B80", - - },600:{ - name: "purple.600", - hex: "#865C99", - - },700:{ - name: "purple.700", - hex: "#B990CC", - - },800:{ - name: "purple.800", - hex: "#F0D1FF", - - }}, -orange : {100:{ - name: "orange.100", - hex: "#29170C", - - },200:{ - name: "orange.200", - hex: "#361D0E", - - },300:{ - name: "orange.300", - hex: "#4A2915", - - },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: "#98999B", - - },700:{ - name: "grey.700", - hex: "#BCBDBF", - - },800:{ - name: "grey.800", - hex: "#E8E9EA", - - }}, -shades : {white:{ - name: "shades.white", - hex: "#FFFFFF", - - },black:{ - name: "shades.black", - hex: "#000000", - - },transparent:{ - name: "shades.transparent", - hex: "transparent", - - }}, -brown : {200:{ - name: "brown.200", - hex: "#33260F", - - },300:{ - name: "brown.300", - hex: "#402F13", - - },400:{ - name: "brown.400", - hex: "#6E5225", - - },700:{ - name: "brown.700", - hex: "#D6BA87", - - }},}; \ 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 e0879c3f..00000000 --- a/dist/documentation/core-light-colors.d.ts +++ /dev/null @@ -1,270 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const green : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const blue : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const red : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const purple : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const orange : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const grey : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - },900:{ - name: string, - hex: string, - - }}; -export const shades : {white:{ - name: string, - hex: string, - - },black:{ - name: string, - hex: string, - - },transparent:{ - name: string, - hex: string, - - }}; -export const yellow : {100:{ - name: string, - hex: string, - - },200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },500:{ - name: string, - hex: string, - - },600:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - },800:{ - name: string, - hex: string, - - }}; -export const brown : {200:{ - name: string, - hex: string, - - },300:{ - name: string, - hex: string, - - },400:{ - name: string, - hex: string, - - },700:{ - name: string, - hex: string, - - }}; \ 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 5f4cf6db..00000000 --- a/dist/documentation/core-light-colors.js +++ /dev/null @@ -1,270 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {green : {100:{ - name: "green.100", - hex: "#FAFFFC", - - },200:{ - name: "green.200", - hex: "#EBF2EF", - - },300:{ - name: "green.300", - hex: "#D1E0D9", - - },400:{ - name: "green.400", - hex: "#B6CFC2", - - },500:{ - name: "green.500", - hex: "#86B09B", - - },600:{ - name: "green.600", - hex: "#307553", - - },700:{ - name: "green.700", - hex: "#275E43", - - },800:{ - name: "green.800", - hex: "#244C38", - - }}, -blue : {100:{ - name: "blue.100", - hex: "#F5FAFF", - - },200:{ - name: "blue.200", - hex: "#E6F1FC", - - },300:{ - name: "blue.300", - hex: "#C0D8F0", - - },400:{ - name: "blue.400", - hex: "#88B1D9", - - },500:{ - name: "blue.500", - hex: "#5D96CF", - - },600:{ - name: "blue.600", - hex: "#3971A8", - - },700:{ - name: "blue.700", - hex: "#21588F", - - },800:{ - name: "blue.800", - hex: "#194673", - - }}, -red : {100:{ - name: "red.100", - hex: "#FFF7F9", - - },200:{ - name: "red.200", - hex: "#FEEEF2", - - },300:{ - name: "red.300", - hex: "#F0C4CD", - - },400:{ - name: "red.400", - hex: "#E296A6", - - },500:{ - name: "red.500", - hex: "#C6516A", - - },600:{ - name: "red.600", - hex: "#AF2645", - - },700:{ - name: "red.700", - hex: "#980B29", - - },800:{ - name: "red.800", - hex: "#800D25", - - }}, -purple : {100:{ - name: "purple.100", - hex: "#FCFAFF", - - },200:{ - name: "purple.200", - hex: "#F2ECFE", - - },300:{ - name: "purple.300", - hex: "#D7CEE9", - - },400:{ - name: "purple.400", - hex: "#B9ABD5", - - },500:{ - name: "purple.500", - hex: "#8471AB", - - },600:{ - name: "purple.600", - hex: "#533E7D", - - },700:{ - name: "purple.700", - hex: "#3B2566", - - },800:{ - name: "purple.800", - hex: "#2A174F", - - }}, -orange : {100:{ - name: "orange.100", - hex: "#FFFAF5", - - },200:{ - name: "orange.200", - hex: "#FFF3E8", - - },300:{ - name: "orange.300", - hex: "#F3D8C0", - - },400:{ - name: "orange.400", - hex: "#E7B88F", - - },500:{ - name: "orange.500", - hex: "#CF8545", - - },600:{ - name: "orange.600", - hex: "#B4631D", - - },700:{ - name: "orange.700", - hex: "#8E4D14", - - },800:{ - name: "orange.800", - hex: "#784213", - - }}, -grey : {100:{ - name: "grey.100", - hex: "#FCFEFF", - - },200:{ - name: "grey.200", - hex: "#F5F7FA", - - },300:{ - name: "grey.300", - hex: "#E6EDF5", - - },400:{ - name: "grey.400", - hex: "#C8D3E0", - - },500:{ - name: "grey.500", - hex: "#596D84", - - },600:{ - name: "grey.600", - hex: "#475A70", - - },700:{ - name: "grey.700", - hex: "#36485C", - - },800:{ - name: "grey.800", - hex: "#2E3A47", - - },900:{ - name: "grey.900", - hex: "#212933", - - }}, -shades : {white:{ - name: "shades.white", - hex: "#FFFFFF", - - },black:{ - name: "shades.black", - hex: "#000000", - - },transparent:{ - name: "shades.transparent", - hex: "transparent", - - }}, -yellow : {100:{ - name: "yellow.100", - hex: "#faf8f2", - - },200:{ - name: "yellow.200", - hex: "#fcf3dd", - - },300:{ - name: "yellow.300", - hex: "#fce7b1", - - },400:{ - name: "yellow.400", - hex: "#fcd97e", - - },500:{ - name: "yellow.500", - hex: "#fccb4c", - - },600:{ - name: "yellow.600", - hex: "#ffc121", - - },700:{ - name: "yellow.700", - hex: "#f7b200", - - },800:{ - name: "yellow.800", - hex: "#e5a500", - - }}, -brown : {200:{ - name: "brown.200", - hex: "#F6F1E5", - - },300:{ - name: "brown.300", - hex: "#E4D9C2", - - },400:{ - name: "brown.400", - hex: "#DACCAA", - - },700:{ - name: "brown.700", - hex: "#5E4D27", - - }},}; \ 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 b1de591a..00000000 --- a/dist/documentation/themes/dark.d.ts +++ /dev/null @@ -1,600 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },nakedContent:{ - name: string, - hex: string, - - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js deleted file mode 100644 index e26467b3..00000000 --- a/dist/documentation/themes/dark.js +++ /dev/null @@ -1,600 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 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: "#BCBDBF", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#98999B", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#FFFFFF", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#BCBDBF", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#E8E9EA", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#101012", - 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: "#98999B", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#BCBDBF", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#6597CE", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#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: "#101012", - 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: "#1A1D21", - 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: "#1A1D21", - 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: "#1A1D21", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#1A1D21", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#E8E9EA", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#FFFFFF", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#FFFFFF", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#22272B", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#2D3238", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#515357", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#0C291E", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#515357", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#98999B", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#BCBDBF", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#42AD86", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#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: "#42AD86", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#86D6B9", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#0F3326", - 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: "#13402F", - 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: "#256E53", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#288563", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#42AD86", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#6597CE", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#96BDE7", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#D1E8FF", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#4577AD", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#285685", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#142C45", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#102337", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#142C45", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#285685", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#0C1B29", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#4577AD", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#285685", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#142C45", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#CF7945", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#E7AA84", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#FFE3D1", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#AD6234", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#CF7945", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#E7AA84", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#361D0E", - 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: "#4A2915", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#8A4E29", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#29170C", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#8A4E29", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#AD6234", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#CF7945", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#C74C6B", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#EA8AA3", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#FFD1DD", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#B23655", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#C74C6B", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#EA8AA3", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#34101A", - 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: "#451522", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#8F2843", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#290F16", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#8F2843", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#B23655", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#C74C6B", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#865C99", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#B990CC", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#F0D1FF", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#693B80", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#865C99", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#B990CC", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#291433", - 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: "#33193F", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#542F66", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#200F29", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#542F66", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#693B80", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#865C99", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#98999B", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#22272B", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#515357", - description: "Used as the border for disabled components" - },nakedContent:{ - name: "disabled.nakedContent", - hex: "#22272B", - - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#2D3238", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#98999B", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#1B2228", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#2D3238", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#FFFFFF", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#BCBDBF", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#B23655", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#BCBDBF", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#4577AD", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#B23655", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#98999B", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#FFFFFF", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#2D3238", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#8F2843", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#515357", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#98999B", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#BCBDBF", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#285685", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#515357", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#515357", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#E8E9EA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E8E9EA", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2D3238", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#E8E9EA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#000000", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#86D6B9", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#0F3326", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#13402F", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#256E53", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#D6BA87", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#33260F", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#402F13", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#6E5225", - - }},}; \ 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 a71c7330..00000000 --- a/dist/documentation/themes/emerson.d.ts +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js deleted file mode 100644 index 18b5d66c..00000000 --- a/dist/documentation/themes/emerson.js +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#36485C", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#475A70", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#596D84", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#FFFFFF", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#FFFFFF", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#FFFFFF", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#36485C", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#2E3A47", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#212933", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FCFEFF", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#2E3A47", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as buttons" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as buttons" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#C8D3E0", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#000000", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#275E43", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#EBF2EF", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#D1E0D9", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#B6CFC2", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#5E4D27", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#F6F1E5", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#E4D9C2", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts deleted file mode 100644 index a71c7330..00000000 --- a/dist/documentation/themes/light.d.ts +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js deleted file mode 100644 index 3d9b3102..00000000 --- a/dist/documentation/themes/light.js +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#36485C", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#475A70", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#FFFFFF", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#FFFFFF", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#FFFFFF", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#FFFFFF", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#36485C", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#2E3A47", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#212933", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FCFEFF", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for primary components" - },borderHover:{ - name: "primary.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for primary components" - },borderActive:{ - name: "primary.borderActive", - hex: "#2E3A47", - description: "Used for the pressed border colour for primary components" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#C8D3E0", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#36485C", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#275E43", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#EBF2EF", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#D1E0D9", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#B6CFC2", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#5E4D27", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#F6F1E5", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#E4D9C2", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts deleted file mode 100644 index a71c7330..00000000 --- a/dist/documentation/themes/lightDS3.d.ts +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const text : {emphasis:{ - name: string, - hex: string, - description: string - },body:{ - name: string, - hex: string, - description: string - },subdued:{ - name: string, - hex: string, - description: string - },onBackground:{ - name: string, - hex: string, - description: string - }}; -export const system : {textLabelEmphasis:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - },borderFocused:{ - name: string, - hex: string, - description: string - }}; -export const surface : {level0:{ - name: string, - hex: string, - description: string - },level1:{ - name: string, - hex: string, - description: string - },level2:{ - name: string, - hex: string, - description: string - },interactiveBackground:{ - name: string, - hex: string, - description: string - },interactiveHover:{ - name: string, - hex: string, - description: string - },interactiveActive:{ - name: string, - hex: string, - description: string - },overlayDark:{ - name: string, - hex: string, - description: string - },overlayTheme:{ - name: string, - hex: string, - description: string - },overlayBackdrop:{ - name: string, - hex: string, - description: string - }}; -export const primary : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const success : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const info : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const warning : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const danger : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const highlight : {textBase:{ - name: string, - hex: string, - description: string - },textHover:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },backgroundMuted:{ - name: string, - hex: string, - description: string - },backgroundMutedHover:{ - name: string, - hex: string, - description: string - },backgroundMutedActive:{ - name: string, - hex: string, - description: string - },backgroundBox:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const disabled : {text:{ - name: string, - hex: string, - description: string - },background:{ - name: string, - hex: string, - description: string - },nakedBackground:{ - name: string, - hex: string, - description: string - },border:{ - name: string, - hex: string, - description: string - },inputBackground:{ - name: string, - hex: string, - description: string - },inputLabelText:{ - name: string, - hex: string, - description: string - }}; -export const input : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundInformation:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },textInformation:{ - name: string, - hex: string, - description: string - },textInformationError:{ - name: string, - hex: string, - description: string - },textLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabel:{ - name: string, - hex: string, - description: string - },textFloatingLabelError:{ - name: string, - hex: string, - description: string - },textPlaceholder:{ - name: string, - hex: string, - description: string - },textActive:{ - name: string, - hex: string, - description: string - },borderBase:{ - name: string, - hex: string, - description: string - },borderError:{ - name: string, - hex: string, - description: string - },borderHover:{ - name: string, - hex: string, - description: string - },borderEmphasized:{ - name: string, - hex: string, - description: string - },borderEmphasizedHover:{ - name: string, - hex: string, - description: string - },borderActive:{ - name: string, - hex: string, - description: string - }}; -export const separator : {base:{ - name: string, - hex: string, - description: string - }}; -export const light : {backgroundBase:{ - name: string, - hex: string, - description: string - },backgroundContrast:{ - name: string, - hex: string, - description: string - },backgroundHover:{ - name: string, - hex: string, - description: string - },backgroundActive:{ - name: string, - hex: string, - description: string - },textBase:{ - name: string, - hex: string, - description: string - },linkMutedBase:{ - name: string, - hex: string, - description: string - },linkMutedHover:{ - name: string, - hex: string, - description: string - }}; -export const shadow : {base:{ - name: string, - hex: string, - description: string - }}; -export const accent : {forestTextBase:{ - name: string, - hex: string, - - },forestBackgroundMuted:{ - name: string, - hex: string, - - },forestBackgroundMutedHover:{ - name: string, - hex: string, - - },forestBackgroundMutedActive:{ - name: string, - hex: string, - - },sandTextBase:{ - name: string, - hex: string, - - },sandBackgroundMuted:{ - name: string, - hex: string, - - },sandBackgroundMutedHover:{ - name: string, - hex: string, - - },sandBackgroundMutedActive:{ - name: string, - hex: string, - - }}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js deleted file mode 100644 index b9f060b9..00000000 --- a/dist/documentation/themes/lightDS3.js +++ /dev/null @@ -1,596 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {text : {emphasis:{ - name: "text.emphasis", - hex: "#36485C", - description: "Used for any text content and icons used with text that needs emphasizing" - },body:{ - name: "text.body", - hex: "#475A70", - description: "Used for default text content and icons used with text" - },subdued:{ - name: "text.subdued", - hex: "#596D84", - description: "Used for any text content and icons used with text that requires less prominence" - },onBackground:{ - name: "text.onBackground", - hex: "#FFFFFF", - description: "For use on darker or colour profile backgrounds that require highly contrasted text" - }}, -system : {textLabelEmphasis:{ - name: "system.textLabelEmphasis", - hex: "#2E3A47", - description: "Used for any text content and icons used with text that needs emphasizing" - },textBase:{ - name: "system.textBase", - hex: "#475A70", - description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" - },textHover:{ - name: "system.textHover", - hex: "#36485C", - description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" - },textActive:{ - name: "system.textActive", - hex: "#2E3A47", - description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" - },backgroundBase:{ - name: "system.backgroundBase", - hex: "#FFFFFF", - description: "Used as the background for system components" - },backgroundMuted:{ - name: "system.backgroundMuted", - hex: "#F5F7FA", - description: "Used as the muted background for system components" - },backgroundMutedHover:{ - name: "system.backgroundMutedHover", - hex: "#E6EDF5", - description: "Used as the hovered muted background for system components" - },backgroundMutedActive:{ - name: "system.backgroundMutedActive", - hex: "#C8D3E0", - description: "Used as the pressed muted background for system components" - },backgroundBox:{ - name: "system.backgroundBox", - hex: "#FCFEFF", - description: "Used as a background colour for a system container like Box or Message" - },borderBase:{ - name: "system.borderBase", - hex: "#C8D3E0", - description: "Used for the border colour for system components" - },borderHover:{ - name: "system.borderHover", - hex: "#596D84", - description: "Used for the hovered border colour for system components" - },borderActive:{ - name: "system.borderActive", - hex: "#475A70", - description: "Used for the pressed border colour for system components" - },borderFocused:{ - name: "system.borderFocused", - hex: "#3971A8", - description: "Used for the focused border colour for system components" - }}, -surface : {level0:{ - name: "surface.level0", - hex: "#F5F7FA", - description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" - },level1:{ - name: "surface.level1", - hex: "#FFFFFF", - description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." - },level2:{ - name: "surface.level2", - hex: "#F5F7FA", - description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." - },interactiveBackground:{ - name: "surface.interactiveBackground", - hex: "#FFFFFF", - description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveHover:{ - name: "surface.interactiveHover", - hex: "#F5F7FA", - description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },interactiveActive:{ - name: "surface.interactiveActive", - hex: "#E6EDF5", - description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" - },overlayDark:{ - name: "surface.overlayDark", - hex: "#2E3A47", - description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" - },overlayTheme:{ - name: "surface.overlayTheme", - hex: "#FFFFFF", - description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" - },overlayBackdrop:{ - name: "surface.overlayBackdrop", - hex: "#36485C", - description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" - }}, -primary : {textBase:{ - name: "primary.textBase", - hex: "#307553", - description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" - },textHover:{ - name: "primary.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" - },textActive:{ - name: "primary.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" - },backgroundBase:{ - name: "primary.backgroundBase", - hex: "#307553", - description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "primary.backgroundHover", - hex: "#275E43", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundActive:{ - name: "primary.backgroundActive", - hex: "#244C38", - description: "Used as the hovered background for primary components such as plain buttons" - },backgroundMuted:{ - name: "primary.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "primary.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "primary.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" - },backgroundBox:{ - name: "primary.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "primary.borderBase", - hex: "#307553", - description: "Used for the border colour for primary components such as buttons and Message" - },borderHover:{ - name: "primary.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for primary components such as buttons" - },borderActive:{ - name: "primary.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for primary components such as buttons" - }}, -success : {textBase:{ - name: "success.textBase", - hex: "#307553", - description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" - },textHover:{ - name: "success.textHover", - hex: "#275E43", - description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" - },textActive:{ - name: "success.textActive", - hex: "#244C38", - description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" - },backgroundBase:{ - name: "success.backgroundBase", - hex: "#307553", - description: "Description to come." - },backgroundHover:{ - name: "success.backgroundHover", - hex: "#275E43", - description: "Description to come." - },backgroundActive:{ - name: "success.backgroundActive", - hex: "#244C38", - description: "Description to come." - },backgroundMuted:{ - name: "success.backgroundMuted", - hex: "#EBF2EF", - description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "success.backgroundMutedHover", - hex: "#D1E0D9", - description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "success.backgroundMutedActive", - hex: "#B6CFC2", - description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" - },backgroundBox:{ - name: "success.backgroundBox", - hex: "#FAFFFC", - description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" - },borderBase:{ - name: "success.borderBase", - hex: "#307553", - description: "Used for the border colour for successful intention versions of components such as buttons and Message" - },borderHover:{ - name: "success.borderHover", - hex: "#275E43", - description: "Used for the hovered border colour for successful components such as message" - },borderActive:{ - name: "success.borderActive", - hex: "#244C38", - description: "Used for the pressed border colour for successful components such as message" - }}, -info : {textBase:{ - name: "info.textBase", - hex: "#3971A8", - description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" - },textHover:{ - name: "info.textHover", - hex: "#21588F", - description: "Used as the hovered colour for interactive informational components such as links and text buttons" - },textActive:{ - name: "info.textActive", - hex: "#194673", - description: "Used as the pressed colour for interactive informational components such as links and text buttons" - },backgroundBase:{ - name: "info.backgroundBase", - hex: "#3971A8", - description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "info.backgroundHover", - hex: "#21588F", - description: "Used as the hovered background for informational components such as plain buttons" - },backgroundActive:{ - name: "info.backgroundActive", - hex: "#194673", - description: "Used as the pressed background for informational components such as plain buttons" - },backgroundMuted:{ - name: "info.backgroundMuted", - hex: "#E6F1FC", - description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "info.backgroundMutedHover", - hex: "#C0D8F0", - description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "info.backgroundMutedActive", - hex: "#88B1D9", - description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" - },backgroundBox:{ - name: "info.backgroundBox", - hex: "#F5FAFF", - description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "info.borderBase", - hex: "#3971A8", - description: "Used for the border colour for informational components such as buttons and Message" - },borderHover:{ - name: "info.borderHover", - hex: "#21588F", - description: "Used for the hovered border colour for informational components such as buttons" - },borderActive:{ - name: "info.borderActive", - hex: "#194673", - description: "Used for the pressed border colour for informational components such as buttons" - }}, -warning : {textBase:{ - name: "warning.textBase", - hex: "#B4631D", - description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" - },textHover:{ - name: "warning.textHover", - hex: "#8E4D14", - description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" - },textActive:{ - name: "warning.textActive", - hex: "#784213", - description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" - },backgroundBase:{ - name: "warning.backgroundBase", - hex: "#B4631D", - description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "warning.backgroundHover", - hex: "#8E4D14", - description: "Used as the hovered background for warning components such as plain buttons" - },backgroundActive:{ - name: "warning.backgroundActive", - hex: "#784213", - description: "Used as the pressed background for warning components such as plain buttons" - },backgroundMuted:{ - name: "warning.backgroundMuted", - hex: "#FFF3E8", - description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "warning.backgroundMutedHover", - hex: "#F3D8C0", - description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "warning.backgroundMutedActive", - hex: "#E7B88F", - description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" - },backgroundBox:{ - name: "warning.backgroundBox", - hex: "#FFFAF5", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "warning.borderBase", - hex: "#B4631D", - description: "Used for the border colour for warning components such as buttons and Message" - },borderHover:{ - name: "warning.borderHover", - hex: "#8E4D14", - description: "Used for the hovered border colour for warning components" - },borderActive:{ - name: "warning.borderActive", - hex: "#784213", - description: "Used for the pressed border colour for warning components such as buttons" - }}, -danger : {textBase:{ - name: "danger.textBase", - hex: "#AF2645", - description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" - },textHover:{ - name: "danger.textHover", - hex: "#980B29", - description: "Used as the hovered colour for interactive danger components such as links and text buttons" - },textActive:{ - name: "danger.textActive", - hex: "#800D25", - description: "Used as the pressed colour for interactive danger components such as links and text buttons" - },backgroundBase:{ - name: "danger.backgroundBase", - hex: "#AF2645", - description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "danger.backgroundHover", - hex: "#980B29", - description: "Used as the hovered background for danger components such as plain buttons" - },backgroundActive:{ - name: "danger.backgroundActive", - hex: "#800D25", - description: "Used as the pressed background for danger components such as plain buttons" - },backgroundMuted:{ - name: "danger.backgroundMuted", - hex: "#FEEEF2", - description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "danger.backgroundMutedHover", - hex: "#F0C4CD", - description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "danger.backgroundMutedActive", - hex: "#E296A6", - description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" - },backgroundBox:{ - name: "danger.backgroundBox", - hex: "#FFF7F9", - description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "danger.borderBase", - hex: "#AF2645", - description: "Used for the border colour for danger components such as buttons and Message" - },borderHover:{ - name: "danger.borderHover", - hex: "#980B29", - description: "Used for the hovered border colour for danger components such as buttons" - },borderActive:{ - name: "danger.borderActive", - hex: "#800D25", - description: "Used for the pressed border colour for danger components such as buttons" - }}, -highlight : {textBase:{ - name: "highlight.textBase", - hex: "#533E7D", - description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" - },textHover:{ - name: "highlight.textHover", - hex: "#3B2566", - description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" - },textActive:{ - name: "highlight.textActive", - hex: "#2A174F", - description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" - },backgroundBase:{ - name: "highlight.backgroundBase", - hex: "#533E7D", - description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" - },backgroundHover:{ - name: "highlight.backgroundHover", - hex: "#3B2566", - description: "Used as the hovered background for highlight components such as plain buttons" - },backgroundActive:{ - name: "highlight.backgroundActive", - hex: "#2A174F", - description: "Used as the pressed background for highlight components such as plain buttons" - },backgroundMuted:{ - name: "highlight.backgroundMuted", - hex: "#F2ECFE", - description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedHover:{ - name: "highlight.backgroundMutedHover", - hex: "#D7CEE9", - description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundMutedActive:{ - name: "highlight.backgroundMutedActive", - hex: "#B9ABD5", - description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" - },backgroundBox:{ - name: "highlight.backgroundBox", - hex: "#FCFAFF", - description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" - },borderBase:{ - name: "highlight.borderBase", - hex: "#533E7D", - description: "Used for the border colour for highlight components such as buttons and Message" - },borderHover:{ - name: "highlight.borderHover", - hex: "#3B2566", - description: "Used for the hovered border colour for highlight components" - },borderActive:{ - name: "highlight.borderActive", - hex: "#2A174F", - description: "Used for the pressed border colour for highlight components such as buttons and Message" - }}, -disabled : {text:{ - name: "disabled.text", - hex: "#596D84", - description: "For use in disabled content like text and icons" - },background:{ - name: "disabled.background", - hex: "#F5F7FA", - description: "Used as the background colour for disabled components" - },nakedBackground:{ - name: "disabled.nakedBackground", - hex: "transparent", - description: "Used for the background in disabled components with little to no styling" - },border:{ - name: "disabled.border", - hex: "#C8D3E0", - description: "Used as the border for disabled components" - },inputBackground:{ - name: "disabled.inputBackground", - hex: "#E6EDF5", - description: "For use in disabled inputs as the background colour" - },inputLabelText:{ - name: "disabled.inputLabelText", - hex: "#596D84", - description: "Used as the label colour for disabled inputs" - }}, -input : {backgroundBase:{ - name: "input.backgroundBase", - hex: "#F5F7FA", - description: "Used as the default background colour for HTML inputs" - },backgroundHover:{ - name: "input.backgroundHover", - hex: "#E6EDF5", - description: "Used as the hovered background colour for HTML inputs" - },backgroundInformation:{ - name: "input.backgroundInformation", - hex: "#FFFFFF", - description: "Used as the default background colour for the text description below the input" - },textBase:{ - name: "input.textBase", - hex: "#475A70", - description: "Used for the default filled text colour for HTML inputs" - },textInformation:{ - name: "input.textInformation", - hex: "#475A70", - description: "Used as the text content colour for the text description below the input" - },textInformationError:{ - name: "input.textInformationError", - hex: "#AF2645", - description: "Used as the text content colour for the text description below the input when there are errors" - },textLabel:{ - name: "input.textLabel", - hex: "#475A70", - description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" - },textFloatingLabel:{ - name: "input.textFloatingLabel", - hex: "#3971A8", - description: "Used as the floated label colour when the HTML input has focus" - },textFloatingLabelError:{ - name: "input.textFloatingLabelError", - hex: "#AF2645", - description: "Used as the static and floated label colour when the input is in an error state" - },textPlaceholder:{ - name: "input.textPlaceholder", - hex: "#596D84", - description: "Used as the default placeholder text colour for basic and search inputs" - },textActive:{ - name: "input.textActive", - hex: "#2E3A47", - description: "Used as the label colour for labels that don't float when focused, like the select component" - },borderBase:{ - name: "input.borderBase", - hex: "#E6EDF5", - description: "Used as the default border colour" - },borderError:{ - name: "input.borderError", - hex: "#AF2645", - description: "Used for the border colour when the input is in an error state" - },borderHover:{ - name: "input.borderHover", - hex: "#C8D3E0", - description: "Used as the hovered border colour" - },borderEmphasized:{ - name: "input.borderEmphasized", - hex: "#596D84", - description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" - },borderEmphasizedHover:{ - name: "input.borderEmphasizedHover", - hex: "#475A70", - description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" - },borderActive:{ - name: "input.borderActive", - hex: "#3971A8", - description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" - }}, -separator : {base:{ - name: "separator.base", - hex: "#E6EDF5", - description: "Used for the colour of the separator element" - }}, -light : {backgroundBase:{ - name: "light.backgroundBase", - hex: "#FFFFFF", - description: "For use as background colour in light profile components on contrasting surface backgrounds" - },backgroundContrast:{ - name: "light.backgroundContrast", - hex: "#475A70", - description: "For use as a contrasting background colour in light profile components, to match shade of surface background" - },backgroundHover:{ - name: "light.backgroundHover", - hex: "#F5F7FA", - description: "For use as background hover colour in light profile components on contrasting surface backgrounds" - },backgroundActive:{ - name: "light.backgroundActive", - hex: "#E6EDF5", - description: "For use as background active colour in light profile components on contrasting surface backgrounds" - },textBase:{ - name: "light.textBase", - hex: "#2E3A47", - description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" - },linkMutedBase:{ - name: "light.linkMutedBase", - hex: "#F5F7FA", - description: "Used as link colour for light profile components on contrasting surface backgrounds" - },linkMutedHover:{ - name: "light.linkMutedHover", - hex: "#FFFFFF", - description: "Used for link hover colour for light profile components on contrasting surface backgrounds" - }}, -shadow : {base:{ - name: "shadow.base", - hex: "#36485C", - description: "For use only with box shadow tokens" - }}, -accent : {forestTextBase:{ - name: "accent.forestTextBase", - hex: "#275E43", - - },forestBackgroundMuted:{ - name: "accent.forestBackgroundMuted", - hex: "#EBF2EF", - - },forestBackgroundMutedHover:{ - name: "accent.forestBackgroundMutedHover", - hex: "#D1E0D9", - - },forestBackgroundMutedActive:{ - name: "accent.forestBackgroundMutedActive", - hex: "#B6CFC2", - - },sandTextBase:{ - name: "accent.sandTextBase", - hex: "#5E4D27", - - },sandBackgroundMuted:{ - name: "accent.sandBackgroundMuted", - hex: "#F6F1E5", - - },sandBackgroundMutedHover:{ - name: "accent.sandBackgroundMutedHover", - hex: "#E4D9C2", - - },sandBackgroundMutedActive:{ - name: "accent.sandBackgroundMutedActive", - hex: "#DACCAA", - - }},}; \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts deleted file mode 100644 index 05da7d25..00000000 --- a/dist/helpers/colorProfileMapper.d.ts +++ /dev/null @@ -1,109 +0,0 @@ -import type { AviaryTheme } from "../types/themes"; -export declare const colorProfileMapper: (currentTheme: AviaryTheme) => { - primary: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - info: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - warning: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - danger: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - highlight: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; - system: { - textLabelEmphasis: string; - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - borderFocused: string; - }; - success: { - textBase: string; - textHover: string; - textActive: string; - backgroundBase: string; - backgroundHover: string; - backgroundActive: string; - backgroundMuted: string; - backgroundMutedHover: string; - backgroundMutedActive: string; - backgroundBox: string; - borderBase: string; - borderHover: string; - borderActive: string; - }; -}; -//# sourceMappingURL=colorProfileMapper.d.ts.map \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map deleted file mode 100644 index 3c1e9e83..00000000 --- a/dist/helpers/colorProfileMapper.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js deleted file mode 100644 index e5da22d5..00000000 --- a/dist/helpers/colorProfileMapper.js +++ /dev/null @@ -1,21 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.colorProfileMapper = void 0; - -// Used for mapping over selected `isColor` properties -var colorProfileMapper = function colorProfileMapper(currentTheme) { - return { - primary: currentTheme.primary, - info: currentTheme.info, - warning: currentTheme.warning, - danger: currentTheme.danger, - highlight: currentTheme.highlight, - system: currentTheme.system, - success: currentTheme.success - }; -}; - -exports.colorProfileMapper = colorProfileMapper; \ No newline at end of file diff --git a/dist/helpers/index.d.ts b/dist/helpers/index.d.ts deleted file mode 100644 index 7a4a22d6..00000000 --- a/dist/helpers/index.d.ts +++ /dev/null @@ -1,2 +0,0 @@ -export * from "./colorProfileMapper"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/helpers/index.d.ts.map b/dist/helpers/index.d.ts.map deleted file mode 100644 index 94ae4bb1..00000000 --- a/dist/helpers/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"} \ No newline at end of file diff --git a/dist/helpers/index.js b/dist/helpers/index.js deleted file mode 100644 index 155de21a..00000000 --- a/dist/helpers/index.js +++ /dev/null @@ -1,24 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _colorProfileMapper = require("./colorProfileMapper"); - -Object.keys(_colorProfileMapper).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _colorProfileMapper[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _colorProfileMapper[key]; - } - }); -}); \ No newline at end of file diff --git a/dist/index.d.ts b/dist/index.d.ts deleted file mode 100644 index dcd56928..00000000 --- a/dist/index.d.ts +++ /dev/null @@ -1,9 +0,0 @@ -export * from "./helpers"; -export * from "./types"; -export * as borders from "../dist/tokens/ts/borders"; -export * as typography from "../dist/tokens/ts/typography"; -export * as lightThemeDocumentation from "../dist/documentation/themes/light"; -export * as darkThemeDocumentation from "../dist/documentation/themes/dark"; -export * as coreDarkDocumentation from "../dist/documentation/core-dark-colors"; -export * as coreLightDocumentation from "../dist/documentation/core-light-colors"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map deleted file mode 100644 index 666537dc..00000000 --- a/dist/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,uBAAuB,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,sBAAsB,MAAM,mCAAmC,CAAC;AAG5E,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAChF,OAAO,KAAK,sBAAsB,MAAM,yCAAyC,CAAC"} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js deleted file mode 100644 index b653d350..00000000 --- a/dist/index.js +++ /dev/null @@ -1,94 +0,0 @@ -"use strict"; - -function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } - -require("core-js/modules/es.array.iterator.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.string.iterator.js"); - -require("core-js/modules/es.weak-map.js"); - -require("core-js/modules/web.dom-collections.iterator.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.symbol.description.js"); - -require("core-js/modules/es.symbol.iterator.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -var _exportNames = { - borders: true, - typography: true, - lightThemeDocumentation: true, - darkThemeDocumentation: true, - coreDarkDocumentation: true, - coreLightDocumentation: true -}; -exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = exports.borders = void 0; - -var _helpers = require("./helpers"); - -Object.keys(_helpers).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; - if (key in exports && exports[key] === _helpers[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _helpers[key]; - } - }); -}); - -var _types = require("./types"); - -Object.keys(_types).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; - if (key in exports && exports[key] === _types[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _types[key]; - } - }); -}); - -var _borders = _interopRequireWildcard(require("../dist/tokens/ts/borders")); - -exports.borders = _borders; - -var _typography = _interopRequireWildcard(require("../dist/tokens/ts/typography")); - -exports.typography = _typography; - -var _lightThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/light")); - -exports.lightThemeDocumentation = _lightThemeDocumentation; - -var _darkThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/dark")); - -exports.darkThemeDocumentation = _darkThemeDocumentation; - -var _coreDarkDocumentation = _interopRequireWildcard(require("../dist/documentation/core-dark-colors")); - -exports.coreDarkDocumentation = _coreDarkDocumentation; - -var _coreLightDocumentation = _interopRequireWildcard(require("../dist/documentation/core-light-colors")); - -exports.coreLightDocumentation = _coreLightDocumentation; - -function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } - -function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts deleted file mode 100644 index b128485b..00000000 --- a/dist/tokens/native/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 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 7ba4fdde..00000000 --- a/dist/tokens/native/borders.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 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 12ec7ad1..00000000 --- a/dist/tokens/native/core-dark-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 73ce4c15..00000000 --- a/dist/tokens/native/core-dark-colors.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, -blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, -red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, -orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, -grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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 3289136f..00000000 --- a/dist/tokens/native/core-light-colors.d.ts +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 3ea9f665..00000000 --- a/dist/tokens/native/core-light-colors.js +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, -blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, -red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, -purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, -orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, -grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, -brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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 cd44fe19..00000000 --- a/dist/tokens/native/themes/dark.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 5496b4bf..00000000 --- a/dist/tokens/native/themes/dark.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {theme: "dark", -text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, -surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, -primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, -success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, -info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, -warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, -danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, -highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, -disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, -input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, -separator : {base : "#515357"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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 2af19d73..00000000 --- a/dist/tokens/native/themes/emerson.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 07b82dd4..00000000 --- a/dist/tokens/native/themes/emerson.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {theme: "emerson", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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 2af19d73..00000000 --- a/dist/tokens/native/themes/light.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 a7ebc879..00000000 --- a/dist/tokens/native/themes/light.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {theme: "light", -text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 2af19d73..00000000 --- a/dist/tokens/native/themes/lightDS3.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 f9f8ccc7..00000000 --- a/dist/tokens/native/themes/lightDS3.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {theme: "lightDS3", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 17c93b46..00000000 --- a/dist/tokens/native/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 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 9a0b84db..00000000 --- a/dist/tokens/native/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 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 6b30fdce..00000000 --- a/dist/tokens/scss/borders.scss +++ /dev/null @@ -1,9 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 15:51:44 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 ed3a8e59..00000000 --- a/dist/tokens/scss/core-dark-colors.scss +++ /dev/null @@ -1,59 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 15:51:44 GMT - -$green100: #0C291E; -$green200: #0F3326; -$green300: #13402F; -$green400: #256E53; -$green500: #288563; -$green600: #42AD86; -$green700: #86D6B9; -$green800: #DBFFF1; -$blue100: #0C1B29; -$blue200: #102337; -$blue300: #142C45; -$blue400: #285685; -$blue500: #4577AD; -$blue600: #6597CE; -$blue700: #96BDE7; -$blue800: #D1E8FF; -$red100: #290F16; -$red200: #34101A; -$red300: #451522; -$red400: #8F2843; -$red500: #B23655; -$red600: #C74C6B; -$red700: #EA8AA3; -$red800: #FFD1DD; -$purple100: #200F29; -$purple200: #291433; -$purple300: #33193F; -$purple400: #542F66; -$purple500: #693B80; -$purple600: #865C99; -$purple700: #B990CC; -$purple800: #F0D1FF; -$orange100: #29170C; -$orange200: #361D0E; -$orange300: #4A2915; -$orange400: #8A4E29; -$orange500: #AD6234; -$orange600: #CF7945; -$orange700: #E7AA84; -$orange800: #FFE3D1; -$grey100: #101012; -$grey200: #1A1D21; -$grey300: #22272B; -$grey400: #2D3238; -$grey500: #515357; -$grey600: #98999B; -$grey700: #BCBDBF; -$grey800: #E8E9EA; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; -$brown200: #33260F; -$brown300: #402F13; -$brown400: #6E5225; -$brown700: #D6BA87; \ 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 ca849f22..00000000 --- a/dist/tokens/scss/core-light-colors.scss +++ /dev/null @@ -1,68 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 15:51:44 GMT - -$green100: #FAFFFC; -$green200: #EBF2EF; -$green300: #D1E0D9; -$green400: #B6CFC2; -$green500: #86B09B; -$green600: #307553; -$green700: #275E43; -$green800: #244C38; -$blue100: #F5FAFF; -$blue200: #E6F1FC; -$blue300: #C0D8F0; -$blue400: #88B1D9; -$blue500: #5D96CF; -$blue600: #3971A8; -$blue700: #21588F; -$blue800: #194673; -$red100: #FFF7F9; -$red200: #FEEEF2; -$red300: #F0C4CD; -$red400: #E296A6; -$red500: #C6516A; -$red600: #AF2645; -$red700: #980B29; -$red800: #800D25; -$purple100: #FCFAFF; -$purple200: #F2ECFE; -$purple300: #D7CEE9; -$purple400: #B9ABD5; -$purple500: #8471AB; -$purple600: #533E7D; -$purple700: #3B2566; -$purple800: #2A174F; -$orange100: #FFFAF5; -$orange200: #FFF3E8; -$orange300: #F3D8C0; -$orange400: #E7B88F; -$orange500: #CF8545; -$orange600: #B4631D; -$orange700: #8E4D14; -$orange800: #784213; -$grey100: #FCFEFF; -$grey200: #F5F7FA; -$grey300: #E6EDF5; -$grey400: #C8D3E0; -$grey500: #596D84; -$grey600: #475A70; -$grey700: #36485C; -$grey800: #2E3A47; -$grey900: #212933; -$shadesWhite: #FFFFFF; -$shadesBlack: #000000; -$shadesTransparent: transparent; -$yellow100: #faf8f2; -$yellow200: #fcf3dd; -$yellow300: #fce7b1; -$yellow400: #fcd97e; -$yellow500: #fccb4c; -$yellow600: #ffc121; -$yellow700: #f7b200; -$yellow800: #e5a500; -$brown200: #F6F1E5; -$brown300: #E4D9C2; -$brown400: #DACCAA; -$brown700: #5E4D27; \ 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 c68feaa2..00000000 --- a/dist/tokens/scss/themes/dark.scss +++ /dev/null @@ -1,149 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 15:51:44 GMT - -$textEmphasis: #E8E9EA; -$textBody: #BCBDBF; -$textSubdued: #98999B; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #FFFFFF; -$systemTextBase: #BCBDBF; -$systemTextHover: #E8E9EA; -$systemTextActive: #FFFFFF; -$systemBackgroundBase: #101012; -$systemBackgroundMuted: #22272B; -$systemBackgroundMutedHover: #2D3238; -$systemBackgroundMutedActive: #515357; -$systemBackgroundBox: #1A1D21; -$systemBorderBase: #515357; -$systemBorderHover: #98999B; -$systemBorderActive: #BCBDBF; -$systemBorderFocused: #6597CE; -$surfaceLevel0: #101012; -$surfaceLevel1: #101012; -$surfaceLevel2: #22272B; -$surfaceInteractiveBackground: #1A1D21; -$surfaceInteractiveHover: #22272B; -$surfaceInteractiveActive: #2D3238; -$surfaceOverlayDark: #22272B; -$surfaceOverlayTheme: #1A1D21; -$surfaceOverlayBackdrop: #1A1D21; -$primaryTextBase: #1A1D21; -$primaryTextHover: #1A1D21; -$primaryTextActive: #1A1D21; -$primaryBackgroundBase: #E8E9EA; -$primaryBackgroundHover: #FFFFFF; -$primaryBackgroundActive: #FFFFFF; -$primaryBackgroundMuted: #22272B; -$primaryBackgroundMutedHover: #2D3238; -$primaryBackgroundMutedActive: #515357; -$primaryBackgroundBox: #0C291E; -$primaryBorderBase: #515357; -$primaryBorderHover: #98999B; -$primaryBorderActive: #BCBDBF; -$successTextBase: #42AD86; -$successTextHover: #86D6B9; -$successTextActive: #DBFFF1; -$successBackgroundBase: #288563; -$successBackgroundHover: #42AD86; -$successBackgroundActive: #86D6B9; -$successBackgroundMuted: #0F3326; -$successBackgroundMutedHover: #13402F; -$successBackgroundMutedActive: #256E53; -$successBackgroundBox: #0C291E; -$successBorderBase: #256E53; -$successBorderHover: #288563; -$successBorderActive: #42AD86; -$infoTextBase: #6597CE; -$infoTextHover: #96BDE7; -$infoTextActive: #D1E8FF; -$infoBackgroundBase: #4577AD; -$infoBackgroundHover: #285685; -$infoBackgroundActive: #142C45; -$infoBackgroundMuted: #102337; -$infoBackgroundMutedHover: #142C45; -$infoBackgroundMutedActive: #285685; -$infoBackgroundBox: #0C1B29; -$infoBorderBase: #4577AD; -$infoBorderHover: #285685; -$infoBorderActive: #142C45; -$warningTextBase: #CF7945; -$warningTextHover: #E7AA84; -$warningTextActive: #FFE3D1; -$warningBackgroundBase: #AD6234; -$warningBackgroundHover: #CF7945; -$warningBackgroundActive: #E7AA84; -$warningBackgroundMuted: #361D0E; -$warningBackgroundMutedHover: #4A2915; -$warningBackgroundMutedActive: #8A4E29; -$warningBackgroundBox: #29170C; -$warningBorderBase: #8A4E29; -$warningBorderHover: #AD6234; -$warningBorderActive: #CF7945; -$dangerTextBase: #C74C6B; -$dangerTextHover: #EA8AA3; -$dangerTextActive: #FFD1DD; -$dangerBackgroundBase: #B23655; -$dangerBackgroundHover: #C74C6B; -$dangerBackgroundActive: #EA8AA3; -$dangerBackgroundMuted: #34101A; -$dangerBackgroundMutedHover: #451522; -$dangerBackgroundMutedActive: #8F2843; -$dangerBackgroundBox: #290F16; -$dangerBorderBase: #8F2843; -$dangerBorderHover: #B23655; -$dangerBorderActive: #C74C6B; -$highlightTextBase: #865C99; -$highlightTextHover: #B990CC; -$highlightTextActive: #F0D1FF; -$highlightBackgroundBase: #693B80; -$highlightBackgroundHover: #865C99; -$highlightBackgroundActive: #B990CC; -$highlightBackgroundMuted: #291433; -$highlightBackgroundMutedHover: #33193F; -$highlightBackgroundMutedActive: #542F66; -$highlightBackgroundBox: #200F29; -$highlightBorderBase: #542F66; -$highlightBorderHover: #693B80; -$highlightBorderActive: #865C99; -$disabledText: #98999B; -$disabledBackground: #22272B; -$disabledNakedBackground: transparent; -$disabledBorder: #515357; -$disabledNakedContent: #22272B; -$disabledInputBackground: #2D3238; -$disabledInputLabelText: #98999B; -$inputBackgroundBase: #1B2228; -$inputBackgroundHover: #2D3238; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #FFFFFF; -$inputTextInformation: #BCBDBF; -$inputTextInformationError: #B23655; -$inputTextLabel: #BCBDBF; -$inputTextFloatingLabel: #4577AD; -$inputTextFloatingLabelError: #B23655; -$inputTextPlaceholder: #98999B; -$inputTextActive: #FFFFFF; -$inputBorderBase: #2D3238; -$inputBorderError: #8F2843; -$inputBorderHover: #515357; -$inputBorderEmphasized: #98999B; -$inputBorderEmphasizedHover: #BCBDBF; -$inputBorderActive: #285685; -$separatorBase: #515357; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #515357; -$lightBackgroundHover: #E8E9EA; -$lightBackgroundActive: #E8E9EA; -$lightTextBase: #2D3238; -$lightLinkMutedBase: #E8E9EA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #000000; -$accentForestTextBase: #86D6B9; -$accentForestBackgroundMuted: #0F3326; -$accentForestBackgroundMutedHover: #13402F; -$accentForestBackgroundMutedActive: #256E53; -$accentSandTextBase: #D6BA87; -$accentSandBackgroundMuted: #33260F; -$accentSandBackgroundMutedHover: #402F13; -$accentSandBackgroundMutedActive: #6E5225; \ 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 f9c0a75f..00000000 --- a/dist/tokens/scss/themes/emerson.scss +++ /dev/null @@ -1,148 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 15:51:44 GMT - -$textEmphasis: #36485C; -$textBody: #475A70; -$textSubdued: #596D84; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #FFFFFF; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #FFFFFF; -$primaryTextHover: #FFFFFF; -$primaryTextActive: #FFFFFF; -$primaryBackgroundBase: #36485C; -$primaryBackgroundHover: #2E3A47; -$primaryBackgroundActive: #212933; -$primaryBackgroundMuted: #F5F7FA; -$primaryBackgroundMutedHover: #E6EDF5; -$primaryBackgroundMutedActive: #C8D3E0; -$primaryBackgroundBox: #FCFEFF; -$primaryBorderBase: #C8D3E0; -$primaryBorderHover: #596D84; -$primaryBorderActive: #2E3A47; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #C8D3E0; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #000000; -$accentForestTextBase: #275E43; -$accentForestBackgroundMuted: #EBF2EF; -$accentForestBackgroundMutedHover: #D1E0D9; -$accentForestBackgroundMutedActive: #B6CFC2; -$accentSandTextBase: #5E4D27; -$accentSandBackgroundMuted: #F6F1E5; -$accentSandBackgroundMutedHover: #E4D9C2; -$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss deleted file mode 100644 index 62871066..00000000 --- a/dist/tokens/scss/themes/light.scss +++ /dev/null @@ -1,148 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 15:51:44 GMT - -$textEmphasis: #2E3A47; -$textBody: #36485C; -$textSubdued: #475A70; -$textOnBackground: #FFFFFF; -$systemTextLabelEmphasis: #2E3A47; -$systemTextBase: #475A70; -$systemTextHover: #36485C; -$systemTextActive: #2E3A47; -$systemBackgroundBase: #FFFFFF; -$systemBackgroundMuted: #F5F7FA; -$systemBackgroundMutedHover: #E6EDF5; -$systemBackgroundMutedActive: #C8D3E0; -$systemBackgroundBox: #FCFEFF; -$systemBorderBase: #C8D3E0; -$systemBorderHover: #596D84; -$systemBorderActive: #475A70; -$systemBorderFocused: #3971A8; -$surfaceLevel0: #FFFFFF; -$surfaceLevel1: #FFFFFF; -$surfaceLevel2: #F5F7FA; -$surfaceInteractiveBackground: #FFFFFF; -$surfaceInteractiveHover: #F5F7FA; -$surfaceInteractiveActive: #E6EDF5; -$surfaceOverlayDark: #2E3A47; -$surfaceOverlayTheme: #FFFFFF; -$surfaceOverlayBackdrop: #36485C; -$primaryTextBase: #FFFFFF; -$primaryTextHover: #FFFFFF; -$primaryTextActive: #FFFFFF; -$primaryBackgroundBase: #36485C; -$primaryBackgroundHover: #2E3A47; -$primaryBackgroundActive: #212933; -$primaryBackgroundMuted: #F5F7FA; -$primaryBackgroundMutedHover: #E6EDF5; -$primaryBackgroundMutedActive: #C8D3E0; -$primaryBackgroundBox: #FCFEFF; -$primaryBorderBase: #C8D3E0; -$primaryBorderHover: #596D84; -$primaryBorderActive: #2E3A47; -$successTextBase: #307553; -$successTextHover: #275E43; -$successTextActive: #244C38; -$successBackgroundBase: #307553; -$successBackgroundHover: #275E43; -$successBackgroundActive: #244C38; -$successBackgroundMuted: #EBF2EF; -$successBackgroundMutedHover: #D1E0D9; -$successBackgroundMutedActive: #B6CFC2; -$successBackgroundBox: #FAFFFC; -$successBorderBase: #307553; -$successBorderHover: #275E43; -$successBorderActive: #244C38; -$infoTextBase: #3971A8; -$infoTextHover: #21588F; -$infoTextActive: #194673; -$infoBackgroundBase: #3971A8; -$infoBackgroundHover: #21588F; -$infoBackgroundActive: #194673; -$infoBackgroundMuted: #E6F1FC; -$infoBackgroundMutedHover: #C0D8F0; -$infoBackgroundMutedActive: #88B1D9; -$infoBackgroundBox: #F5FAFF; -$infoBorderBase: #3971A8; -$infoBorderHover: #21588F; -$infoBorderActive: #194673; -$warningTextBase: #B4631D; -$warningTextHover: #8E4D14; -$warningTextActive: #784213; -$warningBackgroundBase: #B4631D; -$warningBackgroundHover: #8E4D14; -$warningBackgroundActive: #784213; -$warningBackgroundMuted: #FFF3E8; -$warningBackgroundMutedHover: #F3D8C0; -$warningBackgroundMutedActive: #E7B88F; -$warningBackgroundBox: #FFFAF5; -$warningBorderBase: #B4631D; -$warningBorderHover: #8E4D14; -$warningBorderActive: #784213; -$dangerTextBase: #AF2645; -$dangerTextHover: #980B29; -$dangerTextActive: #800D25; -$dangerBackgroundBase: #AF2645; -$dangerBackgroundHover: #980B29; -$dangerBackgroundActive: #800D25; -$dangerBackgroundMuted: #FEEEF2; -$dangerBackgroundMutedHover: #F0C4CD; -$dangerBackgroundMutedActive: #E296A6; -$dangerBackgroundBox: #FFF7F9; -$dangerBorderBase: #AF2645; -$dangerBorderHover: #980B29; -$dangerBorderActive: #800D25; -$highlightTextBase: #533E7D; -$highlightTextHover: #3B2566; -$highlightTextActive: #2A174F; -$highlightBackgroundBase: #533E7D; -$highlightBackgroundHover: #3B2566; -$highlightBackgroundActive: #2A174F; -$highlightBackgroundMuted: #F2ECFE; -$highlightBackgroundMutedHover: #D7CEE9; -$highlightBackgroundMutedActive: #B9ABD5; -$highlightBackgroundBox: #FCFAFF; -$highlightBorderBase: #533E7D; -$highlightBorderHover: #3B2566; -$highlightBorderActive: #2A174F; -$disabledText: #596D84; -$disabledBackground: #F5F7FA; -$disabledNakedBackground: transparent; -$disabledBorder: #C8D3E0; -$disabledInputBackground: #E6EDF5; -$disabledInputLabelText: #596D84; -$inputBackgroundBase: #F5F7FA; -$inputBackgroundHover: #E6EDF5; -$inputBackgroundInformation: #FFFFFF; -$inputTextBase: #475A70; -$inputTextInformation: #475A70; -$inputTextInformationError: #AF2645; -$inputTextLabel: #475A70; -$inputTextFloatingLabel: #3971A8; -$inputTextFloatingLabelError: #AF2645; -$inputTextPlaceholder: #596D84; -$inputTextActive: #2E3A47; -$inputBorderBase: #E6EDF5; -$inputBorderError: #AF2645; -$inputBorderHover: #C8D3E0; -$inputBorderEmphasized: #596D84; -$inputBorderEmphasizedHover: #475A70; -$inputBorderActive: #3971A8; -$separatorBase: #C8D3E0; -$lightBackgroundBase: #FFFFFF; -$lightBackgroundContrast: #475A70; -$lightBackgroundHover: #F5F7FA; -$lightBackgroundActive: #E6EDF5; -$lightTextBase: #2E3A47; -$lightLinkMutedBase: #F5F7FA; -$lightLinkMutedHover: #FFFFFF; -$shadowBase: #36485C; -$accentForestTextBase: #275E43; -$accentForestBackgroundMuted: #EBF2EF; -$accentForestBackgroundMutedHover: #D1E0D9; -$accentForestBackgroundMutedActive: #B6CFC2; -$accentSandTextBase: #5E4D27; -$accentSandBackgroundMuted: #F6F1E5; -$accentSandBackgroundMutedHover: #E4D9C2; -$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss deleted file mode 100644 index 715c5bd2..00000000 --- a/dist/tokens/scss/themes/lightDS3.scss +++ /dev/null @@ -1,148 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 15:51:44 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; -$accentForestTextBase: #275E43; -$accentForestBackgroundMuted: #EBF2EF; -$accentForestBackgroundMutedHover: #D1E0D9; -$accentForestBackgroundMutedActive: #B6CFC2; -$accentSandTextBase: #5E4D27; -$accentSandBackgroundMuted: #F6F1E5; -$accentSandBackgroundMutedHover: #E4D9C2; -$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss deleted file mode 100644 index bb64f112..00000000 --- a/dist/tokens/scss/typography.scss +++ /dev/null @@ -1,116 +0,0 @@ - -// Do not edit directly -// Generated on Tue, 17 Oct 2023 15:51:44 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 06674655..00000000 --- a/dist/tokens/ts/borders.d.ts +++ /dev/null @@ -1,10 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 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 54ed6ae5..00000000 --- a/dist/tokens/ts/borders.js +++ /dev/null @@ -1,12 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 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 12ec7ad1..00000000 --- a/dist/tokens/ts/core-dark-colors.d.ts +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 73ce4c15..00000000 --- a/dist/tokens/ts/core-dark-colors.js +++ /dev/null @@ -1,13 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, -blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, -red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, -purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, -orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, -grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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 3289136f..00000000 --- a/dist/tokens/ts/core-light-colors.d.ts +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; -export const shades : {white : string,black : string,transparent : string}; -export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; -export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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 3ea9f665..00000000 --- a/dist/tokens/ts/core-light-colors.js +++ /dev/null @@ -1,14 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, -blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, -red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, -purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, -orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, -grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, -shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, -yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, -brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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 cd44fe19..00000000 --- a/dist/tokens/ts/themes/dark.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 5496b4bf..00000000 --- a/dist/tokens/ts/themes/dark.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {theme: "dark", -text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, -surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, -primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, -success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, -info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, -warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, -danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, -highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, -disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, -input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, -separator : {base : "#515357"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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 2af19d73..00000000 --- a/dist/tokens/ts/themes/emerson.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 07b82dd4..00000000 --- a/dist/tokens/ts/themes/emerson.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {theme: "emerson", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#000000"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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 2af19d73..00000000 --- a/dist/tokens/ts/themes/light.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 a7ebc879..00000000 --- a/dist/tokens/ts/themes/light.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {theme: "light", -text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#C8D3E0"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 2af19d73..00000000 --- a/dist/tokens/ts/themes/lightDS3.d.ts +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -export const theme: string; -export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; -export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; -export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; -export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; -export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; -export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; -export const separator : {base : string}; -export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; -export const shadow : {base : string}; -export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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 f9f8ccc7..00000000 --- a/dist/tokens/ts/themes/lightDS3.js +++ /dev/null @@ -1,21 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 GMT - */ - -module.exports = {theme: "lightDS3", -text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, -system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, -surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, -primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, -info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, -warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, -danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, -highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, -disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, -input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, -separator : {base : "#E6EDF5"}, -light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, -shadow : {base : "#36485C"}, -accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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 8ed0069f..00000000 --- a/dist/tokens/ts/typography.d.ts +++ /dev/null @@ -1,117 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 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 873f0eaf..00000000 --- a/dist/tokens/ts/typography.js +++ /dev/null @@ -1,119 +0,0 @@ -/** - * Do not edit directly - * Generated on Tue, 17 Oct 2023 15:51:44 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/accents.d.ts b/dist/types/accents.d.ts deleted file mode 100644 index f05772b4..00000000 --- a/dist/types/accents.d.ts +++ /dev/null @@ -1,8 +0,0 @@ -declare const AVIARY_ACCENTS: { - forest: string; - sand: string; -}; -declare type AviaryAccents = keyof typeof AVIARY_ACCENTS; -export type { AviaryAccents }; -export { AVIARY_ACCENTS }; -//# sourceMappingURL=accents.d.ts.map \ No newline at end of file diff --git a/dist/types/accents.d.ts.map b/dist/types/accents.d.ts.map deleted file mode 100644 index b2bd7f17..00000000 --- a/dist/types/accents.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"accents.d.ts","sourceRoot":"","sources":["../../src/types/accents.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,cAAc;;;CAGnB,CAAC;AAEF,aAAK,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAEjD,YAAY,EAAE,aAAa,EAAE,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/accents.js b/dist/types/accents.js deleted file mode 100644 index 4c036bd7..00000000 --- a/dist/types/accents.js +++ /dev/null @@ -1,11 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.AVIARY_ACCENTS = void 0; -var AVIARY_ACCENTS = { - forest: "forest", - sand: "sand" -}; -exports.AVIARY_ACCENTS = AVIARY_ACCENTS; \ No newline at end of file diff --git a/dist/types/index.d.ts b/dist/types/index.d.ts deleted file mode 100644 index 3bbc9771..00000000 --- a/dist/types/index.d.ts +++ /dev/null @@ -1,5 +0,0 @@ -export * from "./accents"; -export * from "./interfaces"; -export * from "./profiles"; -export * from "./intentions"; -//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/index.d.ts.map b/dist/types/index.d.ts.map deleted file mode 100644 index 1ff8e49a..00000000 --- a/dist/types/index.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"} \ No newline at end of file diff --git a/dist/types/index.js b/dist/types/index.js deleted file mode 100644 index 1acfb9c1..00000000 --- a/dist/types/index.js +++ /dev/null @@ -1,63 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.keys.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); - -var _accents = require("./accents"); - -Object.keys(_accents).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _accents[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _accents[key]; - } - }); -}); - -var _interfaces = require("./interfaces"); - -Object.keys(_interfaces).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _interfaces[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _interfaces[key]; - } - }); -}); - -var _profiles = require("./profiles"); - -Object.keys(_profiles).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _profiles[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _profiles[key]; - } - }); -}); - -var _intentions = require("./intentions"); - -Object.keys(_intentions).forEach(function (key) { - if (key === "default" || key === "__esModule") return; - if (key in exports && exports[key] === _intentions[key]) return; - Object.defineProperty(exports, key, { - enumerable: true, - get: function get() { - return _intentions[key]; - } - }); -}); \ No newline at end of file diff --git a/dist/types/intentions.d.ts b/dist/types/intentions.d.ts deleted file mode 100644 index 549a7988..00000000 --- a/dist/types/intentions.d.ts +++ /dev/null @@ -1,16 +0,0 @@ -declare const AVIARY_INTENTIONS: { - primary: string; - system: string; - danger: string; - success: string; - textSuccess: string; - textSystem: string; - textDanger: string; - lightFilled: string; - lightOutlined: string; - lightText: string; -}; -declare type AviaryIntentions = keyof typeof AVIARY_INTENTIONS; -export type { AviaryIntentions }; -export { AVIARY_INTENTIONS }; -//# sourceMappingURL=intentions.d.ts.map \ No newline at end of file diff --git a/dist/types/intentions.d.ts.map b/dist/types/intentions.d.ts.map deleted file mode 100644 index 1f79d160..00000000 --- a/dist/types/intentions.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"intentions.d.ts","sourceRoot":"","sources":["../../src/types/intentions.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;;;;;;;;;;CAWtB,CAAC;AAEF,aAAK,gBAAgB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAEvD,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/intentions.js b/dist/types/intentions.js deleted file mode 100644 index 85242ea9..00000000 --- a/dist/types/intentions.js +++ /dev/null @@ -1,19 +0,0 @@ -"use strict"; - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.AVIARY_INTENTIONS = void 0; -var AVIARY_INTENTIONS = { - primary: "primary", - system: "system", - danger: "danger", - success: "success", - textSuccess: "textSuccess", - textSystem: "textSystem", - textDanger: "textDanger", - lightFilled: "lightFilled", - lightOutlined: "lightOutlined", - lightText: "lightText" -}; -exports.AVIARY_INTENTIONS = AVIARY_INTENTIONS; \ No newline at end of file diff --git a/dist/types/interfaces.d.ts b/dist/types/interfaces.d.ts deleted file mode 100644 index ab0bd272..00000000 --- a/dist/types/interfaces.d.ts +++ /dev/null @@ -1,30 +0,0 @@ -declare const AVIARY_COLORS: { - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; - success: string; -}; -declare const EXTENDED_AVIARY_COLORS: { - light: string; - primary: string; - info: string; - warning: string; - danger: string; - highlight: string; - system: string; - success: string; -}; -declare type AviaryColors = keyof typeof AVIARY_COLORS; -declare type ExtendedAviaryColors = keyof typeof EXTENDED_AVIARY_COLORS; -interface AviaryColorProps { - isColor?: AviaryColors; -} -interface AviaryExtendedColorProps { - isColor?: ExtendedAviaryColors; -} -export type { AviaryColors, AviaryColorProps, AviaryExtendedColorProps, ExtendedAviaryColors, }; -export { AVIARY_COLORS, EXTENDED_AVIARY_COLORS }; -//# sourceMappingURL=interfaces.d.ts.map \ No newline at end of file diff --git a/dist/types/interfaces.d.ts.map b/dist/types/interfaces.d.ts.map deleted file mode 100644 index 57492602..00000000 --- a/dist/types/interfaces.d.ts.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa;;;;;;;;CAQlB,CAAC;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;CAG3B,CAAC;AAEF,aAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,aAAK,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEhE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AACD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,GACrB,CAAC;AACF,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js deleted file mode 100644 index 900be27c..00000000 --- a/dist/types/interfaces.js +++ /dev/null @@ -1,43 +0,0 @@ -"use strict"; - -require("core-js/modules/es.object.keys.js"); - -require("core-js/modules/es.symbol.js"); - -require("core-js/modules/es.array.filter.js"); - -require("core-js/modules/es.object.to-string.js"); - -require("core-js/modules/es.object.get-own-property-descriptor.js"); - -require("core-js/modules/web.dom-collections.for-each.js"); - -require("core-js/modules/es.object.get-own-property-descriptors.js"); - -Object.defineProperty(exports, "__esModule", { - value: true -}); -exports.EXTENDED_AVIARY_COLORS = exports.AVIARY_COLORS = void 0; - -function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } - -function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } - -function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } - -var AVIARY_COLORS = { - primary: "primary", - info: "info", - warning: "warning", - danger: "danger", - highlight: "highlight", - system: "system", - success: "success" -}; -exports.AVIARY_COLORS = AVIARY_COLORS; - -var EXTENDED_AVIARY_COLORS = _objectSpread(_objectSpread({}, AVIARY_COLORS), {}, { - light: "light" -}); - -exports.EXTENDED_AVIARY_COLORS = EXTENDED_AVIARY_COLORS; \ No newline at end of file diff --git a/dist/types/profiles.d.ts b/dist/types/profiles.d.ts deleted file mode 100644 index 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 From a878c0a92aca67d00302c71db63439ed4431dedb Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 17 Oct 2023 16:02:34 +0000 Subject: [PATCH 18/19] Built and updated design tokens --- dist/documentation/core-dark-colors.d.ts | 233 +++++++++ dist/documentation/core-dark-colors.js | 233 +++++++++ dist/documentation/core-light-colors.d.ts | 270 ++++++++++ dist/documentation/core-light-colors.js | 270 ++++++++++ dist/documentation/themes/dark.d.ts | 600 ++++++++++++++++++++++ dist/documentation/themes/dark.js | 600 ++++++++++++++++++++++ dist/documentation/themes/emerson.d.ts | 596 +++++++++++++++++++++ dist/documentation/themes/emerson.js | 596 +++++++++++++++++++++ dist/documentation/themes/light.d.ts | 596 +++++++++++++++++++++ dist/documentation/themes/light.js | 596 +++++++++++++++++++++ dist/documentation/themes/lightDS3.d.ts | 596 +++++++++++++++++++++ dist/documentation/themes/lightDS3.js | 596 +++++++++++++++++++++ dist/tokens/native/borders.d.ts | 10 + dist/tokens/native/borders.js | 12 + dist/tokens/native/core-dark-colors.d.ts | 13 + dist/tokens/native/core-dark-colors.js | 13 + dist/tokens/native/core-light-colors.d.ts | 14 + dist/tokens/native/core-light-colors.js | 14 + dist/tokens/native/themes/dark.d.ts | 21 + dist/tokens/native/themes/dark.js | 21 + dist/tokens/native/themes/emerson.d.ts | 21 + dist/tokens/native/themes/emerson.js | 21 + dist/tokens/native/themes/light.d.ts | 21 + dist/tokens/native/themes/light.js | 21 + dist/tokens/native/themes/lightDS3.d.ts | 21 + dist/tokens/native/themes/lightDS3.js | 21 + 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 | 59 +++ dist/tokens/scss/core-light-colors.scss | 68 +++ dist/tokens/scss/themes/dark.scss | 149 ++++++ dist/tokens/scss/themes/emerson.scss | 148 ++++++ dist/tokens/scss/themes/light.scss | 148 ++++++ dist/tokens/scss/themes/lightDS3.scss | 148 ++++++ 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 | 13 + dist/tokens/ts/core-dark-colors.js | 13 + dist/tokens/ts/core-light-colors.d.ts | 14 + dist/tokens/ts/core-light-colors.js | 14 + dist/tokens/ts/themes/dark.d.ts | 21 + dist/tokens/ts/themes/dark.js | 21 + dist/tokens/ts/themes/emerson.d.ts | 21 + dist/tokens/ts/themes/emerson.js | 21 + dist/tokens/ts/themes/light.d.ts | 21 + dist/tokens/ts/themes/light.js | 21 + dist/tokens/ts/themes/lightDS3.d.ts | 21 + dist/tokens/ts/themes/lightDS3.js | 21 + dist/tokens/ts/typography.d.ts | 117 +++++ dist/tokens/ts/typography.js | 119 +++++ 52 files changed, 7587 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..e9515365 --- /dev/null +++ b/dist/documentation/core-dark-colors.d.ts @@ -0,0 +1,233 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const green : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const blue : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const red : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const purple : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const orange : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const grey : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const shades : {white:{ + name: string, + hex: string, + + },black:{ + name: string, + hex: string, + + },transparent:{ + name: string, + hex: string, + + }}; +export const brown : {200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + }}; \ 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..26f27211 --- /dev/null +++ b/dist/documentation/core-dark-colors.js @@ -0,0 +1,233 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#0C291E", + + },200:{ + name: "green.200", + hex: "#0F3326", + + },300:{ + name: "green.300", + hex: "#13402F", + + },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: "#102337", + + },300:{ + name: "blue.300", + hex: "#142C45", + + },400:{ + name: "blue.400", + hex: "#285685", + + },500:{ + name: "blue.500", + hex: "#4577AD", + + },600:{ + name: "blue.600", + hex: "#6597CE", + + },700:{ + name: "blue.700", + hex: "#96BDE7", + + },800:{ + name: "blue.800", + hex: "#D1E8FF", + + }}, +red : {100:{ + name: "red.100", + hex: "#290F16", + + },200:{ + name: "red.200", + hex: "#34101A", + + },300:{ + name: "red.300", + hex: "#451522", + + },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: "#291433", + + },300:{ + name: "purple.300", + hex: "#33193F", + + },400:{ + name: "purple.400", + hex: "#542F66", + + },500:{ + name: "purple.500", + hex: "#693B80", + + },600:{ + name: "purple.600", + hex: "#865C99", + + },700:{ + name: "purple.700", + hex: "#B990CC", + + },800:{ + name: "purple.800", + hex: "#F0D1FF", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#29170C", + + },200:{ + name: "orange.200", + hex: "#361D0E", + + },300:{ + name: "orange.300", + hex: "#4A2915", + + },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: "#98999B", + + },700:{ + name: "grey.700", + hex: "#BCBDBF", + + },800:{ + name: "grey.800", + hex: "#E8E9EA", + + }}, +shades : {white:{ + name: "shades.white", + hex: "#FFFFFF", + + },black:{ + name: "shades.black", + hex: "#000000", + + },transparent:{ + name: "shades.transparent", + hex: "transparent", + + }}, +brown : {200:{ + name: "brown.200", + hex: "#33260F", + + },300:{ + name: "brown.300", + hex: "#402F13", + + },400:{ + name: "brown.400", + hex: "#6E5225", + + },700:{ + name: "brown.700", + hex: "#D6BA87", + + }},}; \ 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..3914308c --- /dev/null +++ b/dist/documentation/core-light-colors.d.ts @@ -0,0 +1,270 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const green : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const blue : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const red : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const purple : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const orange : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const grey : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + },900:{ + name: string, + hex: string, + + }}; +export const shades : {white:{ + name: string, + hex: string, + + },black:{ + name: string, + hex: string, + + },transparent:{ + name: string, + hex: string, + + }}; +export const yellow : {100:{ + name: string, + hex: string, + + },200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },500:{ + name: string, + hex: string, + + },600:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + },800:{ + name: string, + hex: string, + + }}; +export const brown : {200:{ + name: string, + hex: string, + + },300:{ + name: string, + hex: string, + + },400:{ + name: string, + hex: string, + + },700:{ + name: string, + hex: string, + + }}; \ 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..bf39da78 --- /dev/null +++ b/dist/documentation/core-light-colors.js @@ -0,0 +1,270 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {green : {100:{ + name: "green.100", + hex: "#FAFFFC", + + },200:{ + name: "green.200", + hex: "#EBF2EF", + + },300:{ + name: "green.300", + hex: "#D1E0D9", + + },400:{ + name: "green.400", + hex: "#B6CFC2", + + },500:{ + name: "green.500", + hex: "#86B09B", + + },600:{ + name: "green.600", + hex: "#307553", + + },700:{ + name: "green.700", + hex: "#275E43", + + },800:{ + name: "green.800", + hex: "#244C38", + + }}, +blue : {100:{ + name: "blue.100", + hex: "#F5FAFF", + + },200:{ + name: "blue.200", + hex: "#E6F1FC", + + },300:{ + name: "blue.300", + hex: "#C0D8F0", + + },400:{ + name: "blue.400", + hex: "#88B1D9", + + },500:{ + name: "blue.500", + hex: "#5D96CF", + + },600:{ + name: "blue.600", + hex: "#3971A8", + + },700:{ + name: "blue.700", + hex: "#21588F", + + },800:{ + name: "blue.800", + hex: "#194673", + + }}, +red : {100:{ + name: "red.100", + hex: "#FFF7F9", + + },200:{ + name: "red.200", + hex: "#FEEEF2", + + },300:{ + name: "red.300", + hex: "#F0C4CD", + + },400:{ + name: "red.400", + hex: "#E296A6", + + },500:{ + name: "red.500", + hex: "#C6516A", + + },600:{ + name: "red.600", + hex: "#AF2645", + + },700:{ + name: "red.700", + hex: "#980B29", + + },800:{ + name: "red.800", + hex: "#800D25", + + }}, +purple : {100:{ + name: "purple.100", + hex: "#FCFAFF", + + },200:{ + name: "purple.200", + hex: "#F2ECFE", + + },300:{ + name: "purple.300", + hex: "#D7CEE9", + + },400:{ + name: "purple.400", + hex: "#B9ABD5", + + },500:{ + name: "purple.500", + hex: "#8471AB", + + },600:{ + name: "purple.600", + hex: "#533E7D", + + },700:{ + name: "purple.700", + hex: "#3B2566", + + },800:{ + name: "purple.800", + hex: "#2A174F", + + }}, +orange : {100:{ + name: "orange.100", + hex: "#FFFAF5", + + },200:{ + name: "orange.200", + hex: "#FFF3E8", + + },300:{ + name: "orange.300", + hex: "#F3D8C0", + + },400:{ + name: "orange.400", + hex: "#E7B88F", + + },500:{ + name: "orange.500", + hex: "#CF8545", + + },600:{ + name: "orange.600", + hex: "#B4631D", + + },700:{ + name: "orange.700", + hex: "#8E4D14", + + },800:{ + name: "orange.800", + hex: "#784213", + + }}, +grey : {100:{ + name: "grey.100", + hex: "#FCFEFF", + + },200:{ + name: "grey.200", + hex: "#F5F7FA", + + },300:{ + name: "grey.300", + hex: "#E6EDF5", + + },400:{ + name: "grey.400", + hex: "#C8D3E0", + + },500:{ + name: "grey.500", + hex: "#596D84", + + },600:{ + name: "grey.600", + hex: "#475A70", + + },700:{ + name: "grey.700", + hex: "#36485C", + + },800:{ + name: "grey.800", + hex: "#2E3A47", + + },900:{ + name: "grey.900", + hex: "#212933", + + }}, +shades : {white:{ + name: "shades.white", + hex: "#FFFFFF", + + },black:{ + name: "shades.black", + hex: "#000000", + + },transparent:{ + name: "shades.transparent", + hex: "transparent", + + }}, +yellow : {100:{ + name: "yellow.100", + hex: "#faf8f2", + + },200:{ + name: "yellow.200", + hex: "#fcf3dd", + + },300:{ + name: "yellow.300", + hex: "#fce7b1", + + },400:{ + name: "yellow.400", + hex: "#fcd97e", + + },500:{ + name: "yellow.500", + hex: "#fccb4c", + + },600:{ + name: "yellow.600", + hex: "#ffc121", + + },700:{ + name: "yellow.700", + hex: "#f7b200", + + },800:{ + name: "yellow.800", + hex: "#e5a500", + + }}, +brown : {200:{ + name: "brown.200", + hex: "#F6F1E5", + + },300:{ + name: "brown.300", + hex: "#E4D9C2", + + },400:{ + name: "brown.400", + hex: "#DACCAA", + + },700:{ + name: "brown.700", + hex: "#5E4D27", + + }},}; \ 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..b5955975 --- /dev/null +++ b/dist/documentation/themes/dark.d.ts @@ -0,0 +1,600 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },nakedContent:{ + name: string, + hex: string, + + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/dark.js b/dist/documentation/themes/dark.js new file mode 100644 index 00000000..fbdb0b19 --- /dev/null +++ b/dist/documentation/themes/dark.js @@ -0,0 +1,600 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 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: "#BCBDBF", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#98999B", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#FFFFFF", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#BCBDBF", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#E8E9EA", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#101012", + 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: "#98999B", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#BCBDBF", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#6597CE", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#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: "#101012", + 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: "#1A1D21", + 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: "#1A1D21", + 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: "#1A1D21", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#1A1D21", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#E8E9EA", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#FFFFFF", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#FFFFFF", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#22272B", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#2D3238", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#515357", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#0C291E", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#515357", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#98999B", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#BCBDBF", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#42AD86", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#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: "#42AD86", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#86D6B9", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#0F3326", + 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: "#13402F", + 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: "#256E53", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#288563", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#42AD86", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#6597CE", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#96BDE7", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#D1E8FF", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#4577AD", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#285685", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#142C45", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#102337", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#142C45", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#285685", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#0C1B29", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#4577AD", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#285685", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#142C45", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#CF7945", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#E7AA84", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#FFE3D1", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#AD6234", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#CF7945", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#E7AA84", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#361D0E", + 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: "#4A2915", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#8A4E29", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#29170C", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#8A4E29", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#AD6234", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#CF7945", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#C74C6B", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#EA8AA3", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#FFD1DD", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#B23655", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#C74C6B", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#EA8AA3", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#34101A", + 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: "#451522", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#8F2843", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#290F16", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#8F2843", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#B23655", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#C74C6B", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#865C99", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#B990CC", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#F0D1FF", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#693B80", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#865C99", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#B990CC", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#291433", + 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: "#33193F", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#542F66", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#200F29", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#542F66", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#693B80", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#865C99", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#98999B", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#22272B", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#515357", + description: "Used as the border for disabled components" + },nakedContent:{ + name: "disabled.nakedContent", + hex: "#22272B", + + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#2D3238", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#98999B", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#1B2228", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#2D3238", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#FFFFFF", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#BCBDBF", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#B23655", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#BCBDBF", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#4577AD", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#B23655", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#98999B", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#FFFFFF", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#2D3238", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#8F2843", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#515357", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#98999B", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#BCBDBF", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#285685", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#515357", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#515357", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#E8E9EA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E8E9EA", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2D3238", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#E8E9EA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#000000", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#86D6B9", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#0F3326", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#13402F", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#256E53", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#D6BA87", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#33260F", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#402F13", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#6E5225", + + }},}; \ 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..08f714dc --- /dev/null +++ b/dist/documentation/themes/emerson.d.ts @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/emerson.js b/dist/documentation/themes/emerson.js new file mode 100644 index 00000000..73f9faa5 --- /dev/null +++ b/dist/documentation/themes/emerson.js @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#36485C", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#475A70", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#596D84", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#FFFFFF", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#FFFFFF", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#FFFFFF", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#36485C", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#2E3A47", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#212933", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FCFEFF", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#2E3A47", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as buttons" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as buttons" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#C8D3E0", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#000000", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#275E43", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#EBF2EF", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#D1E0D9", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#B6CFC2", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#5E4D27", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#F6F1E5", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#E4D9C2", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/light.d.ts b/dist/documentation/themes/light.d.ts new file mode 100644 index 00000000..08f714dc --- /dev/null +++ b/dist/documentation/themes/light.d.ts @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/light.js b/dist/documentation/themes/light.js new file mode 100644 index 00000000..1143bdeb --- /dev/null +++ b/dist/documentation/themes/light.js @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#36485C", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#475A70", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#FFFFFF", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#FFFFFF", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#FFFFFF", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#FFFFFF", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#36485C", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#2E3A47", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#212933", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FCFEFF", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for primary components" + },borderHover:{ + name: "primary.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for primary components" + },borderActive:{ + name: "primary.borderActive", + hex: "#2E3A47", + description: "Used for the pressed border colour for primary components" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#C8D3E0", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#36485C", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#275E43", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#EBF2EF", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#D1E0D9", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#B6CFC2", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#5E4D27", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#F6F1E5", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#E4D9C2", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.d.ts b/dist/documentation/themes/lightDS3.d.ts new file mode 100644 index 00000000..08f714dc --- /dev/null +++ b/dist/documentation/themes/lightDS3.d.ts @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const text : {emphasis:{ + name: string, + hex: string, + description: string + },body:{ + name: string, + hex: string, + description: string + },subdued:{ + name: string, + hex: string, + description: string + },onBackground:{ + name: string, + hex: string, + description: string + }}; +export const system : {textLabelEmphasis:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + },borderFocused:{ + name: string, + hex: string, + description: string + }}; +export const surface : {level0:{ + name: string, + hex: string, + description: string + },level1:{ + name: string, + hex: string, + description: string + },level2:{ + name: string, + hex: string, + description: string + },interactiveBackground:{ + name: string, + hex: string, + description: string + },interactiveHover:{ + name: string, + hex: string, + description: string + },interactiveActive:{ + name: string, + hex: string, + description: string + },overlayDark:{ + name: string, + hex: string, + description: string + },overlayTheme:{ + name: string, + hex: string, + description: string + },overlayBackdrop:{ + name: string, + hex: string, + description: string + }}; +export const primary : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const success : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const info : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const warning : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const danger : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const highlight : {textBase:{ + name: string, + hex: string, + description: string + },textHover:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },backgroundMuted:{ + name: string, + hex: string, + description: string + },backgroundMutedHover:{ + name: string, + hex: string, + description: string + },backgroundMutedActive:{ + name: string, + hex: string, + description: string + },backgroundBox:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const disabled : {text:{ + name: string, + hex: string, + description: string + },background:{ + name: string, + hex: string, + description: string + },nakedBackground:{ + name: string, + hex: string, + description: string + },border:{ + name: string, + hex: string, + description: string + },inputBackground:{ + name: string, + hex: string, + description: string + },inputLabelText:{ + name: string, + hex: string, + description: string + }}; +export const input : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundInformation:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },textInformation:{ + name: string, + hex: string, + description: string + },textInformationError:{ + name: string, + hex: string, + description: string + },textLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabel:{ + name: string, + hex: string, + description: string + },textFloatingLabelError:{ + name: string, + hex: string, + description: string + },textPlaceholder:{ + name: string, + hex: string, + description: string + },textActive:{ + name: string, + hex: string, + description: string + },borderBase:{ + name: string, + hex: string, + description: string + },borderError:{ + name: string, + hex: string, + description: string + },borderHover:{ + name: string, + hex: string, + description: string + },borderEmphasized:{ + name: string, + hex: string, + description: string + },borderEmphasizedHover:{ + name: string, + hex: string, + description: string + },borderActive:{ + name: string, + hex: string, + description: string + }}; +export const separator : {base:{ + name: string, + hex: string, + description: string + }}; +export const light : {backgroundBase:{ + name: string, + hex: string, + description: string + },backgroundContrast:{ + name: string, + hex: string, + description: string + },backgroundHover:{ + name: string, + hex: string, + description: string + },backgroundActive:{ + name: string, + hex: string, + description: string + },textBase:{ + name: string, + hex: string, + description: string + },linkMutedBase:{ + name: string, + hex: string, + description: string + },linkMutedHover:{ + name: string, + hex: string, + description: string + }}; +export const shadow : {base:{ + name: string, + hex: string, + description: string + }}; +export const accent : {forestTextBase:{ + name: string, + hex: string, + + },forestBackgroundMuted:{ + name: string, + hex: string, + + },forestBackgroundMutedHover:{ + name: string, + hex: string, + + },forestBackgroundMutedActive:{ + name: string, + hex: string, + + },sandTextBase:{ + name: string, + hex: string, + + },sandBackgroundMuted:{ + name: string, + hex: string, + + },sandBackgroundMutedHover:{ + name: string, + hex: string, + + },sandBackgroundMutedActive:{ + name: string, + hex: string, + + }}; \ No newline at end of file diff --git a/dist/documentation/themes/lightDS3.js b/dist/documentation/themes/lightDS3.js new file mode 100644 index 00000000..d6f5876f --- /dev/null +++ b/dist/documentation/themes/lightDS3.js @@ -0,0 +1,596 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {text : {emphasis:{ + name: "text.emphasis", + hex: "#36485C", + description: "Used for any text content and icons used with text that needs emphasizing" + },body:{ + name: "text.body", + hex: "#475A70", + description: "Used for default text content and icons used with text" + },subdued:{ + name: "text.subdued", + hex: "#596D84", + description: "Used for any text content and icons used with text that requires less prominence" + },onBackground:{ + name: "text.onBackground", + hex: "#FFFFFF", + description: "For use on darker or colour profile backgrounds that require highly contrasted text" + }}, +system : {textLabelEmphasis:{ + name: "system.textLabelEmphasis", + hex: "#2E3A47", + description: "Used for any text content and icons used with text that needs emphasizing" + },textBase:{ + name: "system.textBase", + hex: "#475A70", + description: "Used as the text or fill colour for interactive and static system components such as links, text, and icons" + },textHover:{ + name: "system.textHover", + hex: "#36485C", + description: "Used as the hovered text or fill colour for interactive system components such as links and text buttons" + },textActive:{ + name: "system.textActive", + hex: "#2E3A47", + description: "Used as the pressed text or fill colour for interactive system components such as links and text buttons" + },backgroundBase:{ + name: "system.backgroundBase", + hex: "#FFFFFF", + description: "Used as the background for system components" + },backgroundMuted:{ + name: "system.backgroundMuted", + hex: "#F5F7FA", + description: "Used as the muted background for system components" + },backgroundMutedHover:{ + name: "system.backgroundMutedHover", + hex: "#E6EDF5", + description: "Used as the hovered muted background for system components" + },backgroundMutedActive:{ + name: "system.backgroundMutedActive", + hex: "#C8D3E0", + description: "Used as the pressed muted background for system components" + },backgroundBox:{ + name: "system.backgroundBox", + hex: "#FCFEFF", + description: "Used as a background colour for a system container like Box or Message" + },borderBase:{ + name: "system.borderBase", + hex: "#C8D3E0", + description: "Used for the border colour for system components" + },borderHover:{ + name: "system.borderHover", + hex: "#596D84", + description: "Used for the hovered border colour for system components" + },borderActive:{ + name: "system.borderActive", + hex: "#475A70", + description: "Used for the pressed border colour for system components" + },borderFocused:{ + name: "system.borderFocused", + hex: "#3971A8", + description: "Used for the focused border colour for system components" + }}, +surface : {level0:{ + name: "surface.level0", + hex: "#F5F7FA", + description: "Used for setting the lowest most level, mainly applied as a background color to the HTML body. Should always be underneath levels 1 and 2" + },level1:{ + name: "surface.level1", + hex: "#FFFFFF", + description: "Used commonly with Boxes and containers that are directly on surface level 0. Also can be used as an alternative HTML body background color." + },level2:{ + name: "surface.level2", + hex: "#F5F7FA", + description: "Used for elements that are contained within Boxes or other wrappers that are surface level 1." + },interactiveBackground:{ + name: "surface.interactiveBackground", + hex: "#FFFFFF", + description: "Used for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveHover:{ + name: "surface.interactiveHover", + hex: "#F5F7FA", + description: "Hover state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },interactiveActive:{ + name: "surface.interactiveActive", + hex: "#E6EDF5", + description: "Active/Pressed state for elements where the entire surface is interactable. For example Accordions, ActionBlock, and DropdownItems" + },overlayDark:{ + name: "surface.overlayDark", + hex: "#2E3A47", + description: "Used for elements that are absolutely positioned to overlay content on the page. Is always a dark background regardless of theme. Ex: Things like Toasts and Tooltips" + },overlayTheme:{ + name: "surface.overlayTheme", + hex: "#FFFFFF", + description: "Used for elements that are absolutely positioned to overlay content on the page. Matches the base color of the theme. Ex: Snackbar" + },overlayBackdrop:{ + name: "surface.overlayBackdrop", + hex: "#36485C", + description: "Used to overlay & de-emphasize the page to draw focus to certain areas. Ex: Used with Modals, Drawers" + }}, +primary : {textBase:{ + name: "primary.textBase", + hex: "#307553", + description: "Used as the text or fill colour for interactive and static primary components such as links, text, and icons" + },textHover:{ + name: "primary.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for interactive primary components such as links and text buttons" + },textActive:{ + name: "primary.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for interactive primary components such as links and text buttons" + },backgroundBase:{ + name: "primary.backgroundBase", + hex: "#307553", + description: "Used as the background for primary components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "primary.backgroundHover", + hex: "#275E43", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundActive:{ + name: "primary.backgroundActive", + hex: "#244C38", + description: "Used as the hovered background for primary components such as plain buttons" + },backgroundMuted:{ + name: "primary.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "primary.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "primary.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for primary components such as pills and text buttons. Paired with primary.textBase for a subtler contrast" + },backgroundBox:{ + name: "primary.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for primary components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "primary.borderBase", + hex: "#307553", + description: "Used for the border colour for primary components such as buttons and Message" + },borderHover:{ + name: "primary.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for primary components such as buttons" + },borderActive:{ + name: "primary.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for primary components such as buttons" + }}, +success : {textBase:{ + name: "success.textBase", + hex: "#307553", + description: "Used as the text or fill colour for successful intention versions of components such as message, pill, or box" + },textHover:{ + name: "success.textHover", + hex: "#275E43", + description: "Used as the hovered text or fill colour for successful intention versions of components such as message, pill, or box" + },textActive:{ + name: "success.textActive", + hex: "#244C38", + description: "Used as the pressed text or fill colour for successful intention versions of components such as message, pill, or box" + },backgroundBase:{ + name: "success.backgroundBase", + hex: "#307553", + description: "Description to come." + },backgroundHover:{ + name: "success.backgroundHover", + hex: "#275E43", + description: "Description to come." + },backgroundActive:{ + name: "success.backgroundActive", + hex: "#244C38", + description: "Description to come." + },backgroundMuted:{ + name: "success.backgroundMuted", + hex: "#EBF2EF", + description: "Used as the muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "success.backgroundMutedHover", + hex: "#D1E0D9", + description: "Used as the hovered muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "success.backgroundMutedActive", + hex: "#B6CFC2", + description: "Used as the pressed muted background for successful intention versions of components such as message, pill, or box. Paired with successful.textBase for a subtler contrast" + },backgroundBox:{ + name: "success.backgroundBox", + hex: "#FAFFFC", + description: "Used as a very light background for successful intention versions of components such as message, pill, or box. Used for containers with content blocks" + },borderBase:{ + name: "success.borderBase", + hex: "#307553", + description: "Used for the border colour for successful intention versions of components such as buttons and Message" + },borderHover:{ + name: "success.borderHover", + hex: "#275E43", + description: "Used for the hovered border colour for successful components such as message" + },borderActive:{ + name: "success.borderActive", + hex: "#244C38", + description: "Used for the pressed border colour for successful components such as message" + }}, +info : {textBase:{ + name: "info.textBase", + hex: "#3971A8", + description: "Used as the text or fill colour for interactive and static informational components such as links, text, and icons" + },textHover:{ + name: "info.textHover", + hex: "#21588F", + description: "Used as the hovered colour for interactive informational components such as links and text buttons" + },textActive:{ + name: "info.textActive", + hex: "#194673", + description: "Used as the pressed colour for interactive informational components such as links and text buttons" + },backgroundBase:{ + name: "info.backgroundBase", + hex: "#3971A8", + description: "Used as the background for informational components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "info.backgroundHover", + hex: "#21588F", + description: "Used as the hovered background for informational components such as plain buttons" + },backgroundActive:{ + name: "info.backgroundActive", + hex: "#194673", + description: "Used as the pressed background for informational components such as plain buttons" + },backgroundMuted:{ + name: "info.backgroundMuted", + hex: "#E6F1FC", + description: "Used as the muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "info.backgroundMutedHover", + hex: "#C0D8F0", + description: "Used as the hovered muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "info.backgroundMutedActive", + hex: "#88B1D9", + description: "Used as the pressed muted background for informational components such as pills and text buttons. Paired with info.textBase for a subtler contrast" + },backgroundBox:{ + name: "info.backgroundBox", + hex: "#F5FAFF", + description: "Used as a very light background for informational components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "info.borderBase", + hex: "#3971A8", + description: "Used for the border colour for informational components such as buttons and Message" + },borderHover:{ + name: "info.borderHover", + hex: "#21588F", + description: "Used for the hovered border colour for informational components such as buttons" + },borderActive:{ + name: "info.borderActive", + hex: "#194673", + description: "Used for the pressed border colour for informational components such as buttons" + }}, +warning : {textBase:{ + name: "warning.textBase", + hex: "#B4631D", + description: "Used as the text or fill colour for interactive and static warning components such as links, text, and icons" + },textHover:{ + name: "warning.textHover", + hex: "#8E4D14", + description: "Used as the hovered text or fill colour for interactive and static warning components such as links and text buttons" + },textActive:{ + name: "warning.textActive", + hex: "#784213", + description: "Used as the pressed text or fill colour for interactive and static warning components such as links and text buttons" + },backgroundBase:{ + name: "warning.backgroundBase", + hex: "#B4631D", + description: "Used as the background for warning components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "warning.backgroundHover", + hex: "#8E4D14", + description: "Used as the hovered background for warning components such as plain buttons" + },backgroundActive:{ + name: "warning.backgroundActive", + hex: "#784213", + description: "Used as the pressed background for warning components such as plain buttons" + },backgroundMuted:{ + name: "warning.backgroundMuted", + hex: "#FFF3E8", + description: "Used as the muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "warning.backgroundMutedHover", + hex: "#F3D8C0", + description: "Used as the hovered muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "warning.backgroundMutedActive", + hex: "#E7B88F", + description: "Used as the pressed muted background for warning components such as pills and text buttons. Paired with warning.textBase for a subtler contrast" + },backgroundBox:{ + name: "warning.backgroundBox", + hex: "#FFFAF5", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "warning.borderBase", + hex: "#B4631D", + description: "Used for the border colour for warning components such as buttons and Message" + },borderHover:{ + name: "warning.borderHover", + hex: "#8E4D14", + description: "Used for the hovered border colour for warning components" + },borderActive:{ + name: "warning.borderActive", + hex: "#784213", + description: "Used for the pressed border colour for warning components such as buttons" + }}, +danger : {textBase:{ + name: "danger.textBase", + hex: "#AF2645", + description: "Used as the text or fill colour for interactive and static danger components such as links, text, and icons" + },textHover:{ + name: "danger.textHover", + hex: "#980B29", + description: "Used as the hovered colour for interactive danger components such as links and text buttons" + },textActive:{ + name: "danger.textActive", + hex: "#800D25", + description: "Used as the pressed colour for interactive danger components such as links and text buttons" + },backgroundBase:{ + name: "danger.backgroundBase", + hex: "#AF2645", + description: "Used as the background for danger components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "danger.backgroundHover", + hex: "#980B29", + description: "Used as the hovered background for danger components such as plain buttons" + },backgroundActive:{ + name: "danger.backgroundActive", + hex: "#800D25", + description: "Used as the pressed background for danger components such as plain buttons" + },backgroundMuted:{ + name: "danger.backgroundMuted", + hex: "#FEEEF2", + description: "Used as the muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "danger.backgroundMutedHover", + hex: "#F0C4CD", + description: "Used as the hovered muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "danger.backgroundMutedActive", + hex: "#E296A6", + description: "Used as the pressed muted background for danger components such as pills and text buttons. Paired with danger.textBase for a subtler contrast" + },backgroundBox:{ + name: "danger.backgroundBox", + hex: "#FFF7F9", + description: "Used as a very light background for warning components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "danger.borderBase", + hex: "#AF2645", + description: "Used for the border colour for danger components such as buttons and Message" + },borderHover:{ + name: "danger.borderHover", + hex: "#980B29", + description: "Used for the hovered border colour for danger components such as buttons" + },borderActive:{ + name: "danger.borderActive", + hex: "#800D25", + description: "Used for the pressed border colour for danger components such as buttons" + }}, +highlight : {textBase:{ + name: "highlight.textBase", + hex: "#533E7D", + description: "Used as the text or fill colour for interactive and static highlight components such as links, text, and icons" + },textHover:{ + name: "highlight.textHover", + hex: "#3B2566", + description: "Used as the hovered text or fill colour for interactive and static highlight components such as links and text buttons" + },textActive:{ + name: "highlight.textActive", + hex: "#2A174F", + description: "Used as the pressed text or fill colour for interactive and static highlight components such as links and text buttons" + },backgroundBase:{ + name: "highlight.backgroundBase", + hex: "#533E7D", + description: "Used as the background for highlight components such as plain buttons. Paired with text.onBackground for contrast" + },backgroundHover:{ + name: "highlight.backgroundHover", + hex: "#3B2566", + description: "Used as the hovered background for highlight components such as plain buttons" + },backgroundActive:{ + name: "highlight.backgroundActive", + hex: "#2A174F", + description: "Used as the pressed background for highlight components such as plain buttons" + },backgroundMuted:{ + name: "highlight.backgroundMuted", + hex: "#F2ECFE", + description: "Used as the muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedHover:{ + name: "highlight.backgroundMutedHover", + hex: "#D7CEE9", + description: "Used as the hovered muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundMutedActive:{ + name: "highlight.backgroundMutedActive", + hex: "#B9ABD5", + description: "Used as the pressed muted background for highlight components such as pills and text buttons. Paired with highlight.textBase for a subtler contrast" + },backgroundBox:{ + name: "highlight.backgroundBox", + hex: "#FCFAFF", + description: "Used as a very light background for highlight components such as Message and Box. Used for containers with content blocks" + },borderBase:{ + name: "highlight.borderBase", + hex: "#533E7D", + description: "Used for the border colour for highlight components such as buttons and Message" + },borderHover:{ + name: "highlight.borderHover", + hex: "#3B2566", + description: "Used for the hovered border colour for highlight components" + },borderActive:{ + name: "highlight.borderActive", + hex: "#2A174F", + description: "Used for the pressed border colour for highlight components such as buttons and Message" + }}, +disabled : {text:{ + name: "disabled.text", + hex: "#596D84", + description: "For use in disabled content like text and icons" + },background:{ + name: "disabled.background", + hex: "#F5F7FA", + description: "Used as the background colour for disabled components" + },nakedBackground:{ + name: "disabled.nakedBackground", + hex: "transparent", + description: "Used for the background in disabled components with little to no styling" + },border:{ + name: "disabled.border", + hex: "#C8D3E0", + description: "Used as the border for disabled components" + },inputBackground:{ + name: "disabled.inputBackground", + hex: "#E6EDF5", + description: "For use in disabled inputs as the background colour" + },inputLabelText:{ + name: "disabled.inputLabelText", + hex: "#596D84", + description: "Used as the label colour for disabled inputs" + }}, +input : {backgroundBase:{ + name: "input.backgroundBase", + hex: "#F5F7FA", + description: "Used as the default background colour for HTML inputs" + },backgroundHover:{ + name: "input.backgroundHover", + hex: "#E6EDF5", + description: "Used as the hovered background colour for HTML inputs" + },backgroundInformation:{ + name: "input.backgroundInformation", + hex: "#FFFFFF", + description: "Used as the default background colour for the text description below the input" + },textBase:{ + name: "input.textBase", + hex: "#475A70", + description: "Used for the default filled text colour for HTML inputs" + },textInformation:{ + name: "input.textInformation", + hex: "#475A70", + description: "Used as the text content colour for the text description below the input" + },textInformationError:{ + name: "input.textInformationError", + hex: "#AF2645", + description: "Used as the text content colour for the text description below the input when there are errors" + },textLabel:{ + name: "input.textLabel", + hex: "#475A70", + description: "Used as the default static label colour in HTML inputs which appears as a placeholder in the static state" + },textFloatingLabel:{ + name: "input.textFloatingLabel", + hex: "#3971A8", + description: "Used as the floated label colour when the HTML input has focus" + },textFloatingLabelError:{ + name: "input.textFloatingLabelError", + hex: "#AF2645", + description: "Used as the static and floated label colour when the input is in an error state" + },textPlaceholder:{ + name: "input.textPlaceholder", + hex: "#596D84", + description: "Used as the default placeholder text colour for basic and search inputs" + },textActive:{ + name: "input.textActive", + hex: "#2E3A47", + description: "Used as the label colour for labels that don't float when focused, like the select component" + },borderBase:{ + name: "input.borderBase", + hex: "#E6EDF5", + description: "Used as the default border colour" + },borderError:{ + name: "input.borderError", + hex: "#AF2645", + description: "Used for the border colour when the input is in an error state" + },borderHover:{ + name: "input.borderHover", + hex: "#C8D3E0", + description: "Used as the hovered border colour" + },borderEmphasized:{ + name: "input.borderEmphasized", + hex: "#596D84", + description: "Used as the default bottom border colour for floating label inputs or as the default border for inputs like checkbox" + },borderEmphasizedHover:{ + name: "input.borderEmphasizedHover", + hex: "#475A70", + description: "Used as the hovered bottom border colour for floating label inputs or as the hovered border for inputs like checkbox" + },borderActive:{ + name: "input.borderActive", + hex: "#3971A8", + description: "Used as the pressed bottom border colour for floating label inputs or as the engaged border for inputs like checkbox" + }}, +separator : {base:{ + name: "separator.base", + hex: "#E6EDF5", + description: "Used for the colour of the separator element" + }}, +light : {backgroundBase:{ + name: "light.backgroundBase", + hex: "#FFFFFF", + description: "For use as background colour in light profile components on contrasting surface backgrounds" + },backgroundContrast:{ + name: "light.backgroundContrast", + hex: "#475A70", + description: "For use as a contrasting background colour in light profile components, to match shade of surface background" + },backgroundHover:{ + name: "light.backgroundHover", + hex: "#F5F7FA", + description: "For use as background hover colour in light profile components on contrasting surface backgrounds" + },backgroundActive:{ + name: "light.backgroundActive", + hex: "#E6EDF5", + description: "For use as background active colour in light profile components on contrasting surface backgrounds" + },textBase:{ + name: "light.textBase", + hex: "#2E3A47", + description: "Used as the content colour (text, icons) for light profile components, to match shade of constrasting surface background" + },linkMutedBase:{ + name: "light.linkMutedBase", + hex: "#F5F7FA", + description: "Used as link colour for light profile components on contrasting surface backgrounds" + },linkMutedHover:{ + name: "light.linkMutedHover", + hex: "#FFFFFF", + description: "Used for link hover colour for light profile components on contrasting surface backgrounds" + }}, +shadow : {base:{ + name: "shadow.base", + hex: "#36485C", + description: "For use only with box shadow tokens" + }}, +accent : {forestTextBase:{ + name: "accent.forestTextBase", + hex: "#275E43", + + },forestBackgroundMuted:{ + name: "accent.forestBackgroundMuted", + hex: "#EBF2EF", + + },forestBackgroundMutedHover:{ + name: "accent.forestBackgroundMutedHover", + hex: "#D1E0D9", + + },forestBackgroundMutedActive:{ + name: "accent.forestBackgroundMutedActive", + hex: "#B6CFC2", + + },sandTextBase:{ + name: "accent.sandTextBase", + hex: "#5E4D27", + + },sandBackgroundMuted:{ + name: "accent.sandBackgroundMuted", + hex: "#F6F1E5", + + },sandBackgroundMutedHover:{ + name: "accent.sandBackgroundMutedHover", + hex: "#E4D9C2", + + },sandBackgroundMutedActive:{ + name: "accent.sandBackgroundMutedActive", + hex: "#DACCAA", + + }},}; \ No newline at end of file diff --git a/dist/tokens/native/borders.d.ts b/dist/tokens/native/borders.d.ts new file mode 100644 index 00000000..c697499d --- /dev/null +++ b/dist/tokens/native/borders.d.ts @@ -0,0 +1,10 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 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..5e2c71bc --- /dev/null +++ b/dist/tokens/native/borders.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 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..36ab6857 --- /dev/null +++ b/dist/tokens/native/core-dark-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..d7d5273b --- /dev/null +++ b/dist/tokens/native/core-dark-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, +orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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..5477cf60 --- /dev/null +++ b/dist/tokens/native/core-light-colors.d.ts @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..a54f70e3 --- /dev/null +++ b/dist/tokens/native/core-light-colors.js @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, +blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, +red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, +purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, +orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, +grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, +brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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..536ae6fe --- /dev/null +++ b/dist/tokens/native/themes/dark.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..7f934a9b --- /dev/null +++ b/dist/tokens/native/themes/dark.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {theme: "dark", +text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, +surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, +primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, +success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, +info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, +warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, +danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, +disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, +input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, +separator : {base : "#515357"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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..d8b0b998 --- /dev/null +++ b/dist/tokens/native/themes/emerson.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..c098635a --- /dev/null +++ b/dist/tokens/native/themes/emerson.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {theme: "emerson", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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..d8b0b998 --- /dev/null +++ b/dist/tokens/native/themes/light.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..1d09f4bc --- /dev/null +++ b/dist/tokens/native/themes/light.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {theme: "light", +text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..d8b0b998 --- /dev/null +++ b/dist/tokens/native/themes/lightDS3.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..fddcfb26 --- /dev/null +++ b/dist/tokens/native/themes/lightDS3.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {theme: "lightDS3", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..9b49c881 --- /dev/null +++ b/dist/tokens/native/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 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..6165d2db --- /dev/null +++ b/dist/tokens/native/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 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..277484bc --- /dev/null +++ b/dist/tokens/scss/borders.scss @@ -0,0 +1,9 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 16:02:33 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..2a7f8804 --- /dev/null +++ b/dist/tokens/scss/core-dark-colors.scss @@ -0,0 +1,59 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 16:02:33 GMT + +$green100: #0C291E; +$green200: #0F3326; +$green300: #13402F; +$green400: #256E53; +$green500: #288563; +$green600: #42AD86; +$green700: #86D6B9; +$green800: #DBFFF1; +$blue100: #0C1B29; +$blue200: #102337; +$blue300: #142C45; +$blue400: #285685; +$blue500: #4577AD; +$blue600: #6597CE; +$blue700: #96BDE7; +$blue800: #D1E8FF; +$red100: #290F16; +$red200: #34101A; +$red300: #451522; +$red400: #8F2843; +$red500: #B23655; +$red600: #C74C6B; +$red700: #EA8AA3; +$red800: #FFD1DD; +$purple100: #200F29; +$purple200: #291433; +$purple300: #33193F; +$purple400: #542F66; +$purple500: #693B80; +$purple600: #865C99; +$purple700: #B990CC; +$purple800: #F0D1FF; +$orange100: #29170C; +$orange200: #361D0E; +$orange300: #4A2915; +$orange400: #8A4E29; +$orange500: #AD6234; +$orange600: #CF7945; +$orange700: #E7AA84; +$orange800: #FFE3D1; +$grey100: #101012; +$grey200: #1A1D21; +$grey300: #22272B; +$grey400: #2D3238; +$grey500: #515357; +$grey600: #98999B; +$grey700: #BCBDBF; +$grey800: #E8E9EA; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$brown200: #33260F; +$brown300: #402F13; +$brown400: #6E5225; +$brown700: #D6BA87; \ 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..20b78de0 --- /dev/null +++ b/dist/tokens/scss/core-light-colors.scss @@ -0,0 +1,68 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 16:02:33 GMT + +$green100: #FAFFFC; +$green200: #EBF2EF; +$green300: #D1E0D9; +$green400: #B6CFC2; +$green500: #86B09B; +$green600: #307553; +$green700: #275E43; +$green800: #244C38; +$blue100: #F5FAFF; +$blue200: #E6F1FC; +$blue300: #C0D8F0; +$blue400: #88B1D9; +$blue500: #5D96CF; +$blue600: #3971A8; +$blue700: #21588F; +$blue800: #194673; +$red100: #FFF7F9; +$red200: #FEEEF2; +$red300: #F0C4CD; +$red400: #E296A6; +$red500: #C6516A; +$red600: #AF2645; +$red700: #980B29; +$red800: #800D25; +$purple100: #FCFAFF; +$purple200: #F2ECFE; +$purple300: #D7CEE9; +$purple400: #B9ABD5; +$purple500: #8471AB; +$purple600: #533E7D; +$purple700: #3B2566; +$purple800: #2A174F; +$orange100: #FFFAF5; +$orange200: #FFF3E8; +$orange300: #F3D8C0; +$orange400: #E7B88F; +$orange500: #CF8545; +$orange600: #B4631D; +$orange700: #8E4D14; +$orange800: #784213; +$grey100: #FCFEFF; +$grey200: #F5F7FA; +$grey300: #E6EDF5; +$grey400: #C8D3E0; +$grey500: #596D84; +$grey600: #475A70; +$grey700: #36485C; +$grey800: #2E3A47; +$grey900: #212933; +$shadesWhite: #FFFFFF; +$shadesBlack: #000000; +$shadesTransparent: transparent; +$yellow100: #faf8f2; +$yellow200: #fcf3dd; +$yellow300: #fce7b1; +$yellow400: #fcd97e; +$yellow500: #fccb4c; +$yellow600: #ffc121; +$yellow700: #f7b200; +$yellow800: #e5a500; +$brown200: #F6F1E5; +$brown300: #E4D9C2; +$brown400: #DACCAA; +$brown700: #5E4D27; \ 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..0cf41603 --- /dev/null +++ b/dist/tokens/scss/themes/dark.scss @@ -0,0 +1,149 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 16:02:33 GMT + +$textEmphasis: #E8E9EA; +$textBody: #BCBDBF; +$textSubdued: #98999B; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #FFFFFF; +$systemTextBase: #BCBDBF; +$systemTextHover: #E8E9EA; +$systemTextActive: #FFFFFF; +$systemBackgroundBase: #101012; +$systemBackgroundMuted: #22272B; +$systemBackgroundMutedHover: #2D3238; +$systemBackgroundMutedActive: #515357; +$systemBackgroundBox: #1A1D21; +$systemBorderBase: #515357; +$systemBorderHover: #98999B; +$systemBorderActive: #BCBDBF; +$systemBorderFocused: #6597CE; +$surfaceLevel0: #101012; +$surfaceLevel1: #101012; +$surfaceLevel2: #22272B; +$surfaceInteractiveBackground: #1A1D21; +$surfaceInteractiveHover: #22272B; +$surfaceInteractiveActive: #2D3238; +$surfaceOverlayDark: #22272B; +$surfaceOverlayTheme: #1A1D21; +$surfaceOverlayBackdrop: #1A1D21; +$primaryTextBase: #1A1D21; +$primaryTextHover: #1A1D21; +$primaryTextActive: #1A1D21; +$primaryBackgroundBase: #E8E9EA; +$primaryBackgroundHover: #FFFFFF; +$primaryBackgroundActive: #FFFFFF; +$primaryBackgroundMuted: #22272B; +$primaryBackgroundMutedHover: #2D3238; +$primaryBackgroundMutedActive: #515357; +$primaryBackgroundBox: #0C291E; +$primaryBorderBase: #515357; +$primaryBorderHover: #98999B; +$primaryBorderActive: #BCBDBF; +$successTextBase: #42AD86; +$successTextHover: #86D6B9; +$successTextActive: #DBFFF1; +$successBackgroundBase: #288563; +$successBackgroundHover: #42AD86; +$successBackgroundActive: #86D6B9; +$successBackgroundMuted: #0F3326; +$successBackgroundMutedHover: #13402F; +$successBackgroundMutedActive: #256E53; +$successBackgroundBox: #0C291E; +$successBorderBase: #256E53; +$successBorderHover: #288563; +$successBorderActive: #42AD86; +$infoTextBase: #6597CE; +$infoTextHover: #96BDE7; +$infoTextActive: #D1E8FF; +$infoBackgroundBase: #4577AD; +$infoBackgroundHover: #285685; +$infoBackgroundActive: #142C45; +$infoBackgroundMuted: #102337; +$infoBackgroundMutedHover: #142C45; +$infoBackgroundMutedActive: #285685; +$infoBackgroundBox: #0C1B29; +$infoBorderBase: #4577AD; +$infoBorderHover: #285685; +$infoBorderActive: #142C45; +$warningTextBase: #CF7945; +$warningTextHover: #E7AA84; +$warningTextActive: #FFE3D1; +$warningBackgroundBase: #AD6234; +$warningBackgroundHover: #CF7945; +$warningBackgroundActive: #E7AA84; +$warningBackgroundMuted: #361D0E; +$warningBackgroundMutedHover: #4A2915; +$warningBackgroundMutedActive: #8A4E29; +$warningBackgroundBox: #29170C; +$warningBorderBase: #8A4E29; +$warningBorderHover: #AD6234; +$warningBorderActive: #CF7945; +$dangerTextBase: #C74C6B; +$dangerTextHover: #EA8AA3; +$dangerTextActive: #FFD1DD; +$dangerBackgroundBase: #B23655; +$dangerBackgroundHover: #C74C6B; +$dangerBackgroundActive: #EA8AA3; +$dangerBackgroundMuted: #34101A; +$dangerBackgroundMutedHover: #451522; +$dangerBackgroundMutedActive: #8F2843; +$dangerBackgroundBox: #290F16; +$dangerBorderBase: #8F2843; +$dangerBorderHover: #B23655; +$dangerBorderActive: #C74C6B; +$highlightTextBase: #865C99; +$highlightTextHover: #B990CC; +$highlightTextActive: #F0D1FF; +$highlightBackgroundBase: #693B80; +$highlightBackgroundHover: #865C99; +$highlightBackgroundActive: #B990CC; +$highlightBackgroundMuted: #291433; +$highlightBackgroundMutedHover: #33193F; +$highlightBackgroundMutedActive: #542F66; +$highlightBackgroundBox: #200F29; +$highlightBorderBase: #542F66; +$highlightBorderHover: #693B80; +$highlightBorderActive: #865C99; +$disabledText: #98999B; +$disabledBackground: #22272B; +$disabledNakedBackground: transparent; +$disabledBorder: #515357; +$disabledNakedContent: #22272B; +$disabledInputBackground: #2D3238; +$disabledInputLabelText: #98999B; +$inputBackgroundBase: #1B2228; +$inputBackgroundHover: #2D3238; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #FFFFFF; +$inputTextInformation: #BCBDBF; +$inputTextInformationError: #B23655; +$inputTextLabel: #BCBDBF; +$inputTextFloatingLabel: #4577AD; +$inputTextFloatingLabelError: #B23655; +$inputTextPlaceholder: #98999B; +$inputTextActive: #FFFFFF; +$inputBorderBase: #2D3238; +$inputBorderError: #8F2843; +$inputBorderHover: #515357; +$inputBorderEmphasized: #98999B; +$inputBorderEmphasizedHover: #BCBDBF; +$inputBorderActive: #285685; +$separatorBase: #515357; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #515357; +$lightBackgroundHover: #E8E9EA; +$lightBackgroundActive: #E8E9EA; +$lightTextBase: #2D3238; +$lightLinkMutedBase: #E8E9EA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #000000; +$accentForestTextBase: #86D6B9; +$accentForestBackgroundMuted: #0F3326; +$accentForestBackgroundMutedHover: #13402F; +$accentForestBackgroundMutedActive: #256E53; +$accentSandTextBase: #D6BA87; +$accentSandBackgroundMuted: #33260F; +$accentSandBackgroundMutedHover: #402F13; +$accentSandBackgroundMutedActive: #6E5225; \ 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..30862ded --- /dev/null +++ b/dist/tokens/scss/themes/emerson.scss @@ -0,0 +1,148 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 16:02:33 GMT + +$textEmphasis: #36485C; +$textBody: #475A70; +$textSubdued: #596D84; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #FFFFFF; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #FFFFFF; +$primaryTextHover: #FFFFFF; +$primaryTextActive: #FFFFFF; +$primaryBackgroundBase: #36485C; +$primaryBackgroundHover: #2E3A47; +$primaryBackgroundActive: #212933; +$primaryBackgroundMuted: #F5F7FA; +$primaryBackgroundMutedHover: #E6EDF5; +$primaryBackgroundMutedActive: #C8D3E0; +$primaryBackgroundBox: #FCFEFF; +$primaryBorderBase: #C8D3E0; +$primaryBorderHover: #596D84; +$primaryBorderActive: #2E3A47; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #C8D3E0; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #000000; +$accentForestTextBase: #275E43; +$accentForestBackgroundMuted: #EBF2EF; +$accentForestBackgroundMutedHover: #D1E0D9; +$accentForestBackgroundMutedActive: #B6CFC2; +$accentSandTextBase: #5E4D27; +$accentSandBackgroundMuted: #F6F1E5; +$accentSandBackgroundMutedHover: #E4D9C2; +$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/light.scss b/dist/tokens/scss/themes/light.scss new file mode 100644 index 00000000..810f6c19 --- /dev/null +++ b/dist/tokens/scss/themes/light.scss @@ -0,0 +1,148 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 16:02:33 GMT + +$textEmphasis: #2E3A47; +$textBody: #36485C; +$textSubdued: #475A70; +$textOnBackground: #FFFFFF; +$systemTextLabelEmphasis: #2E3A47; +$systemTextBase: #475A70; +$systemTextHover: #36485C; +$systemTextActive: #2E3A47; +$systemBackgroundBase: #FFFFFF; +$systemBackgroundMuted: #F5F7FA; +$systemBackgroundMutedHover: #E6EDF5; +$systemBackgroundMutedActive: #C8D3E0; +$systemBackgroundBox: #FCFEFF; +$systemBorderBase: #C8D3E0; +$systemBorderHover: #596D84; +$systemBorderActive: #475A70; +$systemBorderFocused: #3971A8; +$surfaceLevel0: #FFFFFF; +$surfaceLevel1: #FFFFFF; +$surfaceLevel2: #F5F7FA; +$surfaceInteractiveBackground: #FFFFFF; +$surfaceInteractiveHover: #F5F7FA; +$surfaceInteractiveActive: #E6EDF5; +$surfaceOverlayDark: #2E3A47; +$surfaceOverlayTheme: #FFFFFF; +$surfaceOverlayBackdrop: #36485C; +$primaryTextBase: #FFFFFF; +$primaryTextHover: #FFFFFF; +$primaryTextActive: #FFFFFF; +$primaryBackgroundBase: #36485C; +$primaryBackgroundHover: #2E3A47; +$primaryBackgroundActive: #212933; +$primaryBackgroundMuted: #F5F7FA; +$primaryBackgroundMutedHover: #E6EDF5; +$primaryBackgroundMutedActive: #C8D3E0; +$primaryBackgroundBox: #FCFEFF; +$primaryBorderBase: #C8D3E0; +$primaryBorderHover: #596D84; +$primaryBorderActive: #2E3A47; +$successTextBase: #307553; +$successTextHover: #275E43; +$successTextActive: #244C38; +$successBackgroundBase: #307553; +$successBackgroundHover: #275E43; +$successBackgroundActive: #244C38; +$successBackgroundMuted: #EBF2EF; +$successBackgroundMutedHover: #D1E0D9; +$successBackgroundMutedActive: #B6CFC2; +$successBackgroundBox: #FAFFFC; +$successBorderBase: #307553; +$successBorderHover: #275E43; +$successBorderActive: #244C38; +$infoTextBase: #3971A8; +$infoTextHover: #21588F; +$infoTextActive: #194673; +$infoBackgroundBase: #3971A8; +$infoBackgroundHover: #21588F; +$infoBackgroundActive: #194673; +$infoBackgroundMuted: #E6F1FC; +$infoBackgroundMutedHover: #C0D8F0; +$infoBackgroundMutedActive: #88B1D9; +$infoBackgroundBox: #F5FAFF; +$infoBorderBase: #3971A8; +$infoBorderHover: #21588F; +$infoBorderActive: #194673; +$warningTextBase: #B4631D; +$warningTextHover: #8E4D14; +$warningTextActive: #784213; +$warningBackgroundBase: #B4631D; +$warningBackgroundHover: #8E4D14; +$warningBackgroundActive: #784213; +$warningBackgroundMuted: #FFF3E8; +$warningBackgroundMutedHover: #F3D8C0; +$warningBackgroundMutedActive: #E7B88F; +$warningBackgroundBox: #FFFAF5; +$warningBorderBase: #B4631D; +$warningBorderHover: #8E4D14; +$warningBorderActive: #784213; +$dangerTextBase: #AF2645; +$dangerTextHover: #980B29; +$dangerTextActive: #800D25; +$dangerBackgroundBase: #AF2645; +$dangerBackgroundHover: #980B29; +$dangerBackgroundActive: #800D25; +$dangerBackgroundMuted: #FEEEF2; +$dangerBackgroundMutedHover: #F0C4CD; +$dangerBackgroundMutedActive: #E296A6; +$dangerBackgroundBox: #FFF7F9; +$dangerBorderBase: #AF2645; +$dangerBorderHover: #980B29; +$dangerBorderActive: #800D25; +$highlightTextBase: #533E7D; +$highlightTextHover: #3B2566; +$highlightTextActive: #2A174F; +$highlightBackgroundBase: #533E7D; +$highlightBackgroundHover: #3B2566; +$highlightBackgroundActive: #2A174F; +$highlightBackgroundMuted: #F2ECFE; +$highlightBackgroundMutedHover: #D7CEE9; +$highlightBackgroundMutedActive: #B9ABD5; +$highlightBackgroundBox: #FCFAFF; +$highlightBorderBase: #533E7D; +$highlightBorderHover: #3B2566; +$highlightBorderActive: #2A174F; +$disabledText: #596D84; +$disabledBackground: #F5F7FA; +$disabledNakedBackground: transparent; +$disabledBorder: #C8D3E0; +$disabledInputBackground: #E6EDF5; +$disabledInputLabelText: #596D84; +$inputBackgroundBase: #F5F7FA; +$inputBackgroundHover: #E6EDF5; +$inputBackgroundInformation: #FFFFFF; +$inputTextBase: #475A70; +$inputTextInformation: #475A70; +$inputTextInformationError: #AF2645; +$inputTextLabel: #475A70; +$inputTextFloatingLabel: #3971A8; +$inputTextFloatingLabelError: #AF2645; +$inputTextPlaceholder: #596D84; +$inputTextActive: #2E3A47; +$inputBorderBase: #E6EDF5; +$inputBorderError: #AF2645; +$inputBorderHover: #C8D3E0; +$inputBorderEmphasized: #596D84; +$inputBorderEmphasizedHover: #475A70; +$inputBorderActive: #3971A8; +$separatorBase: #C8D3E0; +$lightBackgroundBase: #FFFFFF; +$lightBackgroundContrast: #475A70; +$lightBackgroundHover: #F5F7FA; +$lightBackgroundActive: #E6EDF5; +$lightTextBase: #2E3A47; +$lightLinkMutedBase: #F5F7FA; +$lightLinkMutedHover: #FFFFFF; +$shadowBase: #36485C; +$accentForestTextBase: #275E43; +$accentForestBackgroundMuted: #EBF2EF; +$accentForestBackgroundMutedHover: #D1E0D9; +$accentForestBackgroundMutedActive: #B6CFC2; +$accentSandTextBase: #5E4D27; +$accentSandBackgroundMuted: #F6F1E5; +$accentSandBackgroundMutedHover: #E4D9C2; +$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/themes/lightDS3.scss b/dist/tokens/scss/themes/lightDS3.scss new file mode 100644 index 00000000..306fdf1d --- /dev/null +++ b/dist/tokens/scss/themes/lightDS3.scss @@ -0,0 +1,148 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 16:02:33 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; +$accentForestTextBase: #275E43; +$accentForestBackgroundMuted: #EBF2EF; +$accentForestBackgroundMutedHover: #D1E0D9; +$accentForestBackgroundMutedActive: #B6CFC2; +$accentSandTextBase: #5E4D27; +$accentSandBackgroundMuted: #F6F1E5; +$accentSandBackgroundMutedHover: #E4D9C2; +$accentSandBackgroundMutedActive: #DACCAA; \ No newline at end of file diff --git a/dist/tokens/scss/typography.scss b/dist/tokens/scss/typography.scss new file mode 100644 index 00000000..174fa650 --- /dev/null +++ b/dist/tokens/scss/typography.scss @@ -0,0 +1,116 @@ + +// Do not edit directly +// Generated on Tue, 17 Oct 2023 16:02:33 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..71cf5758 --- /dev/null +++ b/dist/tokens/ts/borders.d.ts @@ -0,0 +1,10 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 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..540ddaa2 --- /dev/null +++ b/dist/tokens/ts/borders.js @@ -0,0 +1,12 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 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..36ab6857 --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.d.ts @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..d7d5273b --- /dev/null +++ b/dist/tokens/ts/core-dark-colors.js @@ -0,0 +1,13 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {green : {100 : "#0C291E",200 : "#0F3326",300 : "#13402F",400 : "#256E53",500 : "#288563",600 : "#42AD86",700 : "#86D6B9",800 : "#DBFFF1"}, +blue : {100 : "#0C1B29",200 : "#102337",300 : "#142C45",400 : "#285685",500 : "#4577AD",600 : "#6597CE",700 : "#96BDE7",800 : "#D1E8FF"}, +red : {100 : "#290F16",200 : "#34101A",300 : "#451522",400 : "#8F2843",500 : "#B23655",600 : "#C74C6B",700 : "#EA8AA3",800 : "#FFD1DD"}, +purple : {100 : "#200F29",200 : "#291433",300 : "#33193F",400 : "#542F66",500 : "#693B80",600 : "#865C99",700 : "#B990CC",800 : "#F0D1FF"}, +orange : {100 : "#29170C",200 : "#361D0E",300 : "#4A2915",400 : "#8A4E29",500 : "#AD6234",600 : "#CF7945",700 : "#E7AA84",800 : "#FFE3D1"}, +grey : {100 : "#101012",200 : "#1A1D21",300 : "#22272B",400 : "#2D3238",500 : "#515357",600 : "#98999B",700 : "#BCBDBF",800 : "#E8E9EA"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +brown : {200 : "#33260F",300 : "#402F13",400 : "#6E5225",700 : "#D6BA87"},}; \ 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..5477cf60 --- /dev/null +++ b/dist/tokens/ts/core-light-colors.d.ts @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const green : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const blue : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const red : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const purple : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const orange : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const grey : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string,900 : string}; +export const shades : {white : string,black : string,transparent : string}; +export const yellow : {100 : string,200 : string,300 : string,400 : string,500 : string,600 : string,700 : string,800 : string}; +export const brown : {200 : string,300 : string,400 : string,700 : string}; \ 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..a54f70e3 --- /dev/null +++ b/dist/tokens/ts/core-light-colors.js @@ -0,0 +1,14 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {green : {100 : "#FAFFFC",200 : "#EBF2EF",300 : "#D1E0D9",400 : "#B6CFC2",500 : "#86B09B",600 : "#307553",700 : "#275E43",800 : "#244C38"}, +blue : {100 : "#F5FAFF",200 : "#E6F1FC",300 : "#C0D8F0",400 : "#88B1D9",500 : "#5D96CF",600 : "#3971A8",700 : "#21588F",800 : "#194673"}, +red : {100 : "#FFF7F9",200 : "#FEEEF2",300 : "#F0C4CD",400 : "#E296A6",500 : "#C6516A",600 : "#AF2645",700 : "#980B29",800 : "#800D25"}, +purple : {100 : "#FCFAFF",200 : "#F2ECFE",300 : "#D7CEE9",400 : "#B9ABD5",500 : "#8471AB",600 : "#533E7D",700 : "#3B2566",800 : "#2A174F"}, +orange : {100 : "#FFFAF5",200 : "#FFF3E8",300 : "#F3D8C0",400 : "#E7B88F",500 : "#CF8545",600 : "#B4631D",700 : "#8E4D14",800 : "#784213"}, +grey : {100 : "#FCFEFF",200 : "#F5F7FA",300 : "#E6EDF5",400 : "#C8D3E0",500 : "#596D84",600 : "#475A70",700 : "#36485C",800 : "#2E3A47",900 : "#212933"}, +shades : {white : "#FFFFFF",black : "#000000",transparent : "transparent"}, +yellow : {100 : "#faf8f2",200 : "#fcf3dd",300 : "#fce7b1",400 : "#fcd97e",500 : "#fccb4c",600 : "#ffc121",700 : "#f7b200",800 : "#e5a500"}, +brown : {200 : "#F6F1E5",300 : "#E4D9C2",400 : "#DACCAA",700 : "#5E4D27"},}; \ 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..536ae6fe --- /dev/null +++ b/dist/tokens/ts/themes/dark.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,nakedContent : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..7f934a9b --- /dev/null +++ b/dist/tokens/ts/themes/dark.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {theme: "dark", +text : {emphasis : "#E8E9EA",body : "#BCBDBF",subdued : "#98999B",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#FFFFFF",textBase : "#BCBDBF",textHover : "#E8E9EA",textActive : "#FFFFFF",backgroundBase : "#101012",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#1A1D21",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF",borderFocused : "#6597CE"}, +surface : {level0 : "#101012",level1 : "#101012",level2 : "#22272B",interactiveBackground : "#1A1D21",interactiveHover : "#22272B",interactiveActive : "#2D3238",overlayDark : "#22272B",overlayTheme : "#1A1D21",overlayBackdrop : "#1A1D21"}, +primary : {textBase : "#1A1D21",textHover : "#1A1D21",textActive : "#1A1D21",backgroundBase : "#E8E9EA",backgroundHover : "#FFFFFF",backgroundActive : "#FFFFFF",backgroundMuted : "#22272B",backgroundMutedHover : "#2D3238",backgroundMutedActive : "#515357",backgroundBox : "#0C291E",borderBase : "#515357",borderHover : "#98999B",borderActive : "#BCBDBF"}, +success : {textBase : "#42AD86",textHover : "#86D6B9",textActive : "#DBFFF1",backgroundBase : "#288563",backgroundHover : "#42AD86",backgroundActive : "#86D6B9",backgroundMuted : "#0F3326",backgroundMutedHover : "#13402F",backgroundMutedActive : "#256E53",backgroundBox : "#0C291E",borderBase : "#256E53",borderHover : "#288563",borderActive : "#42AD86"}, +info : {textBase : "#6597CE",textHover : "#96BDE7",textActive : "#D1E8FF",backgroundBase : "#4577AD",backgroundHover : "#285685",backgroundActive : "#142C45",backgroundMuted : "#102337",backgroundMutedHover : "#142C45",backgroundMutedActive : "#285685",backgroundBox : "#0C1B29",borderBase : "#4577AD",borderHover : "#285685",borderActive : "#142C45"}, +warning : {textBase : "#CF7945",textHover : "#E7AA84",textActive : "#FFE3D1",backgroundBase : "#AD6234",backgroundHover : "#CF7945",backgroundActive : "#E7AA84",backgroundMuted : "#361D0E",backgroundMutedHover : "#4A2915",backgroundMutedActive : "#8A4E29",backgroundBox : "#29170C",borderBase : "#8A4E29",borderHover : "#AD6234",borderActive : "#CF7945"}, +danger : {textBase : "#C74C6B",textHover : "#EA8AA3",textActive : "#FFD1DD",backgroundBase : "#B23655",backgroundHover : "#C74C6B",backgroundActive : "#EA8AA3",backgroundMuted : "#34101A",backgroundMutedHover : "#451522",backgroundMutedActive : "#8F2843",backgroundBox : "#290F16",borderBase : "#8F2843",borderHover : "#B23655",borderActive : "#C74C6B"}, +highlight : {textBase : "#865C99",textHover : "#B990CC",textActive : "#F0D1FF",backgroundBase : "#693B80",backgroundHover : "#865C99",backgroundActive : "#B990CC",backgroundMuted : "#291433",backgroundMutedHover : "#33193F",backgroundMutedActive : "#542F66",backgroundBox : "#200F29",borderBase : "#542F66",borderHover : "#693B80",borderActive : "#865C99"}, +disabled : {text : "#98999B",background : "#22272B",nakedBackground : "transparent",border : "#515357",nakedContent : "#22272B",inputBackground : "#2D3238",inputLabelText : "#98999B"}, +input : {backgroundBase : "#1B2228",backgroundHover : "#2D3238",backgroundInformation : "#FFFFFF",textBase : "#FFFFFF",textInformation : "#BCBDBF",textInformationError : "#B23655",textLabel : "#BCBDBF",textFloatingLabel : "#4577AD",textFloatingLabelError : "#B23655",textPlaceholder : "#98999B",textActive : "#FFFFFF",borderBase : "#2D3238",borderError : "#8F2843",borderHover : "#515357",borderEmphasized : "#98999B",borderEmphasizedHover : "#BCBDBF",borderActive : "#285685"}, +separator : {base : "#515357"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#515357",backgroundHover : "#E8E9EA",backgroundActive : "#E8E9EA",textBase : "#2D3238",linkMutedBase : "#E8E9EA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#86D6B9",forestBackgroundMuted : "#0F3326",forestBackgroundMutedHover : "#13402F",forestBackgroundMutedActive : "#256E53",sandTextBase : "#D6BA87",sandBackgroundMuted : "#33260F",sandBackgroundMutedHover : "#402F13",sandBackgroundMutedActive : "#6E5225"},boxShadows: {cardBase : "0px 1px 2px 0px #00000052",cardHover : "0px 2px 8px 0px #00000066",popoverBase : "0px 4px 16px 0px #00000052",modalBase : "0px 4px 16px 0px #0000007a"},opacity: {overlayBackdrop : 0.8},}; \ 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..d8b0b998 --- /dev/null +++ b/dist/tokens/ts/themes/emerson.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..c098635a --- /dev/null +++ b/dist/tokens/ts/themes/emerson.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {theme: "emerson", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#000000"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #00000029",cardHover : "0px 2px 8px 0px #00000033",popoverBase : "0px 4px 16px 0px #00000029",modalBase : "0px 8px 32px 0px #0000003d"},opacity: {overlayBackdrop : 0.2},}; \ 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..d8b0b998 --- /dev/null +++ b/dist/tokens/ts/themes/light.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..1d09f4bc --- /dev/null +++ b/dist/tokens/ts/themes/light.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {theme: "light", +text : {emphasis : "#2E3A47",body : "#36485C",subdued : "#475A70",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#FFFFFF",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#FFFFFF",textHover : "#FFFFFF",textActive : "#FFFFFF",backgroundBase : "#36485C",backgroundHover : "#2E3A47",backgroundActive : "#212933",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#2E3A47"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#C8D3E0"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..d8b0b998 --- /dev/null +++ b/dist/tokens/ts/themes/lightDS3.d.ts @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +export const theme: string; +export const text : {emphasis : string,body : string,subdued : string,onBackground : string}; +export const system : {textLabelEmphasis : string,textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string,borderFocused : string}; +export const surface : {level0 : string,level1 : string,level2 : string,interactiveBackground : string,interactiveHover : string,interactiveActive : string,overlayDark : string,overlayTheme : string,overlayBackdrop : string}; +export const primary : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const success : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const info : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const warning : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const danger : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const highlight : {textBase : string,textHover : string,textActive : string,backgroundBase : string,backgroundHover : string,backgroundActive : string,backgroundMuted : string,backgroundMutedHover : string,backgroundMutedActive : string,backgroundBox : string,borderBase : string,borderHover : string,borderActive : string}; +export const disabled : {text : string,background : string,nakedBackground : string,border : string,inputBackground : string,inputLabelText : string}; +export const input : {backgroundBase : string,backgroundHover : string,backgroundInformation : string,textBase : string,textInformation : string,textInformationError : string,textLabel : string,textFloatingLabel : string,textFloatingLabelError : string,textPlaceholder : string,textActive : string,borderBase : string,borderError : string,borderHover : string,borderEmphasized : string,borderEmphasizedHover : string,borderActive : string}; +export const separator : {base : string}; +export const light : {backgroundBase : string,backgroundContrast : string,backgroundHover : string,backgroundActive : string,textBase : string,linkMutedBase : string,linkMutedHover : string}; +export const shadow : {base : string}; +export const accent : {forestTextBase : string,forestBackgroundMuted : string,forestBackgroundMutedHover : string,forestBackgroundMutedActive : string,sandTextBase : string,sandBackgroundMuted : string,sandBackgroundMutedHover : string,sandBackgroundMutedActive : string};export const boxShadows: {cardBase : string,cardHover : string,popoverBase : string,modalBase : string};export const opacity: {overlayBackdrop : number}; \ 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..fddcfb26 --- /dev/null +++ b/dist/tokens/ts/themes/lightDS3.js @@ -0,0 +1,21 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 GMT + */ + +module.exports = {theme: "lightDS3", +text : {emphasis : "#36485C",body : "#475A70",subdued : "#596D84",onBackground : "#FFFFFF"}, +system : {textLabelEmphasis : "#2E3A47",textBase : "#475A70",textHover : "#36485C",textActive : "#2E3A47",backgroundBase : "#FFFFFF",backgroundMuted : "#F5F7FA",backgroundMutedHover : "#E6EDF5",backgroundMutedActive : "#C8D3E0",backgroundBox : "#FCFEFF",borderBase : "#C8D3E0",borderHover : "#596D84",borderActive : "#475A70",borderFocused : "#3971A8"}, +surface : {level0 : "#F5F7FA",level1 : "#FFFFFF",level2 : "#F5F7FA",interactiveBackground : "#FFFFFF",interactiveHover : "#F5F7FA",interactiveActive : "#E6EDF5",overlayDark : "#2E3A47",overlayTheme : "#FFFFFF",overlayBackdrop : "#36485C"}, +primary : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +success : {textBase : "#307553",textHover : "#275E43",textActive : "#244C38",backgroundBase : "#307553",backgroundHover : "#275E43",backgroundActive : "#244C38",backgroundMuted : "#EBF2EF",backgroundMutedHover : "#D1E0D9",backgroundMutedActive : "#B6CFC2",backgroundBox : "#FAFFFC",borderBase : "#307553",borderHover : "#275E43",borderActive : "#244C38"}, +info : {textBase : "#3971A8",textHover : "#21588F",textActive : "#194673",backgroundBase : "#3971A8",backgroundHover : "#21588F",backgroundActive : "#194673",backgroundMuted : "#E6F1FC",backgroundMutedHover : "#C0D8F0",backgroundMutedActive : "#88B1D9",backgroundBox : "#F5FAFF",borderBase : "#3971A8",borderHover : "#21588F",borderActive : "#194673"}, +warning : {textBase : "#B4631D",textHover : "#8E4D14",textActive : "#784213",backgroundBase : "#B4631D",backgroundHover : "#8E4D14",backgroundActive : "#784213",backgroundMuted : "#FFF3E8",backgroundMutedHover : "#F3D8C0",backgroundMutedActive : "#E7B88F",backgroundBox : "#FFFAF5",borderBase : "#B4631D",borderHover : "#8E4D14",borderActive : "#784213"}, +danger : {textBase : "#AF2645",textHover : "#980B29",textActive : "#800D25",backgroundBase : "#AF2645",backgroundHover : "#980B29",backgroundActive : "#800D25",backgroundMuted : "#FEEEF2",backgroundMutedHover : "#F0C4CD",backgroundMutedActive : "#E296A6",backgroundBox : "#FFF7F9",borderBase : "#AF2645",borderHover : "#980B29",borderActive : "#800D25"}, +highlight : {textBase : "#533E7D",textHover : "#3B2566",textActive : "#2A174F",backgroundBase : "#533E7D",backgroundHover : "#3B2566",backgroundActive : "#2A174F",backgroundMuted : "#F2ECFE",backgroundMutedHover : "#D7CEE9",backgroundMutedActive : "#B9ABD5",backgroundBox : "#FCFAFF",borderBase : "#533E7D",borderHover : "#3B2566",borderActive : "#2A174F"}, +disabled : {text : "#596D84",background : "#F5F7FA",nakedBackground : "transparent",border : "#C8D3E0",inputBackground : "#E6EDF5",inputLabelText : "#596D84"}, +input : {backgroundBase : "#F5F7FA",backgroundHover : "#E6EDF5",backgroundInformation : "#FFFFFF",textBase : "#475A70",textInformation : "#475A70",textInformationError : "#AF2645",textLabel : "#475A70",textFloatingLabel : "#3971A8",textFloatingLabelError : "#AF2645",textPlaceholder : "#596D84",textActive : "#2E3A47",borderBase : "#E6EDF5",borderError : "#AF2645",borderHover : "#C8D3E0",borderEmphasized : "#596D84",borderEmphasizedHover : "#475A70",borderActive : "#3971A8"}, +separator : {base : "#E6EDF5"}, +light : {backgroundBase : "#FFFFFF",backgroundContrast : "#475A70",backgroundHover : "#F5F7FA",backgroundActive : "#E6EDF5",textBase : "#2E3A47",linkMutedBase : "#F5F7FA",linkMutedHover : "#FFFFFF"}, +shadow : {base : "#36485C"}, +accent : {forestTextBase : "#275E43",forestBackgroundMuted : "#EBF2EF",forestBackgroundMutedHover : "#D1E0D9",forestBackgroundMutedActive : "#B6CFC2",sandTextBase : "#5E4D27",sandBackgroundMuted : "#F6F1E5",sandBackgroundMutedHover : "#E4D9C2",sandBackgroundMutedActive : "#DACCAA"},boxShadows: {cardBase : "0px 1px 2px 0px #36485c29",cardHover : "0px 2px 8px 0px #36485c33",popoverBase : "0px 4px 16px 0px #36485c29",modalBase : "0px 8px 32px 0px #36485c3d"},opacity: {overlayBackdrop : 0.2},}; \ 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..7e3d5590 --- /dev/null +++ b/dist/tokens/ts/typography.d.ts @@ -0,0 +1,117 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 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..36462ce9 --- /dev/null +++ b/dist/tokens/ts/typography.js @@ -0,0 +1,119 @@ +/** + * Do not edit directly + * Generated on Tue, 17 Oct 2023 16:02:33 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 26b64ccc8db6a1027e09674f4b5ae608a540447f Mon Sep 17 00:00:00 2001 From: CCAyl Date: Tue, 17 Oct 2023 16:03:05 +0000 Subject: [PATCH 19/19] Files compiled! --- dist/helpers/colorProfileMapper.d.ts | 109 +++++++++++++++++++++++ dist/helpers/colorProfileMapper.d.ts.map | 1 + dist/helpers/colorProfileMapper.js | 21 +++++ dist/helpers/index.d.ts | 2 + dist/helpers/index.d.ts.map | 1 + dist/helpers/index.js | 24 +++++ dist/index.d.ts | 9 ++ dist/index.d.ts.map | 1 + dist/index.js | 94 +++++++++++++++++++ dist/types/accents.d.ts | 8 ++ dist/types/accents.d.ts.map | 1 + dist/types/accents.js | 11 +++ dist/types/index.d.ts | 5 ++ dist/types/index.d.ts.map | 1 + dist/types/index.js | 63 +++++++++++++ dist/types/intentions.d.ts | 16 ++++ dist/types/intentions.d.ts.map | 1 + dist/types/intentions.js | 19 ++++ dist/types/interfaces.d.ts | 30 +++++++ dist/types/interfaces.d.ts.map | 1 + dist/types/interfaces.js | 43 +++++++++ dist/types/profiles.d.ts | 6 ++ dist/types/profiles.d.ts.map | 1 + dist/types/profiles.js | 5 ++ dist/types/themes.d.ts | 8 ++ dist/types/themes.d.ts.map | 1 + dist/types/themes.js | 46 ++++++++++ 27 files changed, 528 insertions(+) create mode 100644 dist/helpers/colorProfileMapper.d.ts create mode 100644 dist/helpers/colorProfileMapper.d.ts.map create mode 100644 dist/helpers/colorProfileMapper.js create mode 100644 dist/helpers/index.d.ts create mode 100644 dist/helpers/index.d.ts.map create mode 100644 dist/helpers/index.js create mode 100644 dist/index.d.ts create mode 100644 dist/index.d.ts.map create mode 100644 dist/index.js create mode 100644 dist/types/accents.d.ts create mode 100644 dist/types/accents.d.ts.map create mode 100644 dist/types/accents.js create mode 100644 dist/types/index.d.ts create mode 100644 dist/types/index.d.ts.map create mode 100644 dist/types/index.js create mode 100644 dist/types/intentions.d.ts create mode 100644 dist/types/intentions.d.ts.map create mode 100644 dist/types/intentions.js create mode 100644 dist/types/interfaces.d.ts create mode 100644 dist/types/interfaces.d.ts.map create mode 100644 dist/types/interfaces.js create mode 100644 dist/types/profiles.d.ts create mode 100644 dist/types/profiles.d.ts.map create mode 100644 dist/types/profiles.js create mode 100644 dist/types/themes.d.ts create mode 100644 dist/types/themes.d.ts.map create mode 100644 dist/types/themes.js diff --git a/dist/helpers/colorProfileMapper.d.ts b/dist/helpers/colorProfileMapper.d.ts new file mode 100644 index 00000000..05da7d25 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts @@ -0,0 +1,109 @@ +import type { AviaryTheme } from "../types/themes"; +export declare const colorProfileMapper: (currentTheme: AviaryTheme) => { + primary: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + info: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + warning: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + danger: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + highlight: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; + system: { + textLabelEmphasis: string; + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + borderFocused: string; + }; + success: { + textBase: string; + textHover: string; + textActive: string; + backgroundBase: string; + backgroundHover: string; + backgroundActive: string; + backgroundMuted: string; + backgroundMutedHover: string; + backgroundMutedActive: string; + backgroundBox: string; + borderBase: string; + borderHover: string; + borderActive: string; + }; +}; +//# sourceMappingURL=colorProfileMapper.d.ts.map \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.d.ts.map b/dist/helpers/colorProfileMapper.d.ts.map new file mode 100644 index 00000000..3c1e9e83 --- /dev/null +++ b/dist/helpers/colorProfileMapper.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"colorProfileMapper.d.ts","sourceRoot":"","sources":["../../src/helpers/colorProfileMapper.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,eAAO,MAAM,kBAAkB,iBAAkB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAU3D,CAAC"} \ No newline at end of file diff --git a/dist/helpers/colorProfileMapper.js b/dist/helpers/colorProfileMapper.js new file mode 100644 index 00000000..e5da22d5 --- /dev/null +++ b/dist/helpers/colorProfileMapper.js @@ -0,0 +1,21 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.colorProfileMapper = void 0; + +// Used for mapping over selected `isColor` properties +var colorProfileMapper = function colorProfileMapper(currentTheme) { + return { + primary: currentTheme.primary, + info: currentTheme.info, + warning: currentTheme.warning, + danger: currentTheme.danger, + highlight: currentTheme.highlight, + system: currentTheme.system, + success: currentTheme.success + }; +}; + +exports.colorProfileMapper = colorProfileMapper; \ No newline at end of file diff --git a/dist/helpers/index.d.ts b/dist/helpers/index.d.ts new file mode 100644 index 00000000..7a4a22d6 --- /dev/null +++ b/dist/helpers/index.d.ts @@ -0,0 +1,2 @@ +export * from "./colorProfileMapper"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/helpers/index.d.ts.map b/dist/helpers/index.d.ts.map new file mode 100644 index 00000000..94ae4bb1 --- /dev/null +++ b/dist/helpers/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC"} \ No newline at end of file diff --git a/dist/helpers/index.js b/dist/helpers/index.js new file mode 100644 index 00000000..155de21a --- /dev/null +++ b/dist/helpers/index.js @@ -0,0 +1,24 @@ +"use strict"; + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _colorProfileMapper = require("./colorProfileMapper"); + +Object.keys(_colorProfileMapper).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _colorProfileMapper[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _colorProfileMapper[key]; + } + }); +}); \ No newline at end of file diff --git a/dist/index.d.ts b/dist/index.d.ts new file mode 100644 index 00000000..dcd56928 --- /dev/null +++ b/dist/index.d.ts @@ -0,0 +1,9 @@ +export * from "./helpers"; +export * from "./types"; +export * as borders from "../dist/tokens/ts/borders"; +export * as typography from "../dist/tokens/ts/typography"; +export * as lightThemeDocumentation from "../dist/documentation/themes/light"; +export * as darkThemeDocumentation from "../dist/documentation/themes/dark"; +export * as coreDarkDocumentation from "../dist/documentation/core-dark-colors"; +export * as coreLightDocumentation from "../dist/documentation/core-light-colors"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/index.d.ts.map b/dist/index.d.ts.map new file mode 100644 index 00000000..666537dc --- /dev/null +++ b/dist/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,OAAO,KAAK,OAAO,MAAM,2BAA2B,CAAC;AACrD,OAAO,KAAK,UAAU,MAAM,8BAA8B,CAAC;AAC3D,OAAO,KAAK,uBAAuB,MAAM,oCAAoC,CAAC;AAC9E,OAAO,KAAK,sBAAsB,MAAM,mCAAmC,CAAC;AAG5E,OAAO,KAAK,qBAAqB,MAAM,wCAAwC,CAAC;AAChF,OAAO,KAAK,sBAAsB,MAAM,yCAAyC,CAAC"} \ No newline at end of file diff --git a/dist/index.js b/dist/index.js new file mode 100644 index 00000000..b653d350 --- /dev/null +++ b/dist/index.js @@ -0,0 +1,94 @@ +"use strict"; + +function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); } + +require("core-js/modules/es.array.iterator.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.string.iterator.js"); + +require("core-js/modules/es.weak-map.js"); + +require("core-js/modules/web.dom-collections.iterator.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.symbol.description.js"); + +require("core-js/modules/es.symbol.iterator.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +var _exportNames = { + borders: true, + typography: true, + lightThemeDocumentation: true, + darkThemeDocumentation: true, + coreDarkDocumentation: true, + coreLightDocumentation: true +}; +exports.typography = exports.lightThemeDocumentation = exports.darkThemeDocumentation = exports.coreLightDocumentation = exports.coreDarkDocumentation = exports.borders = void 0; + +var _helpers = require("./helpers"); + +Object.keys(_helpers).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; + if (key in exports && exports[key] === _helpers[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _helpers[key]; + } + }); +}); + +var _types = require("./types"); + +Object.keys(_types).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return; + if (key in exports && exports[key] === _types[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _types[key]; + } + }); +}); + +var _borders = _interopRequireWildcard(require("../dist/tokens/ts/borders")); + +exports.borders = _borders; + +var _typography = _interopRequireWildcard(require("../dist/tokens/ts/typography")); + +exports.typography = _typography; + +var _lightThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/light")); + +exports.lightThemeDocumentation = _lightThemeDocumentation; + +var _darkThemeDocumentation = _interopRequireWildcard(require("../dist/documentation/themes/dark")); + +exports.darkThemeDocumentation = _darkThemeDocumentation; + +var _coreDarkDocumentation = _interopRequireWildcard(require("../dist/documentation/core-dark-colors")); + +exports.coreDarkDocumentation = _coreDarkDocumentation; + +var _coreLightDocumentation = _interopRequireWildcard(require("../dist/documentation/core-light-colors")); + +exports.coreLightDocumentation = _coreLightDocumentation; + +function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); } + +function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; } \ No newline at end of file diff --git a/dist/types/accents.d.ts b/dist/types/accents.d.ts new file mode 100644 index 00000000..f05772b4 --- /dev/null +++ b/dist/types/accents.d.ts @@ -0,0 +1,8 @@ +declare const AVIARY_ACCENTS: { + forest: string; + sand: string; +}; +declare type AviaryAccents = keyof typeof AVIARY_ACCENTS; +export type { AviaryAccents }; +export { AVIARY_ACCENTS }; +//# sourceMappingURL=accents.d.ts.map \ No newline at end of file diff --git a/dist/types/accents.d.ts.map b/dist/types/accents.d.ts.map new file mode 100644 index 00000000..b2bd7f17 --- /dev/null +++ b/dist/types/accents.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"accents.d.ts","sourceRoot":"","sources":["../../src/types/accents.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,cAAc;;;CAGnB,CAAC;AAEF,aAAK,aAAa,GAAG,MAAM,OAAO,cAAc,CAAC;AAEjD,YAAY,EAAE,aAAa,EAAE,CAAC;AAC9B,OAAO,EAAE,cAAc,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/accents.js b/dist/types/accents.js new file mode 100644 index 00000000..4c036bd7 --- /dev/null +++ b/dist/types/accents.js @@ -0,0 +1,11 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.AVIARY_ACCENTS = void 0; +var AVIARY_ACCENTS = { + forest: "forest", + sand: "sand" +}; +exports.AVIARY_ACCENTS = AVIARY_ACCENTS; \ No newline at end of file diff --git a/dist/types/index.d.ts b/dist/types/index.d.ts new file mode 100644 index 00000000..3bbc9771 --- /dev/null +++ b/dist/types/index.d.ts @@ -0,0 +1,5 @@ +export * from "./accents"; +export * from "./interfaces"; +export * from "./profiles"; +export * from "./intentions"; +//# sourceMappingURL=index.d.ts.map \ No newline at end of file diff --git a/dist/types/index.d.ts.map b/dist/types/index.d.ts.map new file mode 100644 index 00000000..1ff8e49a --- /dev/null +++ b/dist/types/index.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC"} \ No newline at end of file diff --git a/dist/types/index.js b/dist/types/index.js new file mode 100644 index 00000000..1acfb9c1 --- /dev/null +++ b/dist/types/index.js @@ -0,0 +1,63 @@ +"use strict"; + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.keys.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); + +var _accents = require("./accents"); + +Object.keys(_accents).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _accents[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _accents[key]; + } + }); +}); + +var _interfaces = require("./interfaces"); + +Object.keys(_interfaces).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _interfaces[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _interfaces[key]; + } + }); +}); + +var _profiles = require("./profiles"); + +Object.keys(_profiles).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _profiles[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _profiles[key]; + } + }); +}); + +var _intentions = require("./intentions"); + +Object.keys(_intentions).forEach(function (key) { + if (key === "default" || key === "__esModule") return; + if (key in exports && exports[key] === _intentions[key]) return; + Object.defineProperty(exports, key, { + enumerable: true, + get: function get() { + return _intentions[key]; + } + }); +}); \ No newline at end of file diff --git a/dist/types/intentions.d.ts b/dist/types/intentions.d.ts new file mode 100644 index 00000000..549a7988 --- /dev/null +++ b/dist/types/intentions.d.ts @@ -0,0 +1,16 @@ +declare const AVIARY_INTENTIONS: { + primary: string; + system: string; + danger: string; + success: string; + textSuccess: string; + textSystem: string; + textDanger: string; + lightFilled: string; + lightOutlined: string; + lightText: string; +}; +declare type AviaryIntentions = keyof typeof AVIARY_INTENTIONS; +export type { AviaryIntentions }; +export { AVIARY_INTENTIONS }; +//# sourceMappingURL=intentions.d.ts.map \ No newline at end of file diff --git a/dist/types/intentions.d.ts.map b/dist/types/intentions.d.ts.map new file mode 100644 index 00000000..1f79d160 --- /dev/null +++ b/dist/types/intentions.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"intentions.d.ts","sourceRoot":"","sources":["../../src/types/intentions.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,iBAAiB;;;;;;;;;;;CAWtB,CAAC;AAEF,aAAK,gBAAgB,GAAG,MAAM,OAAO,iBAAiB,CAAC;AAEvD,YAAY,EAAE,gBAAgB,EAAE,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/intentions.js b/dist/types/intentions.js new file mode 100644 index 00000000..85242ea9 --- /dev/null +++ b/dist/types/intentions.js @@ -0,0 +1,19 @@ +"use strict"; + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.AVIARY_INTENTIONS = void 0; +var AVIARY_INTENTIONS = { + primary: "primary", + system: "system", + danger: "danger", + success: "success", + textSuccess: "textSuccess", + textSystem: "textSystem", + textDanger: "textDanger", + lightFilled: "lightFilled", + lightOutlined: "lightOutlined", + lightText: "lightText" +}; +exports.AVIARY_INTENTIONS = AVIARY_INTENTIONS; \ No newline at end of file diff --git a/dist/types/interfaces.d.ts b/dist/types/interfaces.d.ts new file mode 100644 index 00000000..ab0bd272 --- /dev/null +++ b/dist/types/interfaces.d.ts @@ -0,0 +1,30 @@ +declare const AVIARY_COLORS: { + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; + success: string; +}; +declare const EXTENDED_AVIARY_COLORS: { + light: string; + primary: string; + info: string; + warning: string; + danger: string; + highlight: string; + system: string; + success: string; +}; +declare type AviaryColors = keyof typeof AVIARY_COLORS; +declare type ExtendedAviaryColors = keyof typeof EXTENDED_AVIARY_COLORS; +interface AviaryColorProps { + isColor?: AviaryColors; +} +interface AviaryExtendedColorProps { + isColor?: ExtendedAviaryColors; +} +export type { AviaryColors, AviaryColorProps, AviaryExtendedColorProps, ExtendedAviaryColors, }; +export { AVIARY_COLORS, EXTENDED_AVIARY_COLORS }; +//# sourceMappingURL=interfaces.d.ts.map \ No newline at end of file diff --git a/dist/types/interfaces.d.ts.map b/dist/types/interfaces.d.ts.map new file mode 100644 index 00000000..57492602 --- /dev/null +++ b/dist/types/interfaces.d.ts.map @@ -0,0 +1 @@ +{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/types/interfaces.ts"],"names":[],"mappings":"AAAA,QAAA,MAAM,aAAa;;;;;;;;CAQlB,CAAC;AAEF,QAAA,MAAM,sBAAsB;;;;;;;;;CAG3B,CAAC;AAEF,aAAK,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AAC/C,aAAK,oBAAoB,GAAG,MAAM,OAAO,sBAAsB,CAAC;AAEhE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB;AACD,UAAU,wBAAwB;IAChC,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC;AAED,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,wBAAwB,EACxB,oBAAoB,GACrB,CAAC;AACF,OAAO,EAAE,aAAa,EAAE,sBAAsB,EAAE,CAAC"} \ No newline at end of file diff --git a/dist/types/interfaces.js b/dist/types/interfaces.js new file mode 100644 index 00000000..900be27c --- /dev/null +++ b/dist/types/interfaces.js @@ -0,0 +1,43 @@ +"use strict"; + +require("core-js/modules/es.object.keys.js"); + +require("core-js/modules/es.symbol.js"); + +require("core-js/modules/es.array.filter.js"); + +require("core-js/modules/es.object.to-string.js"); + +require("core-js/modules/es.object.get-own-property-descriptor.js"); + +require("core-js/modules/web.dom-collections.for-each.js"); + +require("core-js/modules/es.object.get-own-property-descriptors.js"); + +Object.defineProperty(exports, "__esModule", { + value: true +}); +exports.EXTENDED_AVIARY_COLORS = exports.AVIARY_COLORS = void 0; + +function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; } + +function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; } + +function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } + +var AVIARY_COLORS = { + primary: "primary", + info: "info", + warning: "warning", + danger: "danger", + highlight: "highlight", + system: "system", + success: "success" +}; +exports.AVIARY_COLORS = AVIARY_COLORS; + +var EXTENDED_AVIARY_COLORS = _objectSpread(_objectSpread({}, AVIARY_COLORS), {}, { + light: "light" +}); + +exports.EXTENDED_AVIARY_COLORS = EXTENDED_AVIARY_COLORS; \ No newline at end of file diff --git a/dist/types/profiles.d.ts b/dist/types/profiles.d.ts new file mode 100644 index 00000000..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