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

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

@@ -0,0 +1,248 @@
+import type { ThemeTypography } from "../typography/index.mjs";
+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.mts.map

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

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

package/dist/js/themes/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","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/typography/fontFamilies.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fontFamilies = void 0;
+exports.fontFamilies = {
+    euclidCircularB: 'Euclid Circular B',
+};
+//# sourceMappingURL=fontFamilies.cjs.map

package/dist/js/typography/fontFamilies.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontFamilies.cjs","sourceRoot":"","sources":["../../../src/js/typography/fontFamilies.ts"],"names":[],"mappings":";;;AAAa,QAAA,YAAY,GAAG;IAC1B,eAAe,EAAE,mBAAmB;CACrC,CAAC","sourcesContent":["export const fontFamilies = {\n  euclidCircularB: 'Euclid Circular B',\n};\n"]}

package/dist/js/typography/fontFamilies.d.cts

@@ -0,0 +1,4 @@
+export declare const fontFamilies: {
+    euclidCircularB: string;
+};
+//# sourceMappingURL=fontFamilies.d.cts.map

package/dist/js/typography/fontFamilies.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontFamilies.d.cts","sourceRoot":"","sources":["../../../src/js/typography/fontFamilies.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;CAExB,CAAC"}

package/dist/js/typography/fontFamilies.d.mts

@@ -0,0 +1,4 @@
+export declare const fontFamilies: {
+    euclidCircularB: string;
+};
+//# sourceMappingURL=fontFamilies.d.mts.map

package/dist/js/typography/fontFamilies.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontFamilies.d.mts","sourceRoot":"","sources":["../../../src/js/typography/fontFamilies.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;CAExB,CAAC"}

package/dist/js/typography/fontFamilies.mjs

@@ -0,0 +1,4 @@
+export const fontFamilies = {
+    euclidCircularB: 'Euclid Circular B',
+};
+//# sourceMappingURL=fontFamilies.mjs.map

package/dist/js/typography/fontFamilies.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontFamilies.mjs","sourceRoot":"","sources":["../../../src/js/typography/fontFamilies.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,eAAe,EAAE,mBAAmB;CACrC,CAAC","sourcesContent":["export const fontFamilies = {\n  euclidCircularB: 'Euclid Circular B',\n};\n"]}

package/dist/js/typography/fontSizes.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fontSizes = void 0;
+exports.fontSizes = {
+    fontSize1: 10,
+    fontSize2: 12,
+    fontSize3: 14,
+    fontSize4: 16,
+    fontSize5: 18,
+    fontSize6: 24,
+    fontSize7: 32,
+    fontSize8: 48,
+};
+//# sourceMappingURL=fontSizes.cjs.map

package/dist/js/typography/fontSizes.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontSizes.cjs","sourceRoot":"","sources":["../../../src/js/typography/fontSizes.ts"],"names":[],"mappings":";;;AAAa,QAAA,SAAS,GAAG;IACvB,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;CACd,CAAC","sourcesContent":["export const fontSizes = {\n  fontSize1: 10,\n  fontSize2: 12,\n  fontSize3: 14,\n  fontSize4: 16,\n  fontSize5: 18,\n  fontSize6: 24,\n  fontSize7: 32,\n  fontSize8: 48,\n};\n"]}

package/dist/js/typography/fontSizes.d.cts

@@ -0,0 +1,11 @@
+export declare const fontSizes: {
+    fontSize1: number;
+    fontSize2: number;
+    fontSize3: number;
+    fontSize4: number;
+    fontSize5: number;
+    fontSize6: number;
+    fontSize7: number;
+    fontSize8: number;
+};
+//# sourceMappingURL=fontSizes.d.cts.map

package/dist/js/typography/fontSizes.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontSizes.d.cts","sourceRoot":"","sources":["../../../src/js/typography/fontSizes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC"}

package/dist/js/typography/fontSizes.d.mts

@@ -0,0 +1,11 @@
+export declare const fontSizes: {
+    fontSize1: number;
+    fontSize2: number;
+    fontSize3: number;
+    fontSize4: number;
+    fontSize5: number;
+    fontSize6: number;
+    fontSize7: number;
+    fontSize8: number;
+};
+//# sourceMappingURL=fontSizes.d.mts.map

package/dist/js/typography/fontSizes.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontSizes.d.mts","sourceRoot":"","sources":["../../../src/js/typography/fontSizes.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;;;;;CASrB,CAAC"}

package/dist/js/typography/fontSizes.mjs

@@ -0,0 +1,11 @@
+export const fontSizes = {
+    fontSize1: 10,
+    fontSize2: 12,
+    fontSize3: 14,
+    fontSize4: 16,
+    fontSize5: 18,
+    fontSize6: 24,
+    fontSize7: 32,
+    fontSize8: 48,
+};
+//# sourceMappingURL=fontSizes.mjs.map

