@metamask-previews/design-tokens 4.1.0-preview.04cb60f

package/dist/js/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/js/index.ts"],"names":[],"mappings":";;;AACA,6CAAsC;AAA7B,oGAAA,UAAU,OAAA;AACnB,6CAAqC;AAA5B,mGAAA,SAAS,OAAA;AAClB,qDAA0C;AAAjC,wGAAA,UAAU,OAAA;AAEnB,uDAAuD;AACvD,6CAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,qDAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export type { Theme } from './themes';\nexport { lightTheme } from './themes';\nexport { darkTheme } from './themes';\nexport { brandColor } from './brandColor';\n\n// DEPRECATED in favor of importing theme objects above\nexport { colors } from './colors';\nexport { typography } from './typography';\n"]}

package/dist/js/index.d.cts

@@ -0,0 +1,7 @@
+export type { Theme } from "./themes/index.cjs";
+export { lightTheme } from "./themes/index.cjs";
+export { darkTheme } from "./themes/index.cjs";
+export { brandColor } from "./brandColor/index.cjs";
+export { colors } from "./colors/index.cjs";
+export { typography } from "./typography/index.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/js/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/js/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,EAAE,2BAAiB;AACtC,OAAO,EAAE,UAAU,EAAE,2BAAiB;AACtC,OAAO,EAAE,SAAS,EAAE,2BAAiB;AACrC,OAAO,EAAE,UAAU,EAAE,+BAAqB;AAG1C,OAAO,EAAE,MAAM,EAAE,2BAAiB;AAClC,OAAO,EAAE,UAAU,EAAE,+BAAqB"}

package/dist/js/index.d.mts

@@ -0,0 +1,7 @@
+export type { Theme } from "./themes/index.mjs";
+export { lightTheme } from "./themes/index.mjs";
+export { darkTheme } from "./themes/index.mjs";
+export { brandColor } from "./brandColor/index.mjs";
+export { colors } from "./colors/index.mjs";
+export { typography } from "./typography/index.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/js/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/js/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,KAAK,EAAE,2BAAiB;AACtC,OAAO,EAAE,UAAU,EAAE,2BAAiB;AACtC,OAAO,EAAE,SAAS,EAAE,2BAAiB;AACrC,OAAO,EAAE,UAAU,EAAE,+BAAqB;AAG1C,OAAO,EAAE,MAAM,EAAE,2BAAiB;AAClC,OAAO,EAAE,UAAU,EAAE,+BAAqB"}

package/dist/js/index.mjs

@@ -0,0 +1,7 @@
+export { lightTheme } from "./themes/index.mjs";
+export { darkTheme } from "./themes/index.mjs";
+export { brandColor } from "./brandColor/index.mjs";
+// DEPRECATED in favor of importing theme objects above
+export { colors } from "./colors/index.mjs";
+export { typography } from "./typography/index.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/js/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/js/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,2BAAiB;AACtC,OAAO,EAAE,SAAS,EAAE,2BAAiB;AACrC,OAAO,EAAE,UAAU,EAAE,+BAAqB;AAE1C,uDAAuD;AACvD,OAAO,EAAE,MAAM,EAAE,2BAAiB;AAClC,OAAO,EAAE,UAAU,EAAE,+BAAqB","sourcesContent":["export type { Theme } from './themes';\nexport { lightTheme } from './themes';\nexport { darkTheme } from './themes';\nexport { brandColor } from './brandColor';\n\n// DEPRECATED in favor of importing theme objects above\nexport { colors } from './colors';\nexport { typography } from './typography';\n"]}

package/dist/js/themes/darkTheme/colors.cjs

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colors = void 0;
+const brandColor_1 = require("../../brandColor/index.cjs");
+exports.colors = {
+    background: {
+        default: brandColor_1.brandColor.grey800,
+        alternative: brandColor_1.brandColor.grey900,
+        defaultHover: '#313235',
+        defaultPressed: '#3f4145',
+        alternativeHover: '#1f2123',
+        alternativePressed: '#2e3033',
+        hover: '#ffffff0a',
+        pressed: '#ffffff14', // For "pressed" state that use no background fill.
+    },
+    text: {
+        default: brandColor_1.brandColor.grey000,
+        alternative: brandColor_1.brandColor.grey200,
+        muted: brandColor_1.brandColor.grey400, // For the softest contrast neutral text (not accessible)
+    },
+    icon: {
+        default: brandColor_1.brandColor.grey000,
+        alternative: brandColor_1.brandColor.grey200,
+        muted: brandColor_1.brandColor.grey400, // For the weakest contrast neutral icons (not accessible)
+    },
+    border: {
+        default: brandColor_1.brandColor.grey400,
+        muted: '#848c9629', // For the weakest  contrast neutral border
+    },
+    overlay: {
+        default: '#00000099',
+        alternative: '#000000cc',
+        inverse: brandColor_1.brandColor.grey000, // For elements used on top of overlay/alternative. Used for text, icon or border
+    },
+    primary: {
+        default: brandColor_1.brandColor.blue300,
+        alternative: brandColor_1.brandColor.blue200,
+        muted: '#43aefc26',
+        inverse: brandColor_1.brandColor.grey900,
+        defaultHover: '#26a2fc',
+        defaultPressed: '#3baafd', // For the "pressed" state of primary-default elements
+    },
+    error: {
+        default: brandColor_1.brandColor.red300,
+        alternative: brandColor_1.brandColor.red200,
+        muted: '#e88f9726',
+        inverse: brandColor_1.brandColor.grey900,
+        defaultHover: '#e47782',
+        defaultPressed: '#e78891', // For the "pressed" state of error-default elements.
+    },
+    warning: {
+        default: brandColor_1.brandColor.yellow100,
+        muted: '#ffdf7026',
+        inverse: brandColor_1.brandColor.grey900,
+        defaultHover: '#ffe485',
+        defaultPressed: '#ffe899', // For the "pressed" state of warning-default elements
+    },
+    success: {
+        default: brandColor_1.brandColor.green300,
+        muted: '#28a74526',
+        inverse: brandColor_1.brandColor.grey900,
+        defaultHover: '#2cb94c',
+        defaultPressed: '#30ca53', // For the "pressed" state of success-default elements
+    },
+    info: {
+        default: brandColor_1.brandColor.blue300,
+        muted: '#43aefc26',
+        inverse: brandColor_1.brandColor.grey900, // For elements used on top of info/default. Used for text, icon or border
+    },
+    flask: {
+        default: brandColor_1.brandColor.purple300,
+        inverse: brandColor_1.brandColor.grey900, // For elements used on top of flask/default. Used for text, icon or border
+    },
+    shadow: {
+        default: '#00000066',
+        primary: '#43aefc33',
+        error: '#ff758466', // For critical/danger drop shadow color.
+    },
+};
+//# sourceMappingURL=colors.cjs.map

