@metamask-previews/design-tokens 4.1.0-preview.f4da8f1

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

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.mts","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.mjs

@@ -0,0 +1,77 @@
+import { brandColor } from "../../brandColor/index.mjs";
+export const colors = {
+    background: {
+        default: brandColor.grey000,
+        alternative: 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.grey900,
+        alternative: brandColor.grey500,
+        muted: brandColor.grey300, // For the softest contrast neutral text (not accessible)
+    },
+    icon: {
+        default: brandColor.grey900,
+        alternative: brandColor.grey500,
+        muted: brandColor.grey300, // For the weakest contrast neutral icons (not accessible)
+    },
+    border: {
+        default: brandColor.grey200,
+        muted: '#bbc0c566', // 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.blue500,
+        alternative: brandColor.blue600,
+        muted: '#0376c91a',
+        inverse: brandColor.grey000,
+        defaultHover: '#036ab5',
+        defaultPressed: '#025ea1', // For the "pressed" state of primary-default elements
+    },
+    error: {
+        default: brandColor.red500,
+        alternative: brandColor.red600,
+        muted: '#d738471a',
+        inverse: brandColor.grey000,
+        defaultHover: '#d02a3a',
+        defaultPressed: '#bf2635', // For the "pressed" state of error-default elements.
+    },
+    warning: {
+        default: brandColor.yellow500,
+        muted: '#bf52081a',
+        inverse: brandColor.grey000,
+        defaultHover: '#ac4a07',
+        defaultPressed: '#984106', // For the "pressed" state of warning-default elements
+    },
+    success: {
+        default: brandColor.green500,
+        muted: '#1c82341a',
+        inverse: brandColor.grey000,
+        defaultHover: '#18712d',
+        defaultPressed: '#156127', // For the "pressed" state of success-default elements
+    },
+    info: {
+        default: brandColor.blue500,
+        muted: '#0376c91a',
+        inverse: brandColor.grey000, // For elements used on top of info/default. Used for text, icon or border
+    },
+    flask: {
+        default: brandColor.purple500,
+        inverse: 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.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"colors.mjs","sourceRoot":"","sources":["../../../../src/js/themes/lightTheme/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.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/index.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../../src/js/themes/lightTheme/index.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { lightTheme } from './lightTheme';\n"]}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"lightTheme.cjs","sourceRoot":"","sources":["../../../../src/js/themes/lightTheme/lightTheme.ts"],"names":[],"mappings":";;;AAAA,2DAA8C;AAE9C,yCAAkC;AAClC,2CAAoC;AAEvB,QAAA,UAAU,GAAU;IAC/B,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 lightTheme: Theme = {\n  colors,\n  typography,\n  shadows,\n};\n"]}

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

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

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

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

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

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

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

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

package/dist/js/themes/lightTheme/lightTheme.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"lightTheme.mjs","sourceRoot":"","sources":["../../../../src/js/themes/lightTheme/lightTheme.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,UAAU,GAAU;IAC/B,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 lightTheme: Theme = {\n  colors,\n  typography,\n  shadows,\n};\n"]}

package/dist/js/themes/lightTheme/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/lightTheme/shadows.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.cjs","sourceRoot":"","sources":["../../../../src/js/themes/lightTheme/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/lightTheme/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/lightTheme/shadows.d.cts.map

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

package/dist/js/themes/lightTheme/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/lightTheme/shadows.d.mts.map

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

