@metamask-previews/design-system-react 0.0.0-preview.ad2f94b → 0.0.0-preview.c0b5e45

package/dist/components/text/Text.types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";;;AAgEA,IAAY,WAeX;AAfD,WAAY,WAAW;IACrB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,aAAa;IACb,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;AACpB,CAAC,EAfW,WAAW,2BAAX,WAAW,QAetB;AAED,IAAY,SAmCX;AAnCD,WAAY,SAAS;IACnB,gCAAgC;IAChC,yCAA4B,CAAA;IAC5B,uCAAuC;IACvC,iDAAoC,CAAA;IACpC,6DAA6D;IAC7D,qCAAwB,CAAA;IACxB,qFAAqF;IACrF,oDAAuC,CAAA;IACvC,iGAAiG;IACjG,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,0FAA0F;IAC1F,gDAAmC,CAAA;IACnC,yDAAyD;IACzD,wDAA2C,CAAA;IAC3C,+EAA+E;IAC/E,gDAAmC,CAAA;IACnC,oFAAoF;IACpF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,yFAAyF;IACzF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,sFAAsF;IACtF,8CAAiC,CAAA;IACjC,8EAA8E;IAC9E,8CAAiC,CAAA;IACjC,8CAA8C;IAC9C,qCAAwB,CAAA;IACxB,sCAAsC;IACtC,6CAAgC,CAAA;AAClC,CAAC,EAnCW,SAAS,yBAAT,SAAS,QAmCpB;AAED,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,+BAAkB,CAAA;IAClB,mCAAsB,CAAA;IACtB,iCAAoB,CAAA;IACpB,qCAAwB,CAAA;AAC1B,CAAC,EALW,SAAS,yBAAT,SAAS,QAKpB;AAED,IAAY,UAaX;AAbD,WAAY,UAAU;IACpB;;OAEG;IACH,gCAAkB,CAAA;IAClB;;OAEG;IACH,oCAAsB,CAAA;IACtB;;OAEG;IACH,oCAAsB,CAAA;AACxB,CAAC,EAbW,UAAU,0BAAV,UAAU,QAarB;AAED,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,yCAAyB,CAAA;IACzB,sCAAsB,CAAA;IACtB,uCAAuB,CAAA;AACzB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB;AAED,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;AACvB,CAAC,EAHW,SAAS,yBAAT,SAAS,QAGpB;AAED,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,wCAAuB,CAAA;IACvB,wCAAuB,CAAA;IACvB,0CAAyB,CAAA;IACzB,uCAAsB,CAAA;AACxB,CAAC,EALW,aAAa,6BAAb,aAAa,QAKxB","sourcesContent":["export type TextProps = {\n  /**\n   * Optional prop for inline styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Optional prop to change the font size of the component. The Text component uses responsive font sizes.\n   * Different variants map to specific HTML elements by default.\n   * @default TextVariant.BodyMd\n   */\n  variant?: TextVariant;\n  /**\n   * The text content or elements to be rendered within the component.\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop for additional CSS classes to be applied to the Text component.\n   */\n  className?: string;\n  /**\n   * Optional prop to control the font weight of the text.\n   * - Normal: 400\n   * - Medium: 500\n   * - Bold: 700\n   */\n  fontWeight?: FontWeight;\n  /**\n   * Optional prop to control the font style of the text.\n   * Options: Normal, Italic\n   */\n  fontStyle?: FontStyle;\n  /**\n   * Optional prop to apply text transformation to the content.\n   * Options: Uppercase, Lowercase, Capitalize, Normal\n   */\n  textTransform?: TextTransform;\n  /**\n   * Optional prop to control the text alignment within its container.\n   * Options: Left, Center, Right, Justify\n   */\n  textAlign?: TextAlign;\n  /**\n   * Optional prop to determine how text should wrap when it reaches the edge of its container.\n   * Options: BreakWord, Anywhere, Normal\n   */\n  overflowWrap?: OverflowWrap;\n  /**\n   * Optional prop that when true, adds an ellipsis (...) when text overflows its container.\n   * @default false\n   */\n  ellipsis?: boolean;\n  /**\n   * Optional boolean that determines if the component should merge its props onto its immediate child\n   * instead of rendering a default DOM element.\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Optional prop that sets the color of the text using predefined theme colors.\n   * @default TextColor.TextDefault\n   */\n  color?: TextColor;\n};\n\nexport enum 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  // Font Sizes\n  BodyLg = 'body-lg',\n  BodyMd = 'body-md',\n  BodySm = 'body-sm',\n  BodyXs = 'body-xs',\n}\n\nexport enum 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 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 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 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 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  /** Inherit the color of the parent element */\n  Inherit = 'text-inherit',\n  /** Make the text color transparent */\n  Transparent = 'text-transparent',\n}\n\nexport enum TextAlign {\n  Left = 'text-left',\n  Center = 'text-center',\n  Right = 'text-right',\n  Justify = 'text-justify',\n}\n\nexport enum FontWeight {\n  /**\n   * Weight - 700\n   */\n  Bold = 'font-bold',\n  /**\n   * Weight - 500\n   */\n  Medium = 'font-medium',\n  /**\n   * Weight - 400\n   */\n  Normal = 'font-normal',\n}\n\nexport enum OverflowWrap {\n  BreakWord = 'break-words',\n  Anywhere = 'break-all',\n  Normal = 'break-normal',\n}\n\nexport enum FontStyle {\n  Italic = 'italic',\n  Normal = 'not-italic',\n}\n\nexport enum TextTransform {\n  Uppercase = 'uppercase',\n  Lowercase = 'lowercase',\n  Capitalize = 'capitalize',\n  Normal = 'normal-case',\n}\n"]}
+{"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";;;AA2EA,IAAY,WAeX;AAfD,WAAY,WAAW;IACrB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,aAAa;IACb,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;AACpB,CAAC,EAfW,WAAW,2BAAX,WAAW,QAetB;AAED,IAAY,SAmCX;AAnCD,WAAY,SAAS;IACnB,gCAAgC;IAChC,yCAA4B,CAAA;IAC5B,uCAAuC;IACvC,iDAAoC,CAAA;IACpC,6DAA6D;IAC7D,qCAAwB,CAAA;IACxB,qFAAqF;IACrF,oDAAuC,CAAA;IACvC,iGAAiG;IACjG,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,0FAA0F;IAC1F,gDAAmC,CAAA;IACnC,yDAAyD;IACzD,wDAA2C,CAAA;IAC3C,+EAA+E;IAC/E,gDAAmC,CAAA;IACnC,oFAAoF;IACpF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,yFAAyF;IACzF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,sFAAsF;IACtF,8CAAiC,CAAA;IACjC,8EAA8E;IAC9E,8CAAiC,CAAA;IACjC,8CAA8C;IAC9C,qCAAwB,CAAA;IACxB,sCAAsC;IACtC,6CAAgC,CAAA;AAClC,CAAC,EAnCW,SAAS,yBAAT,SAAS,QAmCpB;AAED,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,+BAAkB,CAAA;IAClB,mCAAsB,CAAA;IACtB,iCAAoB,CAAA;IACpB,qCAAwB,CAAA;AAC1B,CAAC,EALW,SAAS,yBAAT,SAAS,QAKpB;AAED,IAAY,UAaX;AAbD,WAAY,UAAU;IACpB;;OAEG;IACH,gCAAkB,CAAA;IAClB;;OAEG;IACH,oCAAsB,CAAA;IACtB;;OAEG;IACH,sCAAwB,CAAA;AAC1B,CAAC,EAbW,UAAU,0BAAV,UAAU,QAarB;AAED,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,yCAAyB,CAAA;IACzB,sCAAsB,CAAA;IACtB,uCAAuB,CAAA;AACzB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB;AAED,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;AACvB,CAAC,EAHW,SAAS,yBAAT,SAAS,QAGpB;AAED,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,wCAAuB,CAAA;IACvB,wCAAuB,CAAA;IACvB,0CAAyB,CAAA;IACzB,uCAAsB,CAAA;AACxB,CAAC,EALW,aAAa,6BAAb,aAAa,QAKxB;AAED,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,wCAA0B,CAAA;IAC1B,oCAAsB,CAAA;IACtB,kCAAoB,CAAA;AACtB,CAAC,EAJW,UAAU,0BAAV,UAAU,QAIrB","sourcesContent":["export type TextProps = {\n  /**\n   * Optional prop for inline styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Optional prop to change the font size of the component. The Text component uses responsive font sizes.\n   * Different variants map to specific HTML elements by default.\n   * @default TextVariant.BodyMd\n   */\n  variant?: TextVariant;\n  /**\n   * The text content or elements to be rendered within the component.\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop for additional CSS classes to be applied to the Text component.\n   */\n  className?: string;\n  /**\n   * Optional prop to control the font weight of the text.\n   * - Regular: 400\n   * - Medium: 500\n   * - Bold: 700\n   */\n  fontWeight?: FontWeight;\n  /**\n   * Optional prop to adjust the font family.\n   *  - Default: centrano1\n   *  - Accent: mmsans\n   *  - Hero: mmpoly\n   */\n  fontFamily?: FontFamily;\n  /**\n   * Optional prop to control the font style of the text.\n   * Options: Normal, Italic\n   */\n  fontStyle?: FontStyle;\n  /**\n   * Optional prop to apply text transformation to the content.\n   * Options: Uppercase, Lowercase, Capitalize, Normal\n   */\n  textTransform?: TextTransform;\n  /**\n   * Optional prop to control the text alignment within its container.\n   * Options: Left, Center, Right, Justify\n   */\n  textAlign?: TextAlign;\n  /**\n   * Optional prop to determine how text should wrap when it reaches the edge of its container.\n   * Options: BreakWord, Anywhere, Normal\n   */\n  overflowWrap?: OverflowWrap;\n  /**\n   * Optional prop that when true, adds an ellipsis (...) when text overflows its container.\n   * @default false\n   */\n  ellipsis?: boolean;\n  /**\n   * Optional boolean that determines if the component should merge its props onto its immediate child\n   * instead of rendering a default DOM element.\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Optional prop that sets the color of the text using predefined theme colors.\n   * @default TextColor.TextDefault\n   */\n  color?: TextColor;\n  /**\n   * Optional prop for testing purposes\n   */\n  'data-testid'?: string;\n};\n\nexport enum 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  // Font Sizes\n  BodyLg = 'body-lg',\n  BodyMd = 'body-md',\n  BodySm = 'body-sm',\n  BodyXs = 'body-xs',\n}\n\nexport enum 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 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 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 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 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  /** Inherit the color of the parent element */\n  Inherit = 'text-inherit',\n  /** Make the text color transparent */\n  Transparent = 'text-transparent',\n}\n\nexport enum TextAlign {\n  Left = 'text-left',\n  Center = 'text-center',\n  Right = 'text-right',\n  Justify = 'text-justify',\n}\n\nexport enum FontWeight {\n  /**\n   * Weight - 700\n   */\n  Bold = 'font-bold',\n  /**\n   * Weight - 500\n   */\n  Medium = 'font-medium',\n  /**\n   * Weight - 400\n   */\n  Regular = 'font-regular',\n}\n\nexport enum OverflowWrap {\n  BreakWord = 'break-words',\n  Anywhere = 'break-all',\n  Normal = 'break-normal',\n}\n\nexport enum FontStyle {\n  Italic = 'italic',\n  Normal = 'not-italic',\n}\n\nexport enum TextTransform {\n  Uppercase = 'uppercase',\n  Lowercase = 'lowercase',\n  Capitalize = 'capitalize',\n  Normal = 'normal-case',\n}\n\nexport enum FontFamily {\n  Default = 'font-centrano1',\n  Accent = 'font-mmsans',\n  Hero = 'font-mmpoly',\n}\n"]}

package/dist/components/text/Text.types.d.cts

@@ -20,11 +20,18 @@ export type TextProps = {
     className?: string;
     /**
      * Optional prop to control the font weight of the text.
-     * - Normal: 400
+     * - Regular: 400
      * - Medium: 500
      * - Bold: 700
      */
     fontWeight?: FontWeight;
+    /**
+     * Optional prop to adjust the font family.
+     *  - Default: centrano1
+     *  - Accent: mmsans
+     *  - Hero: mmpoly
+     */
+    fontFamily?: FontFamily;
     /**
      * Optional prop to control the font style of the text.
      * Options: Normal, Italic
@@ -61,6 +68,10 @@ export type TextProps = {
      * @default TextColor.TextDefault
      */
     color?: TextColor;
+    /**
+     * Optional prop for testing purposes
+     */
+    'data-testid'?: string;
 };
 export declare enum TextVariant {
     DisplayLg = "display-lg",
@@ -127,7 +138,7 @@ export declare enum FontWeight {
     /**
      * Weight - 400
      */
-    Normal = "font-normal"
+    Regular = "font-regular"
 }
 export declare enum OverflowWrap {
     BreakWord = "break-words",
@@ -144,4 +155,9 @@ export declare enum TextTransform {
     Capitalize = "capitalize",
     Normal = "normal-case"
 }
+export declare enum FontFamily {
+    Default = "font-centrano1",
+    Accent = "font-mmsans",
+    Hero = "font-mmpoly"
+}
 //# sourceMappingURL=Text.types.d.cts.map

package/dist/components/text/Text.types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,oBAAY,WAAW;IAErB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,SAAS,eAAe;IACxB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB;AAED,oBAAY,SAAS;IACnB,gCAAgC;IAChC,WAAW,iBAAiB;IAC5B,uCAAuC;IACvC,eAAe,qBAAqB;IACpC,6DAA6D;IAC7D,SAAS,eAAe;IACxB,qFAAqF;IACrF,cAAc,yBAAyB;IACvC,iGAAiG;IACjG,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,0FAA0F;IAC1F,YAAY,uBAAuB;IACnC,yDAAyD;IACzD,gBAAgB,2BAA2B;IAC3C,+EAA+E;IAC/E,YAAY,uBAAuB;IACnC,oFAAoF;IACpF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,yFAAyF;IACzF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,sFAAsF;IACtF,WAAW,sBAAsB;IACjC,8EAA8E;IAC9E,WAAW,sBAAsB;IACjC,8CAA8C;IAC9C,OAAO,iBAAiB;IACxB,sCAAsC;IACtC,WAAW,qBAAqB;CACjC;AAED,oBAAY,SAAS;IACnB,IAAI,cAAc;IAClB,MAAM,gBAAgB;IACtB,KAAK,eAAe;IACpB,OAAO,iBAAiB;CACzB;AAED,oBAAY,UAAU;IACpB;;OAEG;IACH,IAAI,cAAc;IAClB;;OAEG;IACH,MAAM,gBAAgB;IACtB;;OAEG;IACH,MAAM,gBAAgB;CACvB;AAED,oBAAY,YAAY;IACtB,SAAS,gBAAgB;IACzB,QAAQ,cAAc;IACtB,MAAM,iBAAiB;CACxB;AAED,oBAAY,SAAS;IACnB,MAAM,WAAW;IACjB,MAAM,eAAe;CACtB;AAED,oBAAY,aAAa;IACvB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,MAAM,gBAAgB;CACvB"}
+{"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,oBAAY,WAAW;IAErB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,SAAS,eAAe;IACxB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB;AAED,oBAAY,SAAS;IACnB,gCAAgC;IAChC,WAAW,iBAAiB;IAC5B,uCAAuC;IACvC,eAAe,qBAAqB;IACpC,6DAA6D;IAC7D,SAAS,eAAe;IACxB,qFAAqF;IACrF,cAAc,yBAAyB;IACvC,iGAAiG;IACjG,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,0FAA0F;IAC1F,YAAY,uBAAuB;IACnC,yDAAyD;IACzD,gBAAgB,2BAA2B;IAC3C,+EAA+E;IAC/E,YAAY,uBAAuB;IACnC,oFAAoF;IACpF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,yFAAyF;IACzF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,sFAAsF;IACtF,WAAW,sBAAsB;IACjC,8EAA8E;IAC9E,WAAW,sBAAsB;IACjC,8CAA8C;IAC9C,OAAO,iBAAiB;IACxB,sCAAsC;IACtC,WAAW,qBAAqB;CACjC;AAED,oBAAY,SAAS;IACnB,IAAI,cAAc;IAClB,MAAM,gBAAgB;IACtB,KAAK,eAAe;IACpB,OAAO,iBAAiB;CACzB;AAED,oBAAY,UAAU;IACpB;;OAEG;IACH,IAAI,cAAc;IAClB;;OAEG;IACH,MAAM,gBAAgB;IACtB;;OAEG;IACH,OAAO,iBAAiB;CACzB;AAED,oBAAY,YAAY;IACtB,SAAS,gBAAgB;IACzB,QAAQ,cAAc;IACtB,MAAM,iBAAiB;CACxB;AAED,oBAAY,SAAS;IACnB,MAAM,WAAW;IACjB,MAAM,eAAe;CACtB;AAED,oBAAY,aAAa;IACvB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,MAAM,gBAAgB;CACvB;AAED,oBAAY,UAAU;IACpB,OAAO,mBAAmB;IAC1B,MAAM,gBAAgB;IACtB,IAAI,gBAAgB;CACrB"}

package/dist/components/text/Text.types.d.mts

@@ -20,11 +20,18 @@ export type TextProps = {
     className?: string;
     /**
      * Optional prop to control the font weight of the text.
-     * - Normal: 400
+     * - Regular: 400
      * - Medium: 500
      * - Bold: 700
      */
     fontWeight?: FontWeight;
+    /**
+     * Optional prop to adjust the font family.
+     *  - Default: centrano1
+     *  - Accent: mmsans
+     *  - Hero: mmpoly
+     */
+    fontFamily?: FontFamily;
     /**
      * Optional prop to control the font style of the text.
      * Options: Normal, Italic
@@ -61,6 +68,10 @@ export type TextProps = {
      * @default TextColor.TextDefault
      */
     color?: TextColor;
+    /**
+     * Optional prop for testing purposes
+     */
+    'data-testid'?: string;
 };
 export declare enum TextVariant {
     DisplayLg = "display-lg",
@@ -127,7 +138,7 @@ export declare enum FontWeight {
     /**
      * Weight - 400
      */
-    Normal = "font-normal"
+    Regular = "font-regular"
 }
 export declare enum OverflowWrap {
     BreakWord = "break-words",
@@ -144,4 +155,9 @@ export declare enum TextTransform {
     Capitalize = "capitalize",
     Normal = "normal-case"
 }
+export declare enum FontFamily {
+    Default = "font-centrano1",
+    Accent = "font-mmsans",
+    Hero = "font-mmpoly"
+}
 //# sourceMappingURL=Text.types.d.mts.map

package/dist/components/text/Text.types.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.types.d.mts","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,oBAAY,WAAW;IAErB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,SAAS,eAAe;IACxB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB;AAED,oBAAY,SAAS;IACnB,gCAAgC;IAChC,WAAW,iBAAiB;IAC5B,uCAAuC;IACvC,eAAe,qBAAqB;IACpC,6DAA6D;IAC7D,SAAS,eAAe;IACxB,qFAAqF;IACrF,cAAc,yBAAyB;IACvC,iGAAiG;IACjG,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,0FAA0F;IAC1F,YAAY,uBAAuB;IACnC,yDAAyD;IACzD,gBAAgB,2BAA2B;IAC3C,+EAA+E;IAC/E,YAAY,uBAAuB;IACnC,oFAAoF;IACpF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,yFAAyF;IACzF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,sFAAsF;IACtF,WAAW,sBAAsB;IACjC,8EAA8E;IAC9E,WAAW,sBAAsB;IACjC,8CAA8C;IAC9C,OAAO,iBAAiB;IACxB,sCAAsC;IACtC,WAAW,qBAAqB;CACjC;AAED,oBAAY,SAAS;IACnB,IAAI,cAAc;IAClB,MAAM,gBAAgB;IACtB,KAAK,eAAe;IACpB,OAAO,iBAAiB;CACzB;AAED,oBAAY,UAAU;IACpB;;OAEG;IACH,IAAI,cAAc;IAClB;;OAEG;IACH,MAAM,gBAAgB;IACtB;;OAEG;IACH,MAAM,gBAAgB;CACvB;AAED,oBAAY,YAAY;IACtB,SAAS,gBAAgB;IACzB,QAAQ,cAAc;IACtB,MAAM,iBAAiB;CACxB;AAED,oBAAY,SAAS;IACnB,MAAM,WAAW;IACjB,MAAM,eAAe;CACtB;AAED,oBAAY,aAAa;IACvB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,MAAM,gBAAgB;CACvB"}
+{"version":3,"file":"Text.types.d.mts","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;OAIG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,oBAAY,WAAW;IAErB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,SAAS,eAAe;IACxB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB;AAED,oBAAY,SAAS;IACnB,gCAAgC;IAChC,WAAW,iBAAiB;IAC5B,uCAAuC;IACvC,eAAe,qBAAqB;IACpC,6DAA6D;IAC7D,SAAS,eAAe;IACxB,qFAAqF;IACrF,cAAc,yBAAyB;IACvC,iGAAiG;IACjG,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,0FAA0F;IAC1F,YAAY,uBAAuB;IACnC,yDAAyD;IACzD,gBAAgB,2BAA2B;IAC3C,+EAA+E;IAC/E,YAAY,uBAAuB;IACnC,oFAAoF;IACpF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,yFAAyF;IACzF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,sFAAsF;IACtF,WAAW,sBAAsB;IACjC,8EAA8E;IAC9E,WAAW,sBAAsB;IACjC,8CAA8C;IAC9C,OAAO,iBAAiB;IACxB,sCAAsC;IACtC,WAAW,qBAAqB;CACjC;AAED,oBAAY,SAAS;IACnB,IAAI,cAAc;IAClB,MAAM,gBAAgB;IACtB,KAAK,eAAe;IACpB,OAAO,iBAAiB;CACzB;AAED,oBAAY,UAAU;IACpB;;OAEG;IACH,IAAI,cAAc;IAClB;;OAEG;IACH,MAAM,gBAAgB;IACtB;;OAEG;IACH,OAAO,iBAAiB;CACzB;AAED,oBAAY,YAAY;IACtB,SAAS,gBAAgB;IACzB,QAAQ,cAAc;IACtB,MAAM,iBAAiB;CACxB;AAED,oBAAY,SAAS;IACnB,MAAM,WAAW;IACjB,MAAM,eAAe;CACtB;AAED,oBAAY,aAAa;IACvB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,MAAM,gBAAgB;CACvB;AAED,oBAAY,UAAU;IACpB,OAAO,mBAAmB;IAC1B,MAAM,gBAAgB;IACtB,IAAI,gBAAgB;CACrB"}

package/dist/components/text/Text.types.mjs

@@ -70,7 +70,7 @@ export var FontWeight;
     /**
      * Weight - 400
      */
-    FontWeight["Normal"] = "font-normal";
+    FontWeight["Regular"] = "font-regular";
 })(FontWeight || (FontWeight = {}));
 export var OverflowWrap;
 (function (OverflowWrap) {
@@ -90,4 +90,10 @@ export var TextTransform;
     TextTransform["Capitalize"] = "capitalize";
     TextTransform["Normal"] = "normal-case";
 })(TextTransform || (TextTransform = {}));
+export var FontFamily;
+(function (FontFamily) {
+    FontFamily["Default"] = "font-centrano1";
+    FontFamily["Accent"] = "font-mmsans";
+    FontFamily["Hero"] = "font-mmpoly";
+})(FontFamily || (FontFamily = {}));
 //# sourceMappingURL=Text.types.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":"AAgEA,MAAM,CAAN,IAAY,WAeX;AAfD,WAAY,WAAW;IACrB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,aAAa;IACb,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;AACpB,CAAC,EAfW,WAAW,KAAX,WAAW,QAetB;AAED,MAAM,CAAN,IAAY,SAmCX;AAnCD,WAAY,SAAS;IACnB,gCAAgC;IAChC,yCAA4B,CAAA;IAC5B,uCAAuC;IACvC,iDAAoC,CAAA;IACpC,6DAA6D;IAC7D,qCAAwB,CAAA;IACxB,qFAAqF;IACrF,oDAAuC,CAAA;IACvC,iGAAiG;IACjG,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,0FAA0F;IAC1F,gDAAmC,CAAA;IACnC,yDAAyD;IACzD,wDAA2C,CAAA;IAC3C,+EAA+E;IAC/E,gDAAmC,CAAA;IACnC,oFAAoF;IACpF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,yFAAyF;IACzF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,sFAAsF;IACtF,8CAAiC,CAAA;IACjC,8EAA8E;IAC9E,8CAAiC,CAAA;IACjC,8CAA8C;IAC9C,qCAAwB,CAAA;IACxB,sCAAsC;IACtC,6CAAgC,CAAA;AAClC,CAAC,EAnCW,SAAS,KAAT,SAAS,QAmCpB;AAED,MAAM,CAAN,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,+BAAkB,CAAA;IAClB,mCAAsB,CAAA;IACtB,iCAAoB,CAAA;IACpB,qCAAwB,CAAA;AAC1B,CAAC,EALW,SAAS,KAAT,SAAS,QAKpB;AAED,MAAM,CAAN,IAAY,UAaX;AAbD,WAAY,UAAU;IACpB;;OAEG;IACH,gCAAkB,CAAA;IAClB;;OAEG;IACH,oCAAsB,CAAA;IACtB;;OAEG;IACH,oCAAsB,CAAA;AACxB,CAAC,EAbW,UAAU,KAAV,UAAU,QAarB;AAED,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,yCAAyB,CAAA;IACzB,sCAAsB,CAAA;IACtB,uCAAuB,CAAA;AACzB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAED,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;AACvB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAED,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,wCAAuB,CAAA;IACvB,wCAAuB,CAAA;IACvB,0CAAyB,CAAA;IACzB,uCAAsB,CAAA;AACxB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB","sourcesContent":["export type TextProps = {\n  /**\n   * Optional prop for inline styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Optional prop to change the font size of the component. The Text component uses responsive font sizes.\n   * Different variants map to specific HTML elements by default.\n   * @default TextVariant.BodyMd\n   */\n  variant?: TextVariant;\n  /**\n   * The text content or elements to be rendered within the component.\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop for additional CSS classes to be applied to the Text component.\n   */\n  className?: string;\n  /**\n   * Optional prop to control the font weight of the text.\n   * - Normal: 400\n   * - Medium: 500\n   * - Bold: 700\n   */\n  fontWeight?: FontWeight;\n  /**\n   * Optional prop to control the font style of the text.\n   * Options: Normal, Italic\n   */\n  fontStyle?: FontStyle;\n  /**\n   * Optional prop to apply text transformation to the content.\n   * Options: Uppercase, Lowercase, Capitalize, Normal\n   */\n  textTransform?: TextTransform;\n  /**\n   * Optional prop to control the text alignment within its container.\n   * Options: Left, Center, Right, Justify\n   */\n  textAlign?: TextAlign;\n  /**\n   * Optional prop to determine how text should wrap when it reaches the edge of its container.\n   * Options: BreakWord, Anywhere, Normal\n   */\n  overflowWrap?: OverflowWrap;\n  /**\n   * Optional prop that when true, adds an ellipsis (...) when text overflows its container.\n   * @default false\n   */\n  ellipsis?: boolean;\n  /**\n   * Optional boolean that determines if the component should merge its props onto its immediate child\n   * instead of rendering a default DOM element.\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Optional prop that sets the color of the text using predefined theme colors.\n   * @default TextColor.TextDefault\n   */\n  color?: TextColor;\n};\n\nexport enum 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  // Font Sizes\n  BodyLg = 'body-lg',\n  BodyMd = 'body-md',\n  BodySm = 'body-sm',\n  BodyXs = 'body-xs',\n}\n\nexport enum 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 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 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 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 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  /** Inherit the color of the parent element */\n  Inherit = 'text-inherit',\n  /** Make the text color transparent */\n  Transparent = 'text-transparent',\n}\n\nexport enum TextAlign {\n  Left = 'text-left',\n  Center = 'text-center',\n  Right = 'text-right',\n  Justify = 'text-justify',\n}\n\nexport enum FontWeight {\n  /**\n   * Weight - 700\n   */\n  Bold = 'font-bold',\n  /**\n   * Weight - 500\n   */\n  Medium = 'font-medium',\n  /**\n   * Weight - 400\n   */\n  Normal = 'font-normal',\n}\n\nexport enum OverflowWrap {\n  BreakWord = 'break-words',\n  Anywhere = 'break-all',\n  Normal = 'break-normal',\n}\n\nexport enum FontStyle {\n  Italic = 'italic',\n  Normal = 'not-italic',\n}\n\nexport enum TextTransform {\n  Uppercase = 'uppercase',\n  Lowercase = 'lowercase',\n  Capitalize = 'capitalize',\n  Normal = 'normal-case',\n}\n"]}
+{"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":"AA2EA,MAAM,CAAN,IAAY,WAeX;AAfD,WAAY,WAAW;IACrB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,aAAa;IACb,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;AACpB,CAAC,EAfW,WAAW,KAAX,WAAW,QAetB;AAED,MAAM,CAAN,IAAY,SAmCX;AAnCD,WAAY,SAAS;IACnB,gCAAgC;IAChC,yCAA4B,CAAA;IAC5B,uCAAuC;IACvC,iDAAoC,CAAA;IACpC,6DAA6D;IAC7D,qCAAwB,CAAA;IACxB,qFAAqF;IACrF,oDAAuC,CAAA;IACvC,iGAAiG;IACjG,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,0FAA0F;IAC1F,gDAAmC,CAAA;IACnC,yDAAyD;IACzD,wDAA2C,CAAA;IAC3C,+EAA+E;IAC/E,gDAAmC,CAAA;IACnC,oFAAoF;IACpF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,yFAAyF;IACzF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,sFAAsF;IACtF,8CAAiC,CAAA;IACjC,8EAA8E;IAC9E,8CAAiC,CAAA;IACjC,8CAA8C;IAC9C,qCAAwB,CAAA;IACxB,sCAAsC;IACtC,6CAAgC,CAAA;AAClC,CAAC,EAnCW,SAAS,KAAT,SAAS,QAmCpB;AAED,MAAM,CAAN,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,+BAAkB,CAAA;IAClB,mCAAsB,CAAA;IACtB,iCAAoB,CAAA;IACpB,qCAAwB,CAAA;AAC1B,CAAC,EALW,SAAS,KAAT,SAAS,QAKpB;AAED,MAAM,CAAN,IAAY,UAaX;AAbD,WAAY,UAAU;IACpB;;OAEG;IACH,gCAAkB,CAAA;IAClB;;OAEG;IACH,oCAAsB,CAAA;IACtB;;OAEG;IACH,sCAAwB,CAAA;AAC1B,CAAC,EAbW,UAAU,KAAV,UAAU,QAarB;AAED,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,yCAAyB,CAAA;IACzB,sCAAsB,CAAA;IACtB,uCAAuB,CAAA;AACzB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAED,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;AACvB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAED,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,wCAAuB,CAAA;IACvB,wCAAuB,CAAA;IACvB,0CAAyB,CAAA;IACzB,uCAAsB,CAAA;AACxB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB;AAED,MAAM,CAAN,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,wCAA0B,CAAA;IAC1B,oCAAsB,CAAA;IACtB,kCAAoB,CAAA;AACtB,CAAC,EAJW,UAAU,KAAV,UAAU,QAIrB","sourcesContent":["export type TextProps = {\n  /**\n   * Optional prop for inline styles\n   */\n  style?: React.CSSProperties;\n  /**\n   * Optional prop to change the font size of the component. The Text component uses responsive font sizes.\n   * Different variants map to specific HTML elements by default.\n   * @default TextVariant.BodyMd\n   */\n  variant?: TextVariant;\n  /**\n   * The text content or elements to be rendered within the component.\n   */\n  children: React.ReactNode;\n  /**\n   * Optional prop for additional CSS classes to be applied to the Text component.\n   */\n  className?: string;\n  /**\n   * Optional prop to control the font weight of the text.\n   * - Regular: 400\n   * - Medium: 500\n   * - Bold: 700\n   */\n  fontWeight?: FontWeight;\n  /**\n   * Optional prop to adjust the font family.\n   *  - Default: centrano1\n   *  - Accent: mmsans\n   *  - Hero: mmpoly\n   */\n  fontFamily?: FontFamily;\n  /**\n   * Optional prop to control the font style of the text.\n   * Options: Normal, Italic\n   */\n  fontStyle?: FontStyle;\n  /**\n   * Optional prop to apply text transformation to the content.\n   * Options: Uppercase, Lowercase, Capitalize, Normal\n   */\n  textTransform?: TextTransform;\n  /**\n   * Optional prop to control the text alignment within its container.\n   * Options: Left, Center, Right, Justify\n   */\n  textAlign?: TextAlign;\n  /**\n   * Optional prop to determine how text should wrap when it reaches the edge of its container.\n   * Options: BreakWord, Anywhere, Normal\n   */\n  overflowWrap?: OverflowWrap;\n  /**\n   * Optional prop that when true, adds an ellipsis (...) when text overflows its container.\n   * @default false\n   */\n  ellipsis?: boolean;\n  /**\n   * Optional boolean that determines if the component should merge its props onto its immediate child\n   * instead of rendering a default DOM element.\n   * @default false\n   */\n  asChild?: boolean;\n  /**\n   * Optional prop that sets the color of the text using predefined theme colors.\n   * @default TextColor.TextDefault\n   */\n  color?: TextColor;\n  /**\n   * Optional prop for testing purposes\n   */\n  'data-testid'?: string;\n};\n\nexport enum 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  // Font Sizes\n  BodyLg = 'body-lg',\n  BodyMd = 'body-md',\n  BodySm = 'body-sm',\n  BodyXs = 'body-xs',\n}\n\nexport enum 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 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 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 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 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  /** Inherit the color of the parent element */\n  Inherit = 'text-inherit',\n  /** Make the text color transparent */\n  Transparent = 'text-transparent',\n}\n\nexport enum TextAlign {\n  Left = 'text-left',\n  Center = 'text-center',\n  Right = 'text-right',\n  Justify = 'text-justify',\n}\n\nexport enum FontWeight {\n  /**\n   * Weight - 700\n   */\n  Bold = 'font-bold',\n  /**\n   * Weight - 500\n   */\n  Medium = 'font-medium',\n  /**\n   * Weight - 400\n   */\n  Regular = 'font-regular',\n}\n\nexport enum OverflowWrap {\n  BreakWord = 'break-words',\n  Anywhere = 'break-all',\n  Normal = 'break-normal',\n}\n\nexport enum FontStyle {\n  Italic = 'italic',\n  Normal = 'not-italic',\n}\n\nexport enum TextTransform {\n  Uppercase = 'uppercase',\n  Lowercase = 'lowercase',\n  Capitalize = 'capitalize',\n  Normal = 'normal-case',\n}\n\nexport enum FontFamily {\n  Default = 'font-centrano1',\n  Accent = 'font-mmsans',\n  Hero = 'font-mmpoly',\n}\n"]}

package/dist/components/text/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.OverflowWrap = exports.TextTransform = exports.FontStyle = exports.FontWeight = exports.TextAlign = exports.TextColor = exports.TextVariant = exports.Text = void 0;
+exports.OverflowWrap = exports.TextTransform = exports.FontStyle = exports.FontFamily = exports.FontWeight = exports.TextAlign = exports.TextColor = exports.TextVariant = exports.Text = void 0;
 var Text_1 = require("./Text.cjs");
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
 var Text_types_1 = require("./Text.types.cjs");
@@ -8,6 +8,7 @@ Object.defineProperty(exports, "TextVariant", { enumerable: true, get: function
 Object.defineProperty(exports, "TextColor", { enumerable: true, get: function () { return Text_types_1.TextColor; } });
 Object.defineProperty(exports, "TextAlign", { enumerable: true, get: function () { return Text_types_1.TextAlign; } });
 Object.defineProperty(exports, "FontWeight", { enumerable: true, get: function () { return Text_types_1.FontWeight; } });
+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, "TextTransform", { enumerable: true, get: function () { return Text_types_1.TextTransform; } });
 Object.defineProperty(exports, "OverflowWrap", { enumerable: true, get: function () { return Text_types_1.OverflowWrap; } });

package/dist/components/text/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":";;;AAAA,mCAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,+CAQsB;AAPpB,yGAAA,WAAW,OAAA;AACX,uGAAA,SAAS,OAAA;AACT,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,uGAAA,SAAS,OAAA;AACT,2GAAA,aAAa,OAAA;AACb,0GAAA,YAAY,OAAA","sourcesContent":["export { Text } from './Text';\nexport {\n  TextVariant,\n  TextColor,\n  TextAlign,\n  FontWeight,\n  FontStyle,\n  TextTransform,\n  OverflowWrap,\n} from './Text.types';\nexport type { TextProps } from './Text.types';\n"]}
+{"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":";;;AAAA,mCAA8B;AAArB,4FAAA,IAAI,OAAA;AACb,+CASsB;AARpB,yGAAA,WAAW,OAAA;AACX,uGAAA,SAAS,OAAA;AACT,uGAAA,SAAS,OAAA;AACT,wGAAA,UAAU,OAAA;AACV,wGAAA,UAAU,OAAA;AACV,uGAAA,SAAS,OAAA;AACT,2GAAA,aAAa,OAAA;AACb,0GAAA,YAAY,OAAA","sourcesContent":["export { Text } from './Text';\nexport {\n  TextVariant,\n  TextColor,\n  TextAlign,\n  FontWeight,\n  FontFamily,\n  FontStyle,\n  TextTransform,\n  OverflowWrap,\n} from './Text.types';\nexport type { TextProps } from './Text.types';\n"]}

package/dist/components/text/index.d.cts

@@ -1,4 +1,4 @@
 export { Text } from "./Text.cjs";
-export { TextVariant, TextColor, TextAlign, FontWeight, FontStyle, TextTransform, OverflowWrap, } from "./Text.types.cjs";
+export { TextVariant, TextColor, TextAlign, FontWeight, FontFamily, FontStyle, TextTransform, OverflowWrap, } from "./Text.types.cjs";
 export type { TextProps } from "./Text.types.cjs";
 //# sourceMappingURL=index.d.cts.map

package/dist/components/text/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,GACb,yBAAqB;AACtB,YAAY,EAAE,SAAS,EAAE,yBAAqB"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,GACb,yBAAqB;AACtB,YAAY,EAAE,SAAS,EAAE,yBAAqB"}

package/dist/components/text/index.d.mts

@@ -1,4 +1,4 @@
 export { Text } from "./Text.mjs";
-export { TextVariant, TextColor, TextAlign, FontWeight, FontStyle, TextTransform, OverflowWrap, } from "./Text.types.mjs";
+export { TextVariant, TextColor, TextAlign, FontWeight, FontFamily, FontStyle, TextTransform, OverflowWrap, } from "./Text.types.mjs";
 export type { TextProps } from "./Text.types.mjs";
 //# sourceMappingURL=index.d.mts.map

package/dist/components/text/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,GACb,yBAAqB;AACtB,YAAY,EAAE,SAAS,EAAE,yBAAqB"}
+{"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,GACb,yBAAqB;AACtB,YAAY,EAAE,SAAS,EAAE,yBAAqB"}

package/dist/components/text/index.mjs

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

package/dist/components/text/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,EACb,yBAAqB","sourcesContent":["export { Text } from './Text';\nexport {\n  TextVariant,\n  TextColor,\n  TextAlign,\n  FontWeight,\n  FontStyle,\n  TextTransform,\n  OverflowWrap,\n} from './Text.types';\nexport type { TextProps } from './Text.types';\n"]}
+{"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,EACb,yBAAqB","sourcesContent":["export { Text } from './Text';\nexport {\n  TextVariant,\n  TextColor,\n  TextAlign,\n  FontWeight,\n  FontFamily,\n  FontStyle,\n  TextTransform,\n  OverflowWrap,\n} from './Text.types';\nexport type { TextProps } from './Text.types';\n"]}

package/dist/components/text-button/TextButton.cjs

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextButton = void 0;
+const react_1 = __importDefault(require("react"));
+const tw_merge_1 = require("../../utils/tw-merge.cjs");
+const button_base_1 = require("../button-base/index.cjs");
+const text_1 = require("../text/index.cjs");
+exports.TextButton = react_1.default.forwardRef(({ className, isInverse, isDisabled, isLoading, textVariant = text_1.TextVariant.BodyMd, textProps, ...props }, ref) => {
+    const isInteractive = !(isDisabled ?? isLoading);
+    const mergedClassName = (0, tw_merge_1.twMerge)(
+    // Reset padding, height and animations
+    'px-0 h-auto bg-transparent rounded-none', 'transform-none transition-none active:scale-100', 
+    // Default text button styles
+    !isInverse && [
+        'text-primary-default',
+        // Loading state uses pressed color
+        isLoading && 'text-primary-default-pressed',
+    ], 
+    // Inverse styles
+    isInverse && [
+        'text-primary-inverse',
+        // Loading state uses pressed color
+        isLoading && 'text-primary-inverse',
+    ], 
+    // Hover/Active states - only applied when interactive
+    isInteractive && [
+        !isInverse && [
+            'hover:bg-hover hover:text-primary-default-hover hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-default-hover',
+            'active:bg-pressed active:text-primary-default-pressed active:decoration-primary-default-pressed',
+        ],
+        isInverse && [
+            'hover:bg-hover hover:text-primary-inverse hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-inverse',
+            'active:bg-pressed active:text-primary-inverse active:decoration-primary-inverse',
+        ],
+    ], 
+    // Loading styles
+    isLoading && 'cursor-not-allowed', 
+    // Disabled styles (but not loading)
+    isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'], className);
+    return (react_1.default.createElement(button_base_1.ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, textProps: {
+            variant: textVariant,
+            ...textProps,
+        }, ...props }));
+});
+exports.TextButton.displayName = 'TextButton';
+//# sourceMappingURL=TextButton.cjs.map

package/dist/components/text-button/TextButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.cjs","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAA+C;AAC/C,0DAA4C;AAC5C,4CAAsC;AAGzB,QAAA,UAAU,GAAG,eAAK,CAAC,UAAU,CACxC,CACE,EACE,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,GAAG,kBAAW,CAAC,MAAM,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,uCAAuC;IACvC,yCAAyC,EACzC,iDAAiD;IACjD,6BAA6B;IAC7B,CAAC,SAAS,IAAI;QACZ,sBAAsB;QACtB,mCAAmC;QACnC,SAAS,IAAI,8BAA8B;KAC5C;IACD,iBAAiB;IACjB,SAAS,IAAI;QACX,sBAAsB;QACtB,mCAAmC;QACnC,SAAS,IAAI,sBAAsB;KACpC;IACD,sDAAsD;IACtD,aAAa,IAAI;QACf,CAAC,SAAS,IAAI;YACZ,oJAAoJ;YACpJ,iGAAiG;SAClG;QACD,SAAS,IAAI;YACX,wIAAwI;YACxI,iFAAiF;SAClF;KACF;IACD,iBAAiB;IACjB,SAAS,IAAI,oBAAoB;IACjC,oCAAoC;IACpC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EAChE,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE;YACT,OAAO,EAAE,WAAW;YACpB,GAAG,SAAS;SACb,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport { TextVariant } from '../text';\nimport type { TextButtonProps } from './TextButton.types';\n\nexport const TextButton = React.forwardRef<HTMLButtonElement, TextButtonProps>(\n  (\n    {\n      className,\n      isInverse,\n      isDisabled,\n      isLoading,\n      textVariant = TextVariant.BodyMd,\n      textProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Reset padding, height and animations\n      'px-0 h-auto bg-transparent rounded-none',\n      'transform-none transition-none active:scale-100',\n      // Default text button styles\n      !isInverse && [\n        'text-primary-default',\n        // Loading state uses pressed color\n        isLoading && 'text-primary-default-pressed',\n      ],\n      // Inverse styles\n      isInverse && [\n        'text-primary-inverse',\n        // Loading state uses pressed color\n        isLoading && 'text-primary-inverse',\n      ],\n      // Hover/Active states - only applied when interactive\n      isInteractive && [\n        !isInverse && [\n          'hover:bg-hover hover:text-primary-default-hover hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-default-hover',\n          'active:bg-pressed active:text-primary-default-pressed active:decoration-primary-default-pressed',\n        ],\n        isInverse && [\n          'hover:bg-hover hover:text-primary-inverse hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-inverse',\n          'active:bg-pressed active:text-primary-inverse active:decoration-primary-inverse',\n        ],\n      ],\n      // Loading styles\n      isLoading && 'cursor-not-allowed',\n      // Disabled styles (but not loading)\n      isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'],\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        textProps={{\n          variant: textVariant,\n          ...textProps,\n        }}\n        {...props}\n      />\n    );\n  },\n);\n\nTextButton.displayName = 'TextButton';\n"]}

package/dist/components/text-button/TextButton.d.cts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { TextButtonProps } from "./TextButton.types.cjs";
+export declare const TextButton: React.ForwardRefExoticComponent<Omit<TextButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=TextButton.d.cts.map

package/dist/components/text-button/TextButton.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.d.cts","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,wGA+DtB,CAAC"}

package/dist/components/text-button/TextButton.d.mts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { TextButtonProps } from "./TextButton.types.mjs";
+export declare const TextButton: React.ForwardRefExoticComponent<Omit<TextButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=TextButton.d.mts.map

package/dist/components/text-button/TextButton.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.d.mts","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,wGA+DtB,CAAC"}

package/dist/components/text-button/TextButton.mjs

@@ -0,0 +1,50 @@
+function $importDefault(module) {
+    if (module?.__esModule) {
+        return module.default;
+    }
+    return module;
+}
+import $React from "react";
+const React = $importDefault($React);
+import { twMerge } from "../../utils/tw-merge.mjs";
+import { ButtonBase } from "../button-base/index.mjs";
+import { TextVariant } from "../text/index.mjs";
+export const TextButton = React.forwardRef(({ className, isInverse, isDisabled, isLoading, textVariant = TextVariant.BodyMd, textProps, ...props }, ref) => {
+    const isInteractive = !(isDisabled ?? isLoading);
+    const mergedClassName = twMerge(
+    // Reset padding, height and animations
+    'px-0 h-auto bg-transparent rounded-none', 'transform-none transition-none active:scale-100', 
+    // Default text button styles
+    !isInverse && [
+        'text-primary-default',
+        // Loading state uses pressed color
+        isLoading && 'text-primary-default-pressed',
+    ], 
+    // Inverse styles
+    isInverse && [
+        'text-primary-inverse',
+        // Loading state uses pressed color
+        isLoading && 'text-primary-inverse',
+    ], 
+    // Hover/Active states - only applied when interactive
+    isInteractive && [
+        !isInverse && [
+            'hover:bg-hover hover:text-primary-default-hover hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-default-hover',
+            'active:bg-pressed active:text-primary-default-pressed active:decoration-primary-default-pressed',
+        ],
+        isInverse && [
+            'hover:bg-hover hover:text-primary-inverse hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-inverse',
+            'active:bg-pressed active:text-primary-inverse active:decoration-primary-inverse',
+        ],
+    ], 
+    // Loading styles
+    isLoading && 'cursor-not-allowed', 
+    // Disabled styles (but not loading)
+    isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'], className);
+    return (React.createElement(ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, textProps: {
+            variant: textVariant,
+            ...textProps,
+        }, ...props }));
+});
+TextButton.displayName = 'TextButton';
+//# sourceMappingURL=TextButton.mjs.map

package/dist/components/text-button/TextButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.mjs","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,UAAU,EAAE,iCAAuB;AAC5C,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAGtC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,GAAG,WAAW,CAAC,MAAM,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,OAAO;IAC7B,uCAAuC;IACvC,yCAAyC,EACzC,iDAAiD;IACjD,6BAA6B;IAC7B,CAAC,SAAS,IAAI;QACZ,sBAAsB;QACtB,mCAAmC;QACnC,SAAS,IAAI,8BAA8B;KAC5C;IACD,iBAAiB;IACjB,SAAS,IAAI;QACX,sBAAsB;QACtB,mCAAmC;QACnC,SAAS,IAAI,sBAAsB;KACpC;IACD,sDAAsD;IACtD,aAAa,IAAI;QACf,CAAC,SAAS,IAAI;YACZ,oJAAoJ;YACpJ,iGAAiG;SAClG;QACD,SAAS,IAAI;YACX,wIAAwI;YACxI,iFAAiF;SAClF;KACF;IACD,iBAAiB;IACjB,SAAS,IAAI,oBAAoB;IACjC,oCAAoC;IACpC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EAChE,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE;YACT,OAAO,EAAE,WAAW;YACpB,GAAG,SAAS;SACb,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport { TextVariant } from '../text';\nimport type { TextButtonProps } from './TextButton.types';\n\nexport const TextButton = React.forwardRef<HTMLButtonElement, TextButtonProps>(\n  (\n    {\n      className,\n      isInverse,\n      isDisabled,\n      isLoading,\n      textVariant = TextVariant.BodyMd,\n      textProps,\n      ...props\n    },\n    ref,\n  ) => {\n    const isInteractive = !(isDisabled ?? isLoading);\n\n    const mergedClassName = twMerge(\n      // Reset padding, height and animations\n      'px-0 h-auto bg-transparent rounded-none',\n      'transform-none transition-none active:scale-100',\n      // Default text button styles\n      !isInverse && [\n        'text-primary-default',\n        // Loading state uses pressed color\n        isLoading && 'text-primary-default-pressed',\n      ],\n      // Inverse styles\n      isInverse && [\n        'text-primary-inverse',\n        // Loading state uses pressed color\n        isLoading && 'text-primary-inverse',\n      ],\n      // Hover/Active states - only applied when interactive\n      isInteractive && [\n        !isInverse && [\n          'hover:bg-hover hover:text-primary-default-hover hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-default-hover',\n          'active:bg-pressed active:text-primary-default-pressed active:decoration-primary-default-pressed',\n        ],\n        isInverse && [\n          'hover:bg-hover hover:text-primary-inverse hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-inverse',\n          'active:bg-pressed active:text-primary-inverse active:decoration-primary-inverse',\n        ],\n      ],\n      // Loading styles\n      isLoading && 'cursor-not-allowed',\n      // Disabled styles (but not loading)\n      isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'],\n      className,\n    );\n\n    return (\n      <ButtonBase\n        ref={ref}\n        className={mergedClassName}\n        isDisabled={isDisabled}\n        isLoading={isLoading}\n        textProps={{\n          variant: textVariant,\n          ...textProps,\n        }}\n        {...props}\n      />\n    );\n  },\n);\n\nTextButton.displayName = 'TextButton';\n"]}

package/dist/components/text-button/TextButton.types.cjs

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

package/dist/components/text-button/TextButton.types.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.types.cjs","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\nimport type { TextVariant } from '../text';\n\nexport type TextButtonProps = Omit<\n  ButtonBaseProps,\n  // We handle these props in TextButton\n  'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'\n> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the TextButton component\n   */\n  className?: string;\n  /**\n   * Optional prop that when true, applies inverse styling to the button\n   * @default false\n   */\n  isInverse?: boolean;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop that when true, shows a loading spinner\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Optional prop to specify the text variant\n   * @default TextVariant.BodyMd\n   */\n  textVariant?: TextVariant;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n};\n"]}

package/dist/components/text-button/TextButton.types.d.cts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import type { ButtonBaseProps } from "../button-base/index.cjs";
+import type { TextVariant } from "../text/index.cjs";
+export type TextButtonProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'> & {
+    /**
+     * Optional prop for additional CSS classes to be applied to the TextButton component
+     */
+    className?: string;
+    /**
+     * Optional prop that when true, applies inverse styling to the button
+     * @default false
+     */
+    isInverse?: boolean;
+    /**
+     * Optional prop that when true, disables the button
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Optional prop that when true, shows a loading spinner
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Optional prop to specify the text variant
+     * @default TextVariant.BodyMd
+     */
+    textVariant?: TextVariant;
+    /**
+     * Optional CSS styles to be applied to the component.
+     * Should be used sparingly and only for dynamic styles that can't be achieved with className.
+     */
+    style?: React.CSSProperties;
+};
+//# sourceMappingURL=TextButton.types.d.cts.map

package/dist/components/text-button/TextButton.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.types.d.cts","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,0BAAgB;AAE3C,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EAEf,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAC5D,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/text-button/TextButton.types.d.mts

@@ -0,0 +1,35 @@
+/// <reference types="react" />
+import type { ButtonBaseProps } from "../button-base/index.mjs";
+import type { TextVariant } from "../text/index.mjs";
+export type TextButtonProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'> & {
+    /**
+     * Optional prop for additional CSS classes to be applied to the TextButton component
+     */
+    className?: string;
+    /**
+     * Optional prop that when true, applies inverse styling to the button
+     * @default false
+     */
+    isInverse?: boolean;
+    /**
+     * Optional prop that when true, disables the button
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * Optional prop that when true, shows a loading spinner
+     * @default false
+     */
+    isLoading?: boolean;
+    /**
+     * Optional prop to specify the text variant
+     * @default TextVariant.BodyMd
+     */
+    textVariant?: TextVariant;
+    /**
+     * Optional CSS styles to be applied to the component.
+     * Should be used sparingly and only for dynamic styles that can't be achieved with className.
+     */
+    style?: React.CSSProperties;
+};
+//# sourceMappingURL=TextButton.types.d.mts.map

package/dist/components/text-button/TextButton.types.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.types.d.mts","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,0BAAgB;AAE3C,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EAEf,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAC5D,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}

package/dist/components/text-button/TextButton.types.mjs

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

package/dist/components/text-button/TextButton.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.types.mjs","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\nimport type { TextVariant } from '../text';\n\nexport type TextButtonProps = Omit<\n  ButtonBaseProps,\n  // We handle these props in TextButton\n  'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'\n> & {\n  /**\n   * Optional prop for additional CSS classes to be applied to the TextButton component\n   */\n  className?: string;\n  /**\n   * Optional prop that when true, applies inverse styling to the button\n   * @default false\n   */\n  isInverse?: boolean;\n  /**\n   * Optional prop that when true, disables the button\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop that when true, shows a loading spinner\n   * @default false\n   */\n  isLoading?: boolean;\n  /**\n   * Optional prop to specify the text variant\n   * @default TextVariant.BodyMd\n   */\n  textVariant?: TextVariant;\n  /**\n   * Optional CSS styles to be applied to the component.\n   * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n   */\n  style?: React.CSSProperties;\n};\n"]}

package/dist/components/text-button/index.cjs

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

package/dist/components/text-button/index.cjs.map

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

package/dist/components/text-button/index.d.cts

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

package/dist/components/text-button/index.d.cts.map

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

package/dist/components/text-button/index.d.mts

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

package/dist/components/text-button/index.d.mts.map

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

package/dist/components/text-button/index.mjs

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

package/dist/components/text-button/index.mjs.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask-previews/design-system-react",
-  "version": "0.0.0-preview.ad2f94b",
+  "version": "0.0.0-preview.c0b5e45",
   "description": "Design system react ui components",
   "keywords": [
     "MetaMask",
@@ -50,15 +50,20 @@
     "test:watch": "NODE_OPTIONS=--experimental-vm-modules jest --watch"
   },
   "dependencies": {
+    "@metamask/jazzicon": "^2.0.0",
+    "@metamask/utils": "^11.3.0",
     "@radix-ui/react-slot": "^1.1.0",
+    "@solana/addresses": "^2.1.0",
+    "bitcoin-address-validation": "^3.0.0",
+    "blo": "^1.2.0",
     "tailwind-merge": "^2.0.0"
   },
   "devDependencies": {
     "@jest/globals": "^29.7.0",
-    "@metamask-previews/design-system-tailwind-preset": "0.0.0-preview.ad2f94b",
-    "@metamask/auto-changelog": "^3.4.4",
-    "@storybook/react": "^8.3.5",
-    "@storybook/test": "^8.3.5",
+    "@metamask-previews/design-system-tailwind-preset": "0.2.0-preview.c0b5e45",
+    "@metamask/auto-changelog": "^4.1.0",
+    "@storybook/react": "^8.5.3",
+    "@storybook/test": "^8.5.3",
     "@svgr/cli": "^8.1.0",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
@@ -76,7 +81,7 @@
     "typescript": "~5.2.2"
   },
   "peerDependencies": {
-    "@metamask/design-tokens": "^4.1.0",
+    "@metamask/design-tokens": "^6.0.0",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
     "tailwindcss": "^3.0.0"