package/dist/js/themes/darkTheme/colors.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.cjs","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/colors.ts"],"names":[],"mappings":";;;AAAA,2DAA8C;AAGjC,QAAA,MAAM,GAAgB;IACjC,UAAU,EAAE;QACV,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,WAAW,EAAE,uBAAU,CAAC,OAAO;QAC/B,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS;QACzB,gBAAgB,EAAE,SAAS;QAC3B,kBAAkB,EAAE,SAAS;QAC7B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,WAAW,EAAE,mDAAmD;KAC1E;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,WAAW,EAAE,uBAAU,CAAC,OAAO;QAC/B,KAAK,EAAE,uBAAU,CAAC,OAAO,EAAE,yDAAyD;KACrF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,WAAW,EAAE,uBAAU,CAAC,OAAO;QAC/B,KAAK,EAAE,uBAAU,CAAC,OAAO,EAAE,0DAA0D;KACtF;IACD,MAAM,EAAE;QACN,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,KAAK,EAAE,WAAW,EAAE,2CAA2C;KAChE;IACD,OAAO,EAAE;QACP,OAAO,EAAE,WAAW;QACpB,WAAW,EAAE,WAAW;QACxB,OAAO,EAAE,uBAAU,CAAC,OAAO,EAAE,iFAAiF;KAC/G;IACD,OAAO,EAAE;QACP,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,WAAW,EAAE,uBAAU,CAAC,OAAO;QAC/B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS,EAAE,sDAAsD;KAClF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,uBAAU,CAAC,MAAM;QAC1B,WAAW,EAAE,uBAAU,CAAC,MAAM;QAC9B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS,EAAE,qDAAqD;KACjF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,uBAAU,CAAC,SAAS;QAC7B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS,EAAE,sDAAsD;KAClF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,uBAAU,CAAC,QAAQ;QAC5B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS,EAAE,sDAAsD;KAClF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,uBAAU,CAAC,OAAO,EAAE,0EAA0E;KACxG;IACD,KAAK,EAAE;QACL,OAAO,EAAE,uBAAU,CAAC,SAAS;QAC7B,OAAO,EAAE,uBAAU,CAAC,OAAO,EAAE,2EAA2E;KACzG;IACD,MAAM,EAAE;QACN,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,WAAW;QACpB,KAAK,EAAE,WAAW,EAAE,yCAAyC;KAC9D;CACF,CAAC","sourcesContent":["import { brandColor } from '../../brandColor';\nimport type { ThemeColors } from '../types';\n\nexport const colors: ThemeColors = {\n  background: {\n    default: brandColor.grey800, // For default neutral backgrounds\n    alternative: brandColor.grey900, // For secondary neutral backgrounds.\n    defaultHover: '#313235', // For \"hover\" states that use background-default.\n    defaultPressed: '#3f4145', // For \"pressed\" states that use background-alternative.\n    alternativeHover: '#1f2123', // For \"hover\" states that use background-alternative.\n    alternativePressed: '#2e3033', // For \"pressed\" states that use background-alternative.\n    hover: '#ffffff0a', // For \"hover\" state that use no background fill.\n    pressed: '#ffffff14', // For \"pressed\" state that use no background fill.\n  },\n  text: {\n    default: brandColor.grey000, // For default neutral text.\n    alternative: brandColor.grey200, // For softer contrast neutral text\n    muted: brandColor.grey400, // For the softest contrast neutral text (not accessible)\n  },\n  icon: {\n    default: brandColor.grey000, // For default neutral icons\n    alternative: brandColor.grey200, // For softer neutral icons\n    muted: brandColor.grey400, // For the weakest contrast neutral icons (not accessible)\n  },\n  border: {\n    default: brandColor.grey400, // For soft contrast neutral border\n    muted: '#848c9629', // For the weakest  contrast neutral border\n  },\n  overlay: {\n    default: '#00000099', // For the default shade of screen\n    alternative: '#000000cc', // For a stronger shade of screen\n    inverse: brandColor.grey000, // For elements used on top of overlay/alternative. Used for text, icon or border\n  },\n  primary: {\n    default: brandColor.blue300, // For interactive, active, and selected semantics. Used for text, background, icon or border\n    alternative: brandColor.blue200, // For the stronger contrast primary semantic elements.\n    muted: '#43aefc26', // For the weakest contrast primary semantic backgrounds.\n    inverse: brandColor.grey900, // For elements used on top of primary/default. Used for text, icon or border\n    defaultHover: '#26a2fc', // For the \"hover\" state of primary-default elements\n    defaultPressed: '#3baafd', // For the \"pressed\" state of primary-default elements\n  },\n  error: {\n    default: brandColor.red300, // For the critical alert semantic elements. Used for text, background, icon or border\n    alternative: brandColor.red200, // For the stronger contrast error semantic elements.\n    muted: '#e88f9726', // For the weakest contrast critical alert semantic backgrounds.\n    inverse: brandColor.grey900, // For elements used on top of error/default. Used for text, icon or border\n    defaultHover: '#e47782', // For the \"hover\" state of error-default elements.\n    defaultPressed: '#e78891', // For the \"pressed\" state of error-default elements.\n  },\n  warning: {\n    default: brandColor.yellow100, // For the caution alert semantic elements. Used for text, background, icon or border\n    muted: '#ffdf7026', // For the weakest contrast caution alert semantic backgrounds.\n    inverse: brandColor.grey900, // For elements used on top of warning/default. Used for text, icon or border\n    defaultHover: '#ffe485', // For the \"hover\" state of warning-default elements\n    defaultPressed: '#ffe899', // For the \"pressed\" state of warning-default elements\n  },\n  success: {\n    default: brandColor.green300, // For the positive semantic elements. Used for text, background, icon or border\n    muted: '#28a74526', // For the weakest contrast positive semantic backgrounds.\n    inverse: brandColor.grey900, // For elements used on top of success/default. Used for text, icon or border\n    defaultHover: '#2cb94c', // For the \"hover\" state of success-default elements\n    defaultPressed: '#30ca53', // For the \"pressed\" state of success-default elements\n  },\n  info: {\n    default: brandColor.blue300, // For informational read-only elements. Used for text, background, icon or border\n    muted: '#43aefc26', // For the weakest contrast informational semantic backgrounds.\n    inverse: brandColor.grey900, // For elements used on top of info/default. Used for text, icon or border\n  },\n  flask: {\n    default: brandColor.purple300, // For Flask primary accent color.\n    inverse: brandColor.grey900, // For elements used on top of flask/default. Used for text, icon or border\n  },\n  shadow: {\n    default: '#00000066', // For neutral drop shadow color.\n    primary: '#43aefc33', // For primary drop shadow color.\n    error: '#ff758466', // For critical/danger drop shadow color.\n  },\n};\n"]}

package/dist/js/themes/darkTheme/colors.d.cts

@@ -0,0 +1,3 @@
+import type { ThemeColors } from "../types.cjs";
+export declare const colors: ThemeColors;
+//# sourceMappingURL=colors.d.cts.map

package/dist/js/themes/darkTheme/colors.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.cts","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/colors.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAiB;AAE5C,eAAO,MAAM,MAAM,EAAE,WA0EpB,CAAC"}

package/dist/js/themes/darkTheme/colors.d.mts

@@ -0,0 +1,3 @@
+import type { ThemeColors } from "../types.mjs";
+export declare const colors: ThemeColors;
+//# sourceMappingURL=colors.d.mts.map

package/dist/js/themes/darkTheme/colors.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.mts","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/colors.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAiB;AAE5C,eAAO,MAAM,MAAM,EAAE,WA0EpB,CAAC"}

package/dist/js/themes/darkTheme/colors.mjs

@@ -0,0 +1,77 @@
+import { brandColor } from "../../brandColor/index.mjs";
+export const colors = {
+    background: {
+        default: brandColor.grey800,
+        alternative: brandColor.grey900,
+        defaultHover: '#313235',
+        defaultPressed: '#3f4145',
+        alternativeHover: '#1f2123',
+        alternativePressed: '#2e3033',
+        hover: '#ffffff0a',
+        pressed: '#ffffff14', // For "pressed" state that use no background fill.
+    },
+    text: {
+        default: brandColor.grey000,
+        alternative: brandColor.grey200,
+        muted: brandColor.grey400, // For the softest contrast neutral text (not accessible)
+    },
+    icon: {
+        default: brandColor.grey000,
+        alternative: brandColor.grey200,
+        muted: brandColor.grey400, // For the weakest contrast neutral icons (not accessible)
+    },
+    border: {
+        default: brandColor.grey400,
+        muted: '#848c9629', // For the weakest  contrast neutral border
+    },
+    overlay: {
+        default: '#00000099',
+        alternative: '#000000cc',
+        inverse: brandColor.grey000, // For elements used on top of overlay/alternative. Used for text, icon or border
+    },
+    primary: {
+        default: brandColor.blue300,
+        alternative: brandColor.blue200,
+        muted: '#43aefc26',
+        inverse: brandColor.grey900,
+        defaultHover: '#26a2fc',
+        defaultPressed: '#3baafd', // For the "pressed" state of primary-default elements
+    },
+    error: {
+        default: brandColor.red300,
+        alternative: brandColor.red200,
+        muted: '#e88f9726',
+        inverse: brandColor.grey900,
+        defaultHover: '#e47782',
+        defaultPressed: '#e78891', // For the "pressed" state of error-default elements.
+    },
+    warning: {
+        default: brandColor.yellow100,
+        muted: '#ffdf7026',
+        inverse: brandColor.grey900,
+        defaultHover: '#ffe485',
+        defaultPressed: '#ffe899', // For the "pressed" state of warning-default elements
+    },
+    success: {
+        default: brandColor.green300,
+        muted: '#28a74526',
+        inverse: brandColor.grey900,
+        defaultHover: '#2cb94c',
+        defaultPressed: '#30ca53', // For the "pressed" state of success-default elements
+    },
+    info: {
+        default: brandColor.blue300,
+        muted: '#43aefc26',
+        inverse: brandColor.grey900, // For elements used on top of info/default. Used for text, icon or border
+    },
+    flask: {
+        default: brandColor.purple300,
+        inverse: brandColor.grey900, // For elements used on top of flask/default. Used for text, icon or border
+    },
+    shadow: {
+        default: '#00000066',
+        primary: '#43aefc33',
+        error: '#ff758466', // For critical/danger drop shadow color.
+    },
+};
+//# sourceMappingURL=colors.mjs.map

package/dist/js/themes/darkTheme/colors.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.mjs","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/colors.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,mCAAyB;AAG9C,MAAM,CAAC,MAAM,MAAM,GAAgB;IACjC,UAAU,EAAE;QACV,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,WAAW,EAAE,UAAU,CAAC,OAAO;QAC/B,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS;QACzB,gBAAgB,EAAE,SAAS;QAC3B,kBAAkB,EAAE,SAAS;QAC7B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,WAAW,EAAE,mDAAmD;KAC1E;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,WAAW,EAAE,UAAU,CAAC,OAAO;QAC/B,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,yDAAyD;KACrF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,WAAW,EAAE,UAAU,CAAC,OAAO;QAC/B,KAAK,EAAE,UAAU,CAAC,OAAO,EAAE,0DAA0D;KACtF;IACD,MAAM,EAAE;QACN,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,KAAK,EAAE,WAAW,EAAE,2CAA2C;KAChE;IACD,OAAO,EAAE;QACP,OAAO,EAAE,WAAW;QACpB,WAAW,EAAE,WAAW;QACxB,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,iFAAiF;KAC/G;IACD,OAAO,EAAE;QACP,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,WAAW,EAAE,UAAU,CAAC,OAAO;QAC/B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS,EAAE,sDAAsD;KAClF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,UAAU,CAAC,MAAM;QAC1B,WAAW,EAAE,UAAU,CAAC,MAAM;QAC9B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS,EAAE,qDAAqD;KACjF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,UAAU,CAAC,SAAS;QAC7B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS,EAAE,sDAAsD;KAClF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,UAAU,CAAC,QAAQ;QAC5B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS,EAAE,sDAAsD;KAClF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,UAAU,CAAC,OAAO;QAC3B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,0EAA0E;KACxG;IACD,KAAK,EAAE;QACL,OAAO,EAAE,UAAU,CAAC,SAAS;QAC7B,OAAO,EAAE,UAAU,CAAC,OAAO,EAAE,2EAA2E;KACzG;IACD,MAAM,EAAE;QACN,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,WAAW;QACpB,KAAK,EAAE,WAAW,EAAE,yCAAyC;KAC9D;CACF,CAAC","sourcesContent":["import { brandColor } from '../../brandColor';\nimport type { ThemeColors } from '../types';\n\nexport const colors: ThemeColors = {\n  background: {\n    default: brandColor.grey800, // For default neutral backgrounds\n    alternative: brandColor.grey900, // For secondary neutral backgrounds.\n    defaultHover: '#313235', // For \"hover\" states that use background-default.\n    defaultPressed: '#3f4145', // For \"pressed\" states that use background-alternative.\n    alternativeHover: '#1f2123', // For \"hover\" states that use background-alternative.\n    alternativePressed: '#2e3033', // For \"pressed\" states that use background-alternative.\n    hover: '#ffffff0a', // For \"hover\" state that use no background fill.\n    pressed: '#ffffff14', // For \"pressed\" state that use no background fill.\n  },\n  text: {\n    default: brandColor.grey000, // For default neutral text.\n    alternative: brandColor.grey200, // For softer contrast neutral text\n    muted: brandColor.grey400, // For the softest contrast neutral text (not accessible)\n  },\n  icon: {\n    default: brandColor.grey000, // For default neutral icons\n    alternative: brandColor.grey200, // For softer neutral icons\n    muted: brandColor.grey400, // For the weakest contrast neutral icons (not accessible)\n  },\n  border: {\n    default: brandColor.grey400, // For soft contrast neutral border\n    muted: '#848c9629', // For the weakest  contrast neutral border\n  },\n  overlay: {\n    default: '#00000099', // For the default shade of screen\n    alternative: '#000000cc', // For a stronger shade of screen\n    inverse: brandColor.grey000, // For elements used on top of overlay/alternative. Used for text, icon or border\n  },\n  primary: {\n    default: brandColor.blue300, // For interactive, active, and selected semantics. Used for text, background, icon or border\n    alternative: brandColor.blue200, // For the stronger contrast primary semantic elements.\n    muted: '#43aefc26', // For the weakest contrast primary semantic backgrounds.\n    inverse: brandColor.grey900, // For elements used on top of primary/default. Used for text, icon or border\n    defaultHover: '#26a2fc', // For the \"hover\" state of primary-default elements\n    defaultPressed: '#3baafd', // For the \"pressed\" state of primary-default elements\n  },\n  error: {\n    default: brandColor.red300, // For the critical alert semantic elements. Used for text, background, icon or border\n    alternative: brandColor.red200, // For the stronger contrast error semantic elements.\n    muted: '#e88f9726', // For the weakest contrast critical alert semantic backgrounds.\n    inverse: brandColor.grey900, // For elements used on top of error/default. Used for text, icon or border\n    defaultHover: '#e47782', // For the \"hover\" state of error-default elements.\n    defaultPressed: '#e78891', // For the \"pressed\" state of error-default elements.\n  },\n  warning: {\n    default: brandColor.yellow100, // For the caution alert semantic elements. Used for text, background, icon or border\n    muted: '#ffdf7026', // For the weakest contrast caution alert semantic backgrounds.\n    inverse: brandColor.grey900, // For elements used on top of warning/default. Used for text, icon or border\n    defaultHover: '#ffe485', // For the \"hover\" state of warning-default elements\n    defaultPressed: '#ffe899', // For the \"pressed\" state of warning-default elements\n  },\n  success: {\n    default: brandColor.green300, // For the positive semantic elements. Used for text, background, icon or border\n    muted: '#28a74526', // For the weakest contrast positive semantic backgrounds.\n    inverse: brandColor.grey900, // For elements used on top of success/default. Used for text, icon or border\n    defaultHover: '#2cb94c', // For the \"hover\" state of success-default elements\n    defaultPressed: '#30ca53', // For the \"pressed\" state of success-default elements\n  },\n  info: {\n    default: brandColor.blue300, // For informational read-only elements. Used for text, background, icon or border\n    muted: '#43aefc26', // For the weakest contrast informational semantic backgrounds.\n    inverse: brandColor.grey900, // For elements used on top of info/default. Used for text, icon or border\n  },\n  flask: {\n    default: brandColor.purple300, // For Flask primary accent color.\n    inverse: brandColor.grey900, // For elements used on top of flask/default. Used for text, icon or border\n  },\n  shadow: {\n    default: '#00000066', // For neutral drop shadow color.\n    primary: '#43aefc33', // For primary drop shadow color.\n    error: '#ff758466', // For critical/danger drop shadow color.\n  },\n};\n"]}

package/dist/js/themes/darkTheme/darkTheme.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.darkTheme = void 0;
+const typography_1 = require("../../typography/index.cjs");
+const colors_1 = require("./colors.cjs");
+const shadows_1 = require("./shadows.cjs");
+exports.darkTheme = {
+    colors: colors_1.colors,
+    typography: typography_1.typography,
+    shadows: shadows_1.shadows,
+};
+//# sourceMappingURL=darkTheme.cjs.map

package/dist/js/themes/darkTheme/darkTheme.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"darkTheme.cjs","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/darkTheme.ts"],"names":[],"mappings":";;;AAAA,2DAA8C;AAE9C,yCAAkC;AAClC,2CAAoC;AAEvB,QAAA,SAAS,GAAU;IAC9B,MAAM,EAAN,eAAM;IACN,UAAU,EAAV,uBAAU;IACV,OAAO,EAAP,iBAAO;CACR,CAAC","sourcesContent":["import { typography } from '../../typography';\nimport type { Theme } from '../types';\nimport { colors } from './colors';\nimport { shadows } from './shadows';\n\nexport const darkTheme: Theme = {\n  colors,\n  typography,\n  shadows,\n};\n"]}

package/dist/js/themes/darkTheme/darkTheme.d.cts

@@ -0,0 +1,3 @@
+import type { Theme } from "../types.cjs";
+export declare const darkTheme: Theme;
+//# sourceMappingURL=darkTheme.d.cts.map

package/dist/js/themes/darkTheme/darkTheme.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"darkTheme.d.cts","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/darkTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,qBAAiB;AAItC,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}

package/dist/js/themes/darkTheme/darkTheme.d.mts

@@ -0,0 +1,3 @@
+import type { Theme } from "../types.mjs";
+export declare const darkTheme: Theme;
+//# sourceMappingURL=darkTheme.d.mts.map

package/dist/js/themes/darkTheme/darkTheme.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"darkTheme.d.mts","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/darkTheme.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,qBAAiB;AAItC,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC"}

package/dist/js/themes/darkTheme/darkTheme.mjs

@@ -0,0 +1,9 @@
+import { typography } from "../../typography/index.mjs";
+import { colors } from "./colors.mjs";
+import { shadows } from "./shadows.mjs";
+export const darkTheme = {
+    colors,
+    typography,
+    shadows,
+};
+//# sourceMappingURL=darkTheme.mjs.map

package/dist/js/themes/darkTheme/darkTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"darkTheme.mjs","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/darkTheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,mCAAyB;AAE9C,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAClC,OAAO,EAAE,OAAO,EAAE,sBAAkB;AAEpC,MAAM,CAAC,MAAM,SAAS,GAAU;IAC9B,MAAM;IACN,UAAU;IACV,OAAO;CACR,CAAC","sourcesContent":["import { typography } from '../../typography';\nimport type { Theme } from '../types';\nimport { colors } from './colors';\nimport { shadows } from './shadows';\n\nexport const darkTheme: Theme = {\n  colors,\n  typography,\n  shadows,\n};\n"]}