package/dist/js/typography/fontSizes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontSizes.mjs","sourceRoot":"","sources":["../../../src/js/typography/fontSizes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;IACb,SAAS,EAAE,EAAE;CACd,CAAC","sourcesContent":["export const fontSizes = {\n  fontSize1: 10,\n  fontSize2: 12,\n  fontSize3: 14,\n  fontSize4: 16,\n  fontSize5: 18,\n  fontSize6: 24,\n  fontSize7: 32,\n  fontSize8: 48,\n};\n"]}

package/dist/js/typography/fontWeights.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fontWeights = void 0;
+exports.fontWeights = {
+    regular: '400',
+    medium: '500',
+    bold: '700',
+};
+//# sourceMappingURL=fontWeights.cjs.map

package/dist/js/typography/fontWeights.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontWeights.cjs","sourceRoot":"","sources":["../../../src/js/typography/fontWeights.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG;IACzB,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,KAAK;CACZ,CAAC","sourcesContent":["export const fontWeights = {\n  regular: '400',\n  medium: '500',\n  bold: '700',\n};\n"]}

package/dist/js/typography/fontWeights.d.cts

@@ -0,0 +1,6 @@
+export declare const fontWeights: {
+    regular: string;
+    medium: string;
+    bold: string;
+};
+//# sourceMappingURL=fontWeights.d.cts.map

package/dist/js/typography/fontWeights.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontWeights.d.cts","sourceRoot":"","sources":["../../../src/js/typography/fontWeights.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;CAIvB,CAAC"}

package/dist/js/typography/fontWeights.d.mts

@@ -0,0 +1,6 @@
+export declare const fontWeights: {
+    regular: string;
+    medium: string;
+    bold: string;
+};
+//# sourceMappingURL=fontWeights.d.mts.map

package/dist/js/typography/fontWeights.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontWeights.d.mts","sourceRoot":"","sources":["../../../src/js/typography/fontWeights.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;CAIvB,CAAC"}

package/dist/js/typography/fontWeights.mjs

@@ -0,0 +1,6 @@
+export const fontWeights = {
+    regular: '400',
+    medium: '500',
+    bold: '700',
+};
+//# sourceMappingURL=fontWeights.mjs.map

package/dist/js/typography/fontWeights.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontWeights.mjs","sourceRoot":"","sources":["../../../src/js/typography/fontWeights.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,OAAO,EAAE,KAAK;IACd,MAAM,EAAE,KAAK;IACb,IAAI,EAAE,KAAK;CACZ,CAAC","sourcesContent":["export const fontWeights = {\n  regular: '400',\n  medium: '500',\n  bold: '700',\n};\n"]}

package/dist/js/typography/index.cjs

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

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

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

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

@@ -0,0 +1,3 @@
+export { typography } from "./typography.cjs";
+export type { ThemeTypography } from "./types.cjs";
+//# sourceMappingURL=index.d.cts.map

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

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

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

@@ -0,0 +1,3 @@
+export { typography } from "./typography.mjs";
+export type { ThemeTypography } from "./types.mjs";
+//# sourceMappingURL=index.d.mts.map

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

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

package/dist/js/typography/index.mjs

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

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

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

package/dist/js/typography/letterSpacing.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.letterSpacing = void 0;
+exports.letterSpacing = {
+    letterSpacing0: 0,
+    letterSpacing1: 0.25,
+};
+//# sourceMappingURL=letterSpacing.cjs.map

package/dist/js/typography/letterSpacing.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"letterSpacing.cjs","sourceRoot":"","sources":["../../../src/js/typography/letterSpacing.ts"],"names":[],"mappings":";;;AAAa,QAAA,aAAa,GAAG;IAC3B,cAAc,EAAE,CAAC;IACjB,cAAc,EAAE,IAAI;CACrB,CAAC","sourcesContent":["export const letterSpacing = {\n  letterSpacing0: 0,\n  letterSpacing1: 0.25,\n};\n"]}

package/dist/js/typography/letterSpacing.d.cts

@@ -0,0 +1,5 @@
+export declare const letterSpacing: {
+    letterSpacing0: number;
+    letterSpacing1: number;
+};
+//# sourceMappingURL=letterSpacing.d.cts.map

package/dist/js/typography/letterSpacing.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"letterSpacing.d.cts","sourceRoot":"","sources":["../../../src/js/typography/letterSpacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;CAGzB,CAAC"}

package/dist/js/typography/letterSpacing.d.mts

@@ -0,0 +1,5 @@
+export declare const letterSpacing: {
+    letterSpacing0: number;
+    letterSpacing1: number;
+};
+//# sourceMappingURL=letterSpacing.d.mts.map

package/dist/js/typography/letterSpacing.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"letterSpacing.d.mts","sourceRoot":"","sources":["../../../src/js/typography/letterSpacing.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;CAGzB,CAAC"}

package/dist/js/typography/letterSpacing.mjs

@@ -0,0 +1,5 @@
+export const letterSpacing = {
+    letterSpacing0: 0,
+    letterSpacing1: 0.25,
+};
+//# sourceMappingURL=letterSpacing.mjs.map

