@metamask-previews/design-system-shared 0.7.0-preview.dff9dce → 0.9.0-preview.d854123

package/dist/types/Text/Text.types.mjs

@@ -1,115 +0,0 @@
-/**
- * Text - fontWeight (ADR-0003)
- * Semantic values shared across React and React Native platforms.
- */
-export const FontWeight = {
-    /** Weight - 600 */
-    Bold: 'bold',
-    /** Weight - 500 */
-    Medium: 'medium',
-    /** Weight - 400 */
-    Regular: 'regular',
-};
-/**
- * Text - fontStyle (ADR-0003)
- * Semantic values shared across React and React Native platforms.
- */
-export const FontStyle = {
-    Italic: 'italic',
-    Normal: 'normal',
-};
-/**
- * Text - fontFamily (ADR-0003)
- * Semantic values shared across React and React Native platforms.
- */
-export const FontFamily = {
-    /** Default: Geist */
-    Default: 'default',
-    /** Accent: MM Sans */
-    Accent: 'accent',
-    /** Hero: MM Poly */
-    Hero: 'hero',
-};
-/**
- * Text - variant (ADR-0003)
- * Identical values across React and React Native platforms.
- */
-export const TextVariant = {
-    // Display Sizes
-    DisplayLg: 'display-lg',
-    DisplayMd: 'display-md',
-    // Heading Sizes
-    HeadingLg: 'heading-lg',
-    HeadingMd: 'heading-md',
-    HeadingSm: 'heading-sm',
-    // Body Sizes
-    BodyLg: 'body-lg',
-    BodyMd: 'body-md',
-    BodySm: 'body-sm',
-    BodyXs: 'body-xs',
-    // Special Typography Variants
-    PageHeading: 'page-heading',
-    SectionHeading: 'section-heading',
-    ButtonLabelMd: 'button-label-md',
-    ButtonLabelLg: 'button-label-lg',
-    AmountDisplayLg: 'amount-display-lg',
-};
-/**
- * Text - color (ADR-0003)
- * All text color values shared across React and React Native platforms.
- */
-export const TextColor = {
-    /** For default neutral text. */
-    TextDefault: 'text-default',
-    /** For softer contrast neutral text */
-    TextAlternative: 'text-alternative',
-    /** For the softest contrast neutral text (not accessible) */
-    TextMuted: 'text-muted',
-    /** For elements used on top of overlay/alternative. Used for text, icon or border */
-    OverlayInverse: 'text-overlay-inverse',
-    /** For interactive, active, and selected semantics. Used for text, background, icon or border */
-    PrimaryDefault: 'text-primary-default',
-    /** For elements used on top of primary/default. Used for text, icon or border */
-    PrimaryInverse: 'text-primary-inverse',
-    /** For softer variants of primary text. */
-    PrimaryAlternative: 'text-primary-alternative',
-    /** For primary text in a hover state. */
-    PrimaryDefaultHover: 'text-primary-default-hover',
-    /** For primary text in a pressed state. */
-    PrimaryDefaultPressed: 'text-primary-default-pressed',
-    /** For the critical alert semantic elements. Used for text, background, icon or border */
-    ErrorDefault: 'text-error-default',
-    /** For the stronger contrast error semantic elements. */
-    ErrorAlternative: 'text-error-alternative',
-    /** For elements used on top of error/default. Used for text, icon or border */
-    ErrorInverse: 'text-error-inverse',
-    /** For critical alert text in a hover state. */
-    ErrorDefaultHover: 'text-error-default-hover',
-    /** For critical alert text in a pressed state. */
-    ErrorDefaultPressed: 'text-error-default-pressed',
-    /** For the positive semantic elements. Used for text, background, icon or border */
-    SuccessDefault: 'text-success-default',
-    /** For elements used on top of success/default. Used for text, icon or border */
-    SuccessInverse: 'text-success-inverse',
-    /** For positive text in a hover state. */
-    SuccessDefaultHover: 'text-success-default-hover',
-    /** For positive text in a pressed state. */
-    SuccessDefaultPressed: 'text-success-default-pressed',
-    /** For the caution alert semantic elements. Used for text, background, icon or border */
-    WarningDefault: 'text-warning-default',
-    /** For elements used on top of warning/default. Used for text, icon or border */
-    WarningInverse: 'text-warning-inverse',
-    /** For caution text in a hover state. */
-    WarningDefaultHover: 'text-warning-default-hover',
-    /** For caution text in a pressed state. */
-    WarningDefaultPressed: 'text-warning-default-pressed',
-    /** For informational read-only elements. Used for text, background, icon or border */
-    InfoDefault: 'text-info-default',
-    /** For elements used on top of info/default. Used for text, icon or border */
-    InfoInverse: 'text-info-inverse',
-    /** Make the text color transparent */
-    Transparent: 'text-transparent',
-    /** Inherit the color of the parent element */
-    Inherit: 'text-inherit',
-};
-//# sourceMappingURL=Text.types.mjs.map