package/dist/js/themes/lightTheme/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/lightTheme/shadows.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.mjs","sourceRoot":"","sources":["../../../../src/js/themes/lightTheme/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/types.cjs

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sourceRoot":"","sources":["../../../src/js/themes/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ThemeTypography } from '../typography';\n\ntype ShadowShape = {\n  shadowColor: string;\n  shadowOffset: {\n    width: number;\n    height: number;\n  };\n  shadowOpacity: number;\n  shadowRadius: number;\n};\n\ntype ShadowSizes = {\n  xs: ShadowShape;\n  sm: ShadowShape;\n  md: ShadowShape;\n  lg: ShadowShape;\n};\n\nexport type ThemeShadows = {\n  size: ShadowSizes;\n};\n\nexport type ThemeColors = {\n  background: {\n    /**\n     * {string} background.default - For default neutral backgrounds\n     */\n    default: string;\n    /**\n     * {string} background.defaultHover - For component hover states that use background/default\n     */\n    defaultHover: string;\n    /**\n     * {string} background.defaultPressed - For component pressed states that use background/default.\n     */\n    defaultPressed: string;\n    /**\n     * {string} background.alternative - For a subtle contrast option for neutral backgrounds. (Example: backdrop, header background)\n     */\n    alternative: string;\n    /**\n     * {string} background.alternativeHover - For component hover states that use background/alternative\n     */\n    alternativeHover: string;\n    /**\n     * {string} background.alternativePressed - For component pressed states that use background/alternative\n     */\n    alternativePressed: string;\n    /**\n     * {string} background.hover - For component hover states that don't have a background color\n     */\n    hover: string;\n    /**\n     * {string} background.pressed - For component pressed states that don't have a background color\n     */\n    pressed: string;\n  };\n  text: {\n    /**\n     * {string} text.default - For general text that takes main priority in the information hierarchy\n     */\n    default: string;\n    /**\n     * {string} text.alternative - For a weaker contrast option for neutral text\n     */\n    alternative: string;\n    /**\n     * {string} text.muted - For inactive or lowest priority text. (Example: placeholder)\n     */\n    muted: string;\n  };\n  icon: {\n    /**\n     * {string} icon.default - For default neutral icons\n     */\n    default: string;\n    /**\n     * {string} icon.alternative - For a weaker contrast option for neutral icons\n     */\n    alternative: string;\n    /**\n     * {string} icon.muted - For inactive or lowest priority icons\n     */\n    muted: string;\n  };\n  border: {\n    /**\n     * {string} border.default - For default neutral borders with visible contrast. (Example: text inputs)\n     */\n    default: string;\n    /**\n     * {string} border.muted - For a weaker contrast option for neutral borders.\n     */\n    muted: string;\n  };\n  overlay: {\n    /**\n     * {string} overlay.default - For shading layers behind modality screens\n     */\n    default: string;\n    /**\n     * {string} overlay.alternative - For a stronger shade of screen\n     */\n    alternative: string;\n    /**\n     * {string} overlay.inverse - For elements used on top of overlay/alternative. Used for text, icon or border\n     */\n    inverse: string;\n  };\n  shadow: {\n    /**\n     * {string} shadow.default - For neutral drop shadow color.\n     */\n    default: string;\n    /**\n     * {string} shadow.primary - For primary drop shadow color.\n     */\n    primary: string;\n    /**\n     * {string} shadow.default - For critical/danger drop shadow color.\n     */\n    error: string;\n  };\n  primary: {\n    /**\n     * {string} primary.default - For primary user action related elements\n     */\n    default: string;\n    /**\n     * {string} defaultHover - For the \"hover\" state of interactive elements\n     */\n    defaultHover: string;\n    /**\n     * {string} defaultPressed - For the \"pressed\" state of interactive elements\n     */\n    defaultPressed: string;\n    /**\n     * {string} primary.alternative - For the \\\"pressed\\\" state of interactive primary elements\n     */\n    alternative: string;\n    /**\n     * {string} primary.muted - For lowest contrast background used in primary elements\n     */\n    muted: string;\n    /**\n     * {string} primary.inverse - For elements used on top of primary/default. (Example: label of primary button, check in a checkbox)disabled state\n     */\n    inverse: string;\n  };\n  error: {\n    /**\n     * {string} error.default - For high-level alert danger/critical elements. Used for text, background, icon or border\n     */\n    default: string;\n    /**\n     * {string} defaultHover - For the \"hover\" state of interactive elements\n     */\n    defaultHover: string;\n    /**\n     * {string} defaultPressed - For the \"pressed\" state of interactive elements\n     */\n    defaultPressed: string;\n    /**\n     * {string} error.alternative - For the \\\"pressed\\\" state of interactive danger/critical elements\n     */\n    alternative: string;\n    /**\n     * {string} error.muted - For lowest contrast background used in high-level alert danger/critical elements. (Example: notification background)\n     */\n    muted: string;\n    /**\n     * {string} error.inverse - For elements used on top of error/default (Example: label of danger/critical button)\n     */\n    inverse: string;\n  };\n  warning: {\n    /**\n     * {string} warning.muted - For lowest contrast background used in warning elements. (Example: notification background)\n     */\n    default: string;\n    /**\n     * {string} defaultHover - For the \"hover\" state of interactive elements\n     */\n    defaultHover: string;\n    /**\n     * {string} defaultPressed - For the \"pressed\" state of interactive elements\n     */\n    defaultPressed: string;\n    /**\n     * {string} warning.muted - For lowest contrast background used in warning elements. (Example: notification background)\n     */\n    muted: string;\n    /**\n     * {string} warning.inverse - For elements used on top of warning/default. Used for text, icon or border\n     */\n    inverse: string;\n  };\n  success: {\n    /**\n     * {string} success.default - For positive & good semantic elements. Used for text, background, icon or border\n     */\n    default: string;\n    /**\n     * {string} defaultHover - For the \"hover\" state of interactive elements\n     */\n    defaultHover: string;\n    /**\n     * {string} defaultPressed - For the \"pressed\" state of interactive elements\n     */\n    defaultPressed: string;\n    /**\n     * {string} success.muted - For lowest contrast background used in success semantic. (Example: notification background)\n     */\n    muted: string;\n    /**\n     * {string} success.inverse -  For elements used on top of success/default. Used for text, icon or border\n     */\n    inverse: string;\n  };\n  info: {\n    /**\n     * {string} info.default - For informational semantic elements. Used for text, background, icon or border\n     */\n    default: string;\n    /**\n     * {string} info.muted - For lowest contrast background used in informational semantic. (Example: notification background)\n     */\n    muted: string;\n    /**\n     * {string} info.inverse - For elements used on top of info/default. Used for text, icon or border\n     */\n    inverse: string;\n  };\n  flask: {\n    /**\n     * {string} flask.default - For Flask colored elements\n     */\n    default: string;\n    /**\n     * {string} flask.inverse - For elements used on top of flask/default\n     */\n    inverse: string;\n  };\n};\n\nexport type Theme = {\n  colors: ThemeColors;\n  typography: ThemeTypography;\n  shadows: ThemeShadows;\n};\n"]}

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