package/dist/js/typography/letterSpacing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"letterSpacing.mjs","sourceRoot":"","sources":["../../../src/js/typography/letterSpacing.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,cAAc,EAAE,CAAC;IACjB,cAAc,EAAE,IAAI;CACrB,CAAC","sourcesContent":["export const letterSpacing = {\n  letterSpacing0: 0,\n  letterSpacing1: 0.25,\n};\n"]}

package/dist/js/typography/lineHeights.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.lineHeights = void 0;
+exports.lineHeights = {
+    lineHeight1: 16,
+    lineHeight2: 20,
+    lineHeight3: 22,
+    lineHeight4: 24,
+    lineHeight5: 32,
+    lineHeight6: 40,
+    lineHeight7: 56,
+};
+//# sourceMappingURL=lineHeights.cjs.map

package/dist/js/typography/lineHeights.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lineHeights.cjs","sourceRoot":"","sources":["../../../src/js/typography/lineHeights.ts"],"names":[],"mappings":";;;AAAa,QAAA,WAAW,GAAG;IACzB,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;CAChB,CAAC","sourcesContent":["export const lineHeights = {\n  lineHeight1: 16,\n  lineHeight2: 20,\n  lineHeight3: 22,\n  lineHeight4: 24,\n  lineHeight5: 32,\n  lineHeight6: 40,\n  lineHeight7: 56,\n};\n"]}

package/dist/js/typography/lineHeights.d.cts

@@ -0,0 +1,10 @@
+export declare const lineHeights: {
+    lineHeight1: number;
+    lineHeight2: number;
+    lineHeight3: number;
+    lineHeight4: number;
+    lineHeight5: number;
+    lineHeight6: number;
+    lineHeight7: number;
+};
+//# sourceMappingURL=lineHeights.d.cts.map

package/dist/js/typography/lineHeights.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lineHeights.d.cts","sourceRoot":"","sources":["../../../src/js/typography/lineHeights.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;CAQvB,CAAC"}

package/dist/js/typography/lineHeights.d.mts

@@ -0,0 +1,10 @@
+export declare const lineHeights: {
+    lineHeight1: number;
+    lineHeight2: number;
+    lineHeight3: number;
+    lineHeight4: number;
+    lineHeight5: number;
+    lineHeight6: number;
+    lineHeight7: number;
+};
+//# sourceMappingURL=lineHeights.d.mts.map

package/dist/js/typography/lineHeights.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lineHeights.d.mts","sourceRoot":"","sources":["../../../src/js/typography/lineHeights.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;;;;;;CAQvB,CAAC"}

package/dist/js/typography/lineHeights.mjs

@@ -0,0 +1,10 @@
+export const lineHeights = {
+    lineHeight1: 16,
+    lineHeight2: 20,
+    lineHeight3: 22,
+    lineHeight4: 24,
+    lineHeight5: 32,
+    lineHeight6: 40,
+    lineHeight7: 56,
+};
+//# sourceMappingURL=lineHeights.mjs.map

package/dist/js/typography/lineHeights.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"lineHeights.mjs","sourceRoot":"","sources":["../../../src/js/typography/lineHeights.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;IACf,WAAW,EAAE,EAAE;CAChB,CAAC","sourcesContent":["export const lineHeights = {\n  lineHeight1: 16,\n  lineHeight2: 20,\n  lineHeight3: 22,\n  lineHeight4: 24,\n  lineHeight5: 32,\n  lineHeight6: 40,\n  lineHeight7: 56,\n};\n"]}

package/dist/js/typography/types.cjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sourceRoot":"","sources":["../../../src/js/typography/types.ts"],"names":[],"mappings":"","sourcesContent":["type TypeStyle = {\n  fontFamily: string;\n  fontSize: number;\n  fontWeight: string;\n  lineHeight: number;\n  letterSpacing: number;\n};\n\nexport type ThemeTypography = {\n  sDisplayMD: TypeStyle;\n  sHeadingLG: TypeStyle;\n  sHeadingMD: TypeStyle;\n  sHeadingSMRegular: TypeStyle;\n  sHeadingSM: TypeStyle;\n  sBodyLGMedium: TypeStyle;\n  sBodyMD: TypeStyle;\n  sBodyMDMedium: TypeStyle;\n  sBodyMDBold: TypeStyle;\n  sBodySM: TypeStyle;\n  sBodySMMedium: TypeStyle;\n  sBodySMBold: TypeStyle;\n  sBodyXS: TypeStyle;\n  sBodyXSMedium: TypeStyle;\n  lDisplayMD: TypeStyle;\n  lHeadingLG: TypeStyle;\n  lHeadingMD: TypeStyle;\n  lHeadingSMRegular: TypeStyle;\n  lHeadingSM: TypeStyle;\n  lBodyLGMedium: TypeStyle;\n  lBodyMD: TypeStyle;\n  lBodyMDMedium: TypeStyle;\n  lBodyMDBold: TypeStyle;\n  lBodySM: TypeStyle;\n  lBodySMMedium: TypeStyle;\n  lBodySMBold: TypeStyle;\n  lBodyXS: TypeStyle;\n  lBodyXSMedium: TypeStyle;\n};\n"]}