package/dist/js/themes/darkTheme/index.cjs

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.darkTheme = void 0;
+var darkTheme_1 = require("./darkTheme.cjs");
+Object.defineProperty(exports, "darkTheme", { enumerable: true, get: function () { return darkTheme_1.darkTheme; } });
+//# sourceMappingURL=index.cjs.map

package/dist/js/themes/darkTheme/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/index.ts"],"names":[],"mappings":";;;AAAA,6CAAwC;AAA/B,sGAAA,SAAS,OAAA","sourcesContent":["export { darkTheme } from './darkTheme';\n"]}

package/dist/js/themes/darkTheme/index.d.cts

@@ -0,0 +1,2 @@
+export { darkTheme } from "./darkTheme.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/js/themes/darkTheme/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,wBAAoB"}

package/dist/js/themes/darkTheme/index.d.mts

@@ -0,0 +1,2 @@
+export { darkTheme } from "./darkTheme.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/js/themes/darkTheme/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,wBAAoB"}

package/dist/js/themes/darkTheme/index.mjs

@@ -0,0 +1,2 @@
+export { darkTheme } from "./darkTheme.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/js/themes/darkTheme/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,wBAAoB","sourcesContent":["export { darkTheme } from './darkTheme';\n"]}

package/dist/js/themes/darkTheme/shadows.cjs