@@ -0,0 +1,248 @@
+import type { ThemeTypography } from "../typography/index.cjs";
+type ShadowShape = {
+    shadowColor: string;
+    shadowOffset: {
+        width: number;
+        height: number;
+    };
+    shadowOpacity: number;
+    shadowRadius: number;
+};
+type ShadowSizes = {
+    xs: ShadowShape;
+    sm: ShadowShape;
+    md: ShadowShape;
+    lg: ShadowShape;
+};
+export type ThemeShadows = {
+    size: ShadowSizes;
+};
+export type ThemeColors = {
+    background: {
+        /**
+         * {string} background.default - For default neutral backgrounds
+         */
+        default: string;
+        /**
+         * {string} background.defaultHover - For component hover states that use background/default
+         */
+        defaultHover: string;
+        /**
+         * {string} background.defaultPressed - For component pressed states that use background/default.
+         */
+        defaultPressed: string;
+        /**
+         * {string} background.alternative - For a subtle contrast option for neutral backgrounds. (Example: backdrop, header background)
+         */
+        alternative: string;
+        /**
+         * {string} background.alternativeHover - For component hover states that use background/alternative
+         */
+        alternativeHover: string;
+        /**
+         * {string} background.alternativePressed - For component pressed states that use background/alternative
+         */
+        alternativePressed: string;
+        /**
+         * {string} background.hover - For component hover states that don't have a background color
+         */
+        hover: string;
+        /**
+         * {string} background.pressed - For component pressed states that don't have a background color
+         */
+        pressed: string;
+    };
+    text: {
+        /**
+         * {string} text.default - For general text that takes main priority in the information hierarchy
+         */
+        default: string;
+        /**
+         * {string} text.alternative - For a weaker contrast option for neutral text
+         */
+        alternative: string;
+        /**
+         * {string} text.muted - For inactive or lowest priority text. (Example: placeholder)
+         */
+        muted: string;
+    };
+    icon: {
+        /**
+         * {string} icon.default - For default neutral icons
+         */
+        default: string;
+        /**
+         * {string} icon.alternative - For a weaker contrast option for neutral icons
+         */
+        alternative: string;
+        /**
+         * {string} icon.muted - For inactive or lowest priority icons
+         */
+        muted: string;
+    };
+    border: {
+        /**
+         * {string} border.default - For default neutral borders with visible contrast. (Example: text inputs)
+         */
+        default: string;
+        /**
+         * {string} border.muted - For a weaker contrast option for neutral borders.
+         */
+        muted: string;
+    };
+    overlay: {
+        /**
+         * {string} overlay.default - For shading layers behind modality screens
+         */
+        default: string;
+        /**
+         * {string} overlay.alternative - For a stronger shade of screen
+         */
+        alternative: string;
+        /**
+         * {string} overlay.inverse - For elements used on top of overlay/alternative. Used for text, icon or border
+         */
+        inverse: string;
+    };
+    shadow: {
+        /**
+         * {string} shadow.default - For neutral drop shadow color.
+         */
+        default: string;
+        /**
+         * {string} shadow.primary - For primary drop shadow color.
+         */
+        primary: string;
+        /**
+         * {string} shadow.default - For critical/danger drop shadow color.
+         */
+        error: string;
+    };
+    primary: {
+        /**
+         * {string} primary.default - For primary user action related elements
+         */
+        default: string;
+        /**
+         * {string} defaultHover - For the "hover" state of interactive elements
+         */
+        defaultHover: string;
+        /**
+         * {string} defaultPressed - For the "pressed" state of interactive elements
+         */
+        defaultPressed: string;
+        /**
+         * {string} primary.alternative - For the \"pressed\" state of interactive primary elements
+         */
+        alternative: string;
+        /**
+         * {string} primary.muted - For lowest contrast background used in primary elements
+         */
+        muted: string;
+        /**
+         * {string} primary.inverse - For elements used on top of primary/default. (Example: label of primary button, check in a checkbox)disabled state
+         */
+        inverse: string;
+    };
+    error: {
+        /**
+         * {string} error.default - For high-level alert danger/critical elements. Used for text, background, icon or border
+         */
+        default: string;
+        /**
+         * {string} defaultHover - For the "hover" state of interactive elements
+         */
+        defaultHover: string;
+        /**
+         * {string} defaultPressed - For the "pressed" state of interactive elements
+         */
+        defaultPressed: string;
+        /**
+         * {string} error.alternative - For the \"pressed\" state of interactive danger/critical elements
+         */
+        alternative: string;
+        /**
+         * {string} error.muted - For lowest contrast background used in high-level alert danger/critical elements. (Example: notification background)
+         */
+        muted: string;
+        /**
+         * {string} error.inverse - For elements used on top of error/default (Example: label of danger/critical button)
+         */
+        inverse: string;
+    };
+    warning: {
+        /**
+         * {string} warning.muted - For lowest contrast background used in warning elements. (Example: notification background)
+         */
+        default: string;
+        /**
+         * {string} defaultHover - For the "hover" state of interactive elements
+         */
+        defaultHover: string;
+        /**
+         * {string} defaultPressed - For the "pressed" state of interactive elements
+         */
+        defaultPressed: string;
+        /**
+         * {string} warning.muted - For lowest contrast background used in warning elements. (Example: notification background)
+         */
+        muted: string;
+        /**
+         * {string} warning.inverse - For elements used on top of warning/default. Used for text, icon or border
+         */
+        inverse: string;
+    };
+    success: {
+        /**
+         * {string} success.default - For positive & good semantic elements. Used for text, background, icon or border
+         */
+        default: string;
+        /**
+         * {string} defaultHover - For the "hover" state of interactive elements
+         */
+        defaultHover: string;
+        /**
+         * {string} defaultPressed - For the "pressed" state of interactive elements
+         */
+        defaultPressed: string;
+        /**
+         * {string} success.muted - For lowest contrast background used in success semantic. (Example: notification background)
+         */
+        muted: string;
+        /**
+         * {string} success.inverse -  For elements used on top of success/default. Used for text, icon or border
+         */
+        inverse: string;
+    };
+    info: {
+        /**
+         * {string} info.default - For informational semantic elements. Used for text, background, icon or border
+         */
+        default: string;
+        /**
+         * {string} info.muted - For lowest contrast background used in informational semantic. (Example: notification background)
+         */
+        muted: string;
+        /**
+         * {string} info.inverse - For elements used on top of info/default. Used for text, icon or border
+         */
+        inverse: string;
+    };
+    flask: {
+        /**
+         * {string} flask.default - For Flask colored elements
+         */
+        default: string;
+        /**
+         * {string} flask.inverse - For elements used on top of flask/default
+         */
+        inverse: string;
+    };
+};
+export type Theme = {
+    colors: ThemeColors;
+    typography: ThemeTypography;
+    shadows: ThemeShadows;
+};
+export {};
+//# sourceMappingURL=types.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.cts","sourceRoot":"","sources":["../../../src/js/themes/types.ts"],"names":[],"mappings":"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"}