package/dist/types/Text/Text.types.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/types/Text/Text.types.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,mBAAmB;IACnB,IAAI,EAAE,MAAM;IACZ,mBAAmB;IACnB,MAAM,EAAE,QAAQ;IAChB,mBAAmB;IACnB,OAAO,EAAE,SAAS;CACV,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;CACR,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,sBAAsB;IACtB,MAAM,EAAE,QAAQ;IAChB,oBAAoB;IACpB,IAAI,EAAE,MAAM;CACJ,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,gBAAgB;IAChB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IAEvB,gBAAgB;IAChB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IACvB,SAAS,EAAE,YAAY;IAEvB,aAAa;IACb,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IACjB,MAAM,EAAE,SAAS;IAEjB,8BAA8B;IAC9B,WAAW,EAAE,cAAc;IAC3B,cAAc,EAAE,iBAAiB;IACjC,aAAa,EAAE,iBAAiB;IAChC,aAAa,EAAE,iBAAiB;IAChC,eAAe,EAAE,mBAAmB;CAC5B,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,gCAAgC;IAChC,WAAW,EAAE,cAAc;IAC3B,uCAAuC;IACvC,eAAe,EAAE,kBAAkB;IACnC,6DAA6D;IAC7D,SAAS,EAAE,YAAY;IACvB,qFAAqF;IACrF,cAAc,EAAE,sBAAsB;IACtC,iGAAiG;IACjG,cAAc,EAAE,sBAAsB;IACtC,iFAAiF;IACjF,cAAc,EAAE,sBAAsB;IACtC,2CAA2C;IAC3C,kBAAkB,EAAE,0BAA0B;IAC9C,yCAAyC;IACzC,mBAAmB,EAAE,4BAA4B;IACjD,2CAA2C;IAC3C,qBAAqB,EAAE,8BAA8B;IACrD,0FAA0F;IAC1F,YAAY,EAAE,oBAAoB;IAClC,yDAAyD;IACzD,gBAAgB,EAAE,wBAAwB;IAC1C,+EAA+E;IAC/E,YAAY,EAAE,oBAAoB;IAClC,gDAAgD;IAChD,iBAAiB,EAAE,0BAA0B;IAC7C,kDAAkD;IAClD,mBAAmB,EAAE,4BAA4B;IACjD,oFAAoF;IACpF,cAAc,EAAE,sBAAsB;IACtC,iFAAiF;IACjF,cAAc,EAAE,sBAAsB;IACtC,0CAA0C;IAC1C,mBAAmB,EAAE,4BAA4B;IACjD,4CAA4C;IAC5C,qBAAqB,EAAE,8BAA8B;IACrD,yFAAyF;IACzF,cAAc,EAAE,sBAAsB;IACtC,iFAAiF;IACjF,cAAc,EAAE,sBAAsB;IACtC,yCAAyC;IACzC,mBAAmB,EAAE,4BAA4B;IACjD,2CAA2C;IAC3C,qBAAqB,EAAE,8BAA8B;IACrD,sFAAsF;IACtF,WAAW,EAAE,mBAAmB;IAChC,8EAA8E;IAC9E,WAAW,EAAE,mBAAmB;IAChC,sCAAsC;IACtC,WAAW,EAAE,kBAAkB;IAC/B,8CAA8C;IAC9C,OAAO,EAAE,cAAc;CACf,CAAC","sourcesContent":["import type { ReactNode } from 'react';\n\n/**\n * Text - fontWeight (ADR-0003)\n * Semantic values shared across React and React Native platforms.\n */\nexport const FontWeight = {\n  /** Weight - 600 */\n  Bold: 'bold',\n  /** Weight - 500 */\n  Medium: 'medium',\n  /** Weight - 400 */\n  Regular: 'regular',\n} as const;\n\nexport type FontWeight = (typeof FontWeight)[keyof typeof FontWeight];\n\n/**\n * Text - fontStyle (ADR-0003)\n * Semantic values shared across React and React Native platforms.\n */\nexport const FontStyle = {\n  Italic: 'italic',\n  Normal: 'normal',\n} as const;\n\nexport type FontStyle = (typeof FontStyle)[keyof typeof FontStyle];\n\n/**\n * Text - fontFamily (ADR-0003)\n * Semantic values shared across React and React Native platforms.\n */\nexport const FontFamily = {\n  /** Default: Geist */\n  Default: 'default',\n  /** Accent: MM Sans */\n  Accent: 'accent',\n  /** Hero: MM Poly */\n  Hero: 'hero',\n} as const;\n\nexport type FontFamily = (typeof FontFamily)[keyof typeof FontFamily];\n\n/**\n * Text - variant (ADR-0003)\n * Identical values across React and React Native platforms.\n */\nexport const TextVariant = {\n  // Display Sizes\n  DisplayLg: 'display-lg',\n  DisplayMd: 'display-md',\n\n  // Heading Sizes\n  HeadingLg: 'heading-lg',\n  HeadingMd: 'heading-md',\n  HeadingSm: 'heading-sm',\n\n  // Body Sizes\n  BodyLg: 'body-lg',\n  BodyMd: 'body-md',\n  BodySm: 'body-sm',\n  BodyXs: 'body-xs',\n\n  // Special Typography Variants\n  PageHeading: 'page-heading',\n  SectionHeading: 'section-heading',\n  ButtonLabelMd: 'button-label-md',\n  ButtonLabelLg: 'button-label-lg',\n  AmountDisplayLg: 'amount-display-lg',\n} as const;\n\nexport type TextVariant = (typeof TextVariant)[keyof typeof TextVariant];\n\n/**\n * Text - color (ADR-0003)\n * All text color values shared across React and React Native platforms.\n */\nexport const TextColor = {\n  /** For default neutral text. */\n  TextDefault: 'text-default',\n  /** For softer contrast neutral text */\n  TextAlternative: 'text-alternative',\n  /** For the softest contrast neutral text (not accessible) */\n  TextMuted: 'text-muted',\n  /** For elements used on top of overlay/alternative. Used for text, icon or border */\n  OverlayInverse: 'text-overlay-inverse',\n  /** For interactive, active, and selected semantics. Used for text, background, icon or border */\n  PrimaryDefault: 'text-primary-default',\n  /** For elements used on top of primary/default. Used for text, icon or border */\n  PrimaryInverse: 'text-primary-inverse',\n  /** For softer variants of primary text. */\n  PrimaryAlternative: 'text-primary-alternative',\n  /** For primary text in a hover state. */\n  PrimaryDefaultHover: 'text-primary-default-hover',\n  /** For primary text in a pressed state. */\n  PrimaryDefaultPressed: 'text-primary-default-pressed',\n  /** For the critical alert semantic elements. Used for text, background, icon or border */\n  ErrorDefault: 'text-error-default',\n  /** For the stronger contrast error semantic elements. */\n  ErrorAlternative: 'text-error-alternative',\n  /** For elements used on top of error/default. Used for text, icon or border */\n  ErrorInverse: 'text-error-inverse',\n  /** For critical alert text in a hover state. */\n  ErrorDefaultHover: 'text-error-default-hover',\n  /** For critical alert text in a pressed state. */\n  ErrorDefaultPressed: 'text-error-default-pressed',\n  /** For the positive semantic elements. Used for text, background, icon or border */\n  SuccessDefault: 'text-success-default',\n  /** For elements used on top of success/default. Used for text, icon or border */\n  SuccessInverse: 'text-success-inverse',\n  /** For positive text in a hover state. */\n  SuccessDefaultHover: 'text-success-default-hover',\n  /** For positive text in a pressed state. */\n  SuccessDefaultPressed: 'text-success-default-pressed',\n  /** For the caution alert semantic elements. Used for text, background, icon or border */\n  WarningDefault: 'text-warning-default',\n  /** For elements used on top of warning/default. Used for text, icon or border */\n  WarningInverse: 'text-warning-inverse',\n  /** For caution text in a hover state. */\n  WarningDefaultHover: 'text-warning-default-hover',\n  /** For caution text in a pressed state. */\n  WarningDefaultPressed: 'text-warning-default-pressed',\n  /** For informational read-only elements. Used for text, background, icon or border */\n  InfoDefault: 'text-info-default',\n  /** For elements used on top of info/default. Used for text, icon or border */\n  InfoInverse: 'text-info-inverse',\n  /** Make the text color transparent */\n  Transparent: 'text-transparent',\n  /** Inherit the color of the parent element */\n  Inherit: 'text-inherit',\n} as const;\n\nexport type TextColor = (typeof TextColor)[keyof typeof TextColor];\n\n/**\n * Text component shared props (ADR-0004).\n * Platform-independent props shared across React and React Native.\n */\nexport type TextPropsShared = {\n  /**\n   * Optional prop to change the font size of the component.\n   * Different variants map to specific HTML elements by default.\n   *\n   * @default TextVariant.BodyMd\n   */\n  variant?: TextVariant;\n  /**\n   * The text content or elements to be rendered within the component.\n   */\n  children: ReactNode;\n  /**\n   * Optional prop that sets the color of the text using predefined theme colors.\n   *\n   * @default TextColor.TextDefault\n   */\n  color?: TextColor;\n};\n"]}

package/dist/types/Text/index.cjs

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextVariant = exports.TextColor = exports.FontWeight = exports.FontStyle = exports.FontFamily = void 0;
-var Text_types_1 = require("./Text.types.cjs");
-Object.defineProperty(exports, "FontFamily", { enumerable: true, get: function () { return Text_types_1.FontFamily; } });
-Object.defineProperty(exports, "FontStyle", { enumerable: true, get: function () { return Text_types_1.FontStyle; } });
-Object.defineProperty(exports, "FontWeight", { enumerable: true, get: function () { return Text_types_1.FontWeight; } });
-Object.defineProperty(exports, "TextColor", { enumerable: true, get: function () { return Text_types_1.TextColor; } });
-Object.defineProperty(exports, "TextVariant", { enumerable: true, get: function () { return Text_types_1.TextVariant; } });
-//# sourceMappingURL=index.cjs.map

package/dist/types/Text/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/types/Text/index.ts"],"names":[],"mappings":";;;AAAA,+CAOsB;AANpB,wGAAA,UAAU,OAAA;AACV,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,uGAAA,SAAS,OAAA;AACT,yGAAA,WAAW,OAAA","sourcesContent":["export {\n  FontFamily,\n  FontStyle,\n  FontWeight,\n  TextColor,\n  TextVariant,\n  type TextPropsShared,\n} from './Text.types';\n"]}

package/dist/types/Text/index.d.cts

@@ -1,2 +0,0 @@
-export { FontFamily, FontStyle, FontWeight, TextColor, TextVariant, type TextPropsShared, } from "./Text.types.cjs";
-//# sourceMappingURL=index.d.cts.map

package/dist/types/Text/index.d.cts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/types/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EACX,KAAK,eAAe,GACrB,yBAAqB"}

package/dist/types/Text/index.d.mts

@@ -1,2 +0,0 @@
-export { FontFamily, FontStyle, FontWeight, TextColor, TextVariant, type TextPropsShared, } from "./Text.types.mjs";
-//# sourceMappingURL=index.d.mts.map

package/dist/types/Text/index.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/types/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EACX,KAAK,eAAe,GACrB,yBAAqB"}

package/dist/types/Text/index.mjs

@@ -1,2 +0,0 @@
-export { FontFamily, FontStyle, FontWeight, TextColor, TextVariant } from "./Text.types.mjs";
-//# sourceMappingURL=index.mjs.map

package/dist/types/Text/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/types/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,EAEZ,yBAAqB","sourcesContent":["export {\n  FontFamily,\n  FontStyle,\n  FontWeight,\n  TextColor,\n  TextVariant,\n  type TextPropsShared,\n} from './Text.types';\n"]}