@@ -0,0 +1,45 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.shadows = void 0;
+const colors_1 = require("./colors.cjs");
+exports.shadows = {
+    size: {
+        xs: {
+            shadowColor: colors_1.colors.shadow.default,
+            shadowOffset: {
+                width: 0,
+                height: 2,
+            },
+            shadowOpacity: 1,
+            shadowRadius: 4,
+        },
+        sm: {
+            shadowColor: colors_1.colors.shadow.default,
+            shadowOffset: {
+                width: 0,
+                height: 2,
+            },
+            shadowOpacity: 1,
+            shadowRadius: 8,
+        },
+        md: {
+            shadowColor: colors_1.colors.shadow.default,
+            shadowOffset: {
+                width: 0,
+                height: 2,
+            },
+            shadowOpacity: 1,
+            shadowRadius: 16,
+        },
+        lg: {
+            shadowColor: colors_1.colors.shadow.default,
+            shadowOffset: {
+                width: 0,
+                height: 2,
+            },
+            shadowOpacity: 1,
+            shadowRadius: 40,
+        },
+    },
+};
+//# sourceMappingURL=shadows.cjs.map

package/dist/js/themes/darkTheme/shadows.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.cjs","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/shadows.ts"],"names":[],"mappings":";;;AACA,yCAAkC;AAErB,QAAA,OAAO,GAAiB;IACnC,IAAI,EAAE;QACJ,EAAE,EAAE;YACF,WAAW,EAAE,eAAM,CAAC,MAAM,CAAC,OAAO;YAClC,YAAY,EAAE;gBACZ,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV;YACD,aAAa,EAAE,CAAC;YAChB,YAAY,EAAE,CAAC;SAChB;QACD,EAAE,EAAE;YACF,WAAW,EAAE,eAAM,CAAC,MAAM,CAAC,OAAO;YAClC,YAAY,EAAE;gBACZ,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV;YACD,aAAa,EAAE,CAAC;YAChB,YAAY,EAAE,CAAC;SAChB;QACD,EAAE,EAAE;YACF,WAAW,EAAE,eAAM,CAAC,MAAM,CAAC,OAAO;YAClC,YAAY,EAAE;gBACZ,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV;YACD,aAAa,EAAE,CAAC;YAChB,YAAY,EAAE,EAAE;SACjB;QACD,EAAE,EAAE;YACF,WAAW,EAAE,eAAM,CAAC,MAAM,CAAC,OAAO;YAClC,YAAY,EAAE;gBACZ,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV;YACD,aAAa,EAAE,CAAC;YAChB,YAAY,EAAE,EAAE;SACjB;KACF;CACF,CAAC","sourcesContent":["import type { ThemeShadows } from '../types';\nimport { colors } from './colors';\n\nexport const shadows: ThemeShadows = {\n  size: {\n    xs: {\n      shadowColor: colors.shadow.default,\n      shadowOffset: {\n        width: 0,\n        height: 2,\n      },\n      shadowOpacity: 1,\n      shadowRadius: 4,\n    },\n    sm: {\n      shadowColor: colors.shadow.default,\n      shadowOffset: {\n        width: 0,\n        height: 2,\n      },\n      shadowOpacity: 1,\n      shadowRadius: 8,\n    },\n    md: {\n      shadowColor: colors.shadow.default,\n      shadowOffset: {\n        width: 0,\n        height: 2,\n      },\n      shadowOpacity: 1,\n      shadowRadius: 16,\n    },\n    lg: {\n      shadowColor: colors.shadow.default,\n      shadowOffset: {\n        width: 0,\n        height: 2,\n      },\n      shadowOpacity: 1,\n      shadowRadius: 40,\n    },\n  },\n};\n"]}

package/dist/js/themes/darkTheme/shadows.d.cts

@@ -0,0 +1,3 @@
+import type { ThemeShadows } from "../types.cjs";
+export declare const shadows: ThemeShadows;
+//# sourceMappingURL=shadows.d.cts.map

package/dist/js/themes/darkTheme/shadows.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.d.cts","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/shadows.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAiB;AAG7C,eAAO,MAAM,OAAO,EAAE,YAuCrB,CAAC"}

package/dist/js/themes/darkTheme/shadows.d.mts

@@ -0,0 +1,3 @@
+import type { ThemeShadows } from "../types.mjs";
+export declare const shadows: ThemeShadows;
+//# sourceMappingURL=shadows.d.mts.map

package/dist/js/themes/darkTheme/shadows.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.d.mts","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/shadows.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,qBAAiB;AAG7C,eAAO,MAAM,OAAO,EAAE,YAuCrB,CAAC"}

package/dist/js/themes/darkTheme/shadows.mjs

@@ -0,0 +1,42 @@
+import { colors } from "./colors.mjs";
+export const shadows = {
+    size: {
+        xs: {
+            shadowColor: colors.shadow.default,
+            shadowOffset: {
+                width: 0,
+                height: 2,
+            },
+            shadowOpacity: 1,
+            shadowRadius: 4,
+        },
+        sm: {
+            shadowColor: colors.shadow.default,
+            shadowOffset: {
+                width: 0,
+                height: 2,
+            },
+            shadowOpacity: 1,
+            shadowRadius: 8,
+        },
+        md: {
+            shadowColor: colors.shadow.default,
+            shadowOffset: {
+                width: 0,
+                height: 2,
+            },
+            shadowOpacity: 1,
+            shadowRadius: 16,
+        },
+        lg: {
+            shadowColor: colors.shadow.default,
+            shadowOffset: {
+                width: 0,
+                height: 2,
+            },
+            shadowOpacity: 1,
+            shadowRadius: 40,
+        },
+    },
+};
+//# sourceMappingURL=shadows.mjs.map

package/dist/js/themes/darkTheme/shadows.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.mjs","sourceRoot":"","sources":["../../../../src/js/themes/darkTheme/shadows.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAElC,MAAM,CAAC,MAAM,OAAO,GAAiB;IACnC,IAAI,EAAE;QACJ,EAAE,EAAE;YACF,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;YAClC,YAAY,EAAE;gBACZ,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV;YACD,aAAa,EAAE,CAAC;YAChB,YAAY,EAAE,CAAC;SAChB;QACD,EAAE,EAAE;YACF,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;YAClC,YAAY,EAAE;gBACZ,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV;YACD,aAAa,EAAE,CAAC;YAChB,YAAY,EAAE,CAAC;SAChB;QACD,EAAE,EAAE;YACF,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;YAClC,YAAY,EAAE;gBACZ,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV;YACD,aAAa,EAAE,CAAC;YAChB,YAAY,EAAE,EAAE;SACjB;QACD,EAAE,EAAE;YACF,WAAW,EAAE,MAAM,CAAC,MAAM,CAAC,OAAO;YAClC,YAAY,EAAE;gBACZ,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;aACV;YACD,aAAa,EAAE,CAAC;YAChB,YAAY,EAAE,EAAE;SACjB;KACF;CACF,CAAC","sourcesContent":["import type { ThemeShadows } from '../types';\nimport { colors } from './colors';\n\nexport const shadows: ThemeShadows = {\n  size: {\n    xs: {\n      shadowColor: colors.shadow.default,\n      shadowOffset: {\n        width: 0,\n        height: 2,\n      },\n      shadowOpacity: 1,\n      shadowRadius: 4,\n    },\n    sm: {\n      shadowColor: colors.shadow.default,\n      shadowOffset: {\n        width: 0,\n        height: 2,\n      },\n      shadowOpacity: 1,\n      shadowRadius: 8,\n    },\n    md: {\n      shadowColor: colors.shadow.default,\n      shadowOffset: {\n        width: 0,\n        height: 2,\n      },\n      shadowOpacity: 1,\n      shadowRadius: 16,\n    },\n    lg: {\n      shadowColor: colors.shadow.default,\n      shadowOffset: {\n        width: 0,\n        height: 2,\n      },\n      shadowOpacity: 1,\n      shadowRadius: 40,\n    },\n  },\n};\n"]}

package/dist/js/themes/index.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.darkTheme = exports.lightTheme = void 0;
+var lightTheme_1 = require("./lightTheme/index.cjs");
+Object.defineProperty(exports, "lightTheme", { enumerable: true, get: function () { return lightTheme_1.lightTheme; } });
+var darkTheme_1 = require("./darkTheme/index.cjs");
+Object.defineProperty(exports, "darkTheme", { enumerable: true, get: function () { return darkTheme_1.darkTheme; } });
+//# sourceMappingURL=index.cjs.map

package/dist/js/themes/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/js/themes/index.ts"],"names":[],"mappings":";;;AAAA,qDAA0C;AAAjC,wGAAA,UAAU,OAAA;AACnB,mDAAwC;AAA/B,sGAAA,SAAS,OAAA","sourcesContent":["export { lightTheme } from './lightTheme';\nexport { darkTheme } from './darkTheme';\nexport type { Theme } from './types';\n"]}

package/dist/js/themes/index.d.cts

@@ -0,0 +1,4 @@
+export { lightTheme } from "./lightTheme/index.cjs";
+export { darkTheme } from "./darkTheme/index.cjs";
+export type { Theme } from "./types.cjs";
+//# sourceMappingURL=index.d.cts.map

package/dist/js/themes/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/js/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,+BAAqB;AAC1C,OAAO,EAAE,SAAS,EAAE,8BAAoB;AACxC,YAAY,EAAE,KAAK,EAAE,oBAAgB"}

package/dist/js/themes/index.d.mts

@@ -0,0 +1,4 @@
+export { lightTheme } from "./lightTheme/index.mjs";
+export { darkTheme } from "./darkTheme/index.mjs";
+export type { Theme } from "./types.mjs";
+//# sourceMappingURL=index.d.mts.map

package/dist/js/themes/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/js/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,+BAAqB;AAC1C,OAAO,EAAE,SAAS,EAAE,8BAAoB;AACxC,YAAY,EAAE,KAAK,EAAE,oBAAgB"}

package/dist/js/themes/index.mjs

@@ -0,0 +1,3 @@
+export { lightTheme } from "./lightTheme/index.mjs";
+export { darkTheme } from "./darkTheme/index.mjs";
+//# sourceMappingURL=index.mjs.map

package/dist/js/themes/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/js/themes/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,+BAAqB;AAC1C,OAAO,EAAE,SAAS,EAAE,8BAAoB","sourcesContent":["export { lightTheme } from './lightTheme';\nexport { darkTheme } from './darkTheme';\nexport type { Theme } from './types';\n"]}

package/dist/js/themes/lightTheme/colors.cjs

@@ -0,0 +1,80 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colors = void 0;
+const brandColor_1 = require("../../brandColor/index.cjs");
+exports.colors = {
+    background: {
+        default: brandColor_1.brandColor.grey000,
+        alternative: brandColor_1.brandColor.grey050,
+        defaultHover: '#f5f5f5',
+        defaultPressed: '#ebebeb',
+        alternativeHover: '#e7ebee',
+        alternativePressed: '#dbe0e6',
+        hover: '#0000000a',
+        pressed: '#00000014', // For "pressed" state that use no background fill.
+    },
+    text: {
+        default: brandColor_1.brandColor.grey900,
+        alternative: brandColor_1.brandColor.grey500,
+        muted: brandColor_1.brandColor.grey300, // For the softest contrast neutral text (not accessible)
+    },
+    icon: {
+        default: brandColor_1.brandColor.grey900,
+        alternative: brandColor_1.brandColor.grey500,
+        muted: brandColor_1.brandColor.grey300, // For the weakest contrast neutral icons (not accessible)
+    },
+    border: {
+        default: brandColor_1.brandColor.grey200,
+        muted: '#bbc0c566', // For the weakest  contrast neutral border
+    },
+    overlay: {
+        default: '#00000099',
+        alternative: '#000000cc',
+        inverse: brandColor_1.brandColor.grey000, // For elements used on top of overlay/alternative. Used for text, icon or border
+    },
+    primary: {
+        default: brandColor_1.brandColor.blue500,
+        alternative: brandColor_1.brandColor.blue600,
+        muted: '#0376c91a',
+        inverse: brandColor_1.brandColor.grey000,
+        defaultHover: '#036ab5',
+        defaultPressed: '#025ea1', // For the "pressed" state of primary-default elements
+    },
+    error: {
+        default: brandColor_1.brandColor.red500,
+        alternative: brandColor_1.brandColor.red600,
+        muted: '#d738471a',
+        inverse: brandColor_1.brandColor.grey000,
+        defaultHover: '#d02a3a',
+        defaultPressed: '#bf2635', // For the "pressed" state of error-default elements.
+    },
+    warning: {
+        default: brandColor_1.brandColor.yellow500,
+        muted: '#bf52081a',
+        inverse: brandColor_1.brandColor.grey000,
+        defaultHover: '#ac4a07',
+        defaultPressed: '#984106', // For the "pressed" state of warning-default elements
+    },
+    success: {
+        default: brandColor_1.brandColor.green500,
+        muted: '#1c82341a',
+        inverse: brandColor_1.brandColor.grey000,
+        defaultHover: '#18712d',
+        defaultPressed: '#156127', // For the "pressed" state of success-default elements
+    },
+    info: {
+        default: brandColor_1.brandColor.blue500,
+        muted: '#0376c91a',
+        inverse: brandColor_1.brandColor.grey000, // For elements used on top of info/default. Used for text, icon or border
+    },
+    flask: {
+        default: brandColor_1.brandColor.purple500,
+        inverse: brandColor_1.brandColor.grey000, // For elements used on top of flask/default. Used for text, icon or border
+    },
+    shadow: {
+        default: '#0000001a',
+        primary: '#0376c933',
+        error: '#ca354266', // For critical/danger drop shadow color.
+    },
+};
+//# sourceMappingURL=colors.cjs.map

package/dist/js/themes/lightTheme/colors.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.cjs","sourceRoot":"","sources":["../../../../src/js/themes/lightTheme/colors.ts"],"names":[],"mappings":";;;AAAA,2DAA8C;AAGjC,QAAA,MAAM,GAAgB;IACjC,UAAU,EAAE;QACV,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,WAAW,EAAE,uBAAU,CAAC,OAAO;QAC/B,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS;QACzB,gBAAgB,EAAE,SAAS;QAC3B,kBAAkB,EAAE,SAAS;QAC7B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,WAAW,EAAE,mDAAmD;KAC1E;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,WAAW,EAAE,uBAAU,CAAC,OAAO;QAC/B,KAAK,EAAE,uBAAU,CAAC,OAAO,EAAE,yDAAyD;KACrF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,WAAW,EAAE,uBAAU,CAAC,OAAO;QAC/B,KAAK,EAAE,uBAAU,CAAC,OAAO,EAAE,0DAA0D;KACtF;IACD,MAAM,EAAE;QACN,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,KAAK,EAAE,WAAW,EAAE,2CAA2C;KAChE;IACD,OAAO,EAAE;QACP,OAAO,EAAE,WAAW;QACpB,WAAW,EAAE,WAAW;QACxB,OAAO,EAAE,uBAAU,CAAC,OAAO,EAAE,iFAAiF;KAC/G;IACD,OAAO,EAAE;QACP,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,WAAW,EAAE,uBAAU,CAAC,OAAO;QAC/B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS,EAAE,sDAAsD;KAClF;IACD,KAAK,EAAE;QACL,OAAO,EAAE,uBAAU,CAAC,MAAM;QAC1B,WAAW,EAAE,uBAAU,CAAC,MAAM;QAC9B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS,EAAE,qDAAqD;KACjF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,uBAAU,CAAC,SAAS;QAC7B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS,EAAE,sDAAsD;KAClF;IACD,OAAO,EAAE;QACP,OAAO,EAAE,uBAAU,CAAC,QAAQ;QAC5B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,YAAY,EAAE,SAAS;QACvB,cAAc,EAAE,SAAS,EAAE,sDAAsD;KAClF;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,uBAAU,CAAC,OAAO;QAC3B,KAAK,EAAE,WAAW;QAClB,OAAO,EAAE,uBAAU,CAAC,OAAO,EAAE,0EAA0E;KACxG;IACD,KAAK,EAAE;QACL,OAAO,EAAE,uBAAU,CAAC,SAAS;QAC7B,OAAO,EAAE,uBAAU,CAAC,OAAO,EAAE,2EAA2E;KACzG;IACD,MAAM,EAAE;QACN,OAAO,EAAE,WAAW;QACpB,OAAO,EAAE,WAAW;QACpB,KAAK,EAAE,WAAW,EAAE,yCAAyC;KAC9D;CACF,CAAC","sourcesContent":["import { brandColor } from '../../brandColor';\nimport type { ThemeColors } from '../types';\n\nexport const colors: ThemeColors = {\n  background: {\n    default: brandColor.grey000, // For default neutral backgrounds\n    alternative: brandColor.grey050, // For secondary neutral backgrounds.\n    defaultHover: '#f5f5f5', // For \"hover\" states that use background-default.\n    defaultPressed: '#ebebeb', // For \"pressed\" states that use background-alternative.\n    alternativeHover: '#e7ebee', // For \"hover\" states that use background-alternative.\n    alternativePressed: '#dbe0e6', // For \"pressed\" states that use background-alternative.\n    hover: '#0000000a', // For \"hover\" state that use no background fill.\n    pressed: '#00000014', // For \"pressed\" state that use no background fill.\n  },\n  text: {\n    default: brandColor.grey900, // For default neutral text.\n    alternative: brandColor.grey500, // For softer contrast neutral text\n    muted: brandColor.grey300, // For the softest contrast neutral text (not accessible)\n  },\n  icon: {\n    default: brandColor.grey900, // For default neutral icons\n    alternative: brandColor.grey500, // For softer neutral icons\n    muted: brandColor.grey300, // For the weakest contrast neutral icons (not accessible)\n  },\n  border: {\n    default: brandColor.grey200, // For soft contrast neutral border\n    muted: '#bbc0c566', // For the weakest  contrast neutral border\n  },\n  overlay: {\n    default: '#00000099', // For the default shade of screen\n    alternative: '#000000cc', // For a stronger shade of screen\n    inverse: brandColor.grey000, // For elements used on top of overlay/alternative. Used for text, icon or border\n  },\n  primary: {\n    default: brandColor.blue500, // For interactive, active, and selected semantics. Used for text, background, icon or border\n    alternative: brandColor.blue600, // For the stronger contrast primary semantic elements.\n    muted: '#0376c91a', // For the weakest contrast primary semantic backgrounds.\n    inverse: brandColor.grey000, // For elements used on top of primary/default. Used for text, icon or border\n    defaultHover: '#036ab5', // For the \"hover\" state of primary-default elements\n    defaultPressed: '#025ea1', // For the \"pressed\" state of primary-default elements\n  },\n  error: {\n    default: brandColor.red500, // For the critical alert semantic elements. Used for text, background, icon or border\n    alternative: brandColor.red600, // For the stronger contrast error semantic elements.\n    muted: '#d738471a', // For the weakest contrast critical alert semantic backgrounds.\n    inverse: brandColor.grey000, // For elements used on top of error/default. Used for text, icon or border\n    defaultHover: '#d02a3a', // For the \"hover\" state of error-default elements.\n    defaultPressed: '#bf2635', // For the \"pressed\" state of error-default elements.\n  },\n  warning: {\n    default: brandColor.yellow500, // For the caution alert semantic elements. Used for text, background, icon or border\n    muted: '#bf52081a', // For the weakest contrast caution alert semantic backgrounds.\n    inverse: brandColor.grey000, // For elements used on top of warning/default. Used for text, icon or border\n    defaultHover: '#ac4a07', // For the \"hover\" state of warning-default elements\n    defaultPressed: '#984106', // For the \"pressed\" state of warning-default elements\n  },\n  success: {\n    default: brandColor.green500, // For the positive semantic elements. Used for text, background, icon or border\n    muted: '#1c82341a', // For the weakest contrast positive semantic backgrounds.\n    inverse: brandColor.grey000, // For elements used on top of success/default. Used for text, icon or border\n    defaultHover: '#18712d', // For the \"hover\" state of success-default elements\n    defaultPressed: '#156127', // For the \"pressed\" state of success-default elements\n  },\n  info: {\n    default: brandColor.blue500, // For informational read-only elements. Used for text, background, icon or border\n    muted: '#0376c91a', // For the weakest contrast informational semantic backgrounds.\n    inverse: brandColor.grey000, // For elements used on top of info/default. Used for text, icon or border\n  },\n  flask: {\n    default: brandColor.purple500, // For Flask primary accent color.\n    inverse: brandColor.grey000, // For elements used on top of flask/default. Used for text, icon or border\n  },\n  shadow: {\n    default: '#0000001a', // For neutral drop shadow color.\n    primary: '#0376c933', // For primary drop shadow color.\n    error: '#ca354266', // For critical/danger drop shadow color.\n  },\n};\n"]}

package/dist/js/themes/lightTheme/colors.d.cts

@@ -0,0 +1,3 @@
+import type { ThemeColors } from "../types.cjs";
+export declare const colors: ThemeColors;
+//# sourceMappingURL=colors.d.cts.map

package/dist/js/themes/lightTheme/colors.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.cts","sourceRoot":"","sources":["../../../../src/js/themes/lightTheme/colors.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,qBAAiB;AAE5C,eAAO,MAAM,MAAM,EAAE,WA0EpB,CAAC"}

package/dist/js/themes/lightTheme/colors.d.mts

@@ -0,0 +1,3 @@
+import type { ThemeColors } from "../types.mjs";
+export declare const colors: ThemeColors;
+//# sourceMappingURL=colors.d.mts.map