@metamask-previews/design-system-shared 0.24.0-preview.25db973 → 0.24.0-preview.ba3ace4e

package/dist/types/BannerAlert/BannerAlert.types.cjs

@@ -6,6 +6,8 @@ exports.BannerAlertSeverity = void 0;
  * Uses const object with derived union type (ADR-0003).
  */
 exports.BannerAlertSeverity = {
+    /** Neutral style. */
+    Neutral: 'neutral',
     /** Informational style. */
     Info: 'info',
     /** Success style. */

package/dist/types/BannerAlert/BannerAlert.types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"BannerAlert.types.cjs","sourceRoot":"","sources":["../../../src/types/BannerAlert/BannerAlert.types.ts"],"names":[],"mappings":";;;AAEA;;;GAGG;AACU,QAAA,mBAAmB,GAAG;IACjC,2BAA2B;IAC3B,IAAI,EAAE,MAAM;IACZ,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,oBAAoB;IACpB,MAAM,EAAE,QAAQ;CACR,CAAC","sourcesContent":["import type { BannerBasePropsShared } from '../BannerBase';\n\n/**\n * BannerAlert severity variants.\n * Uses const object with derived union type (ADR-0003).\n */\nexport const BannerAlertSeverity = {\n  /** Informational style. */\n  Info: 'info',\n  /** Success style. */\n  Success: 'success',\n  /** Warning style. */\n  Warning: 'warning',\n  /** Danger style. */\n  Danger: 'danger',\n} as const;\n\nexport type BannerAlertSeverity =\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity];\n\n/**\n * BannerAlert shared props (ADR-0004).\n * Platform-independent properties shared across React and React Native.\n */\nexport type BannerAlertPropsShared = BannerBasePropsShared & {\n  /**\n   * Optional semantic severity.\n   *\n   * @default BannerAlertSeverity.Info\n   */\n  severity?: BannerAlertSeverity;\n};\n"]}
+{"version":3,"file":"BannerAlert.types.cjs","sourceRoot":"","sources":["../../../src/types/BannerAlert/BannerAlert.types.ts"],"names":[],"mappings":";;;AAEA;;;GAGG;AACU,QAAA,mBAAmB,GAAG;IACjC,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,2BAA2B;IAC3B,IAAI,EAAE,MAAM;IACZ,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,oBAAoB;IACpB,MAAM,EAAE,QAAQ;CACR,CAAC","sourcesContent":["import type { BannerBasePropsShared } from '../BannerBase';\n\n/**\n * BannerAlert severity variants.\n * Uses const object with derived union type (ADR-0003).\n */\nexport const BannerAlertSeverity = {\n  /** Neutral style. */\n  Neutral: 'neutral',\n  /** Informational style. */\n  Info: 'info',\n  /** Success style. */\n  Success: 'success',\n  /** Warning style. */\n  Warning: 'warning',\n  /** Danger style. */\n  Danger: 'danger',\n} as const;\n\nexport type BannerAlertSeverity =\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity];\n\n/**\n * BannerAlert shared props (ADR-0004).\n * Platform-independent properties shared across React and React Native.\n */\nexport type BannerAlertPropsShared = BannerBasePropsShared & {\n  /**\n   * Optional semantic severity.\n   *\n   * @default BannerAlertSeverity.Info\n   */\n  severity?: BannerAlertSeverity;\n};\n"]}

package/dist/types/BannerAlert/BannerAlert.types.d.cts

@@ -4,6 +4,8 @@ import type { BannerBasePropsShared } from "../BannerBase/index.cjs";
  * Uses const object with derived union type (ADR-0003).
  */
 export declare const BannerAlertSeverity: {
+    /** Neutral style. */
+    readonly Neutral: "neutral";
     /** Informational style. */
     readonly Info: "info";
     /** Success style. */

package/dist/types/BannerAlert/BannerAlert.types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerAlert.types.d.cts","sourceRoot":"","sources":["../../../src/types/BannerAlert/BannerAlert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gCAAsB;AAE3D;;;GAGG;AACH,eAAO,MAAM,mBAAmB;IAC9B,2BAA2B;;IAE3B,qBAAqB;;IAErB,qBAAqB;;IAErB,oBAAoB;;CAEZ,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAC7B,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,GAAG;IAC3D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC"}
+{"version":3,"file":"BannerAlert.types.d.cts","sourceRoot":"","sources":["../../../src/types/BannerAlert/BannerAlert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gCAAsB;AAE3D;;;GAGG;AACH,eAAO,MAAM,mBAAmB;IAC9B,qBAAqB;;IAErB,2BAA2B;;IAE3B,qBAAqB;;IAErB,qBAAqB;;IAErB,oBAAoB;;CAEZ,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAC7B,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,GAAG;IAC3D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC"}

package/dist/types/BannerAlert/BannerAlert.types.d.mts

@@ -4,6 +4,8 @@ import type { BannerBasePropsShared } from "../BannerBase/index.mjs";
  * Uses const object with derived union type (ADR-0003).
  */
 export declare const BannerAlertSeverity: {
+    /** Neutral style. */
+    readonly Neutral: "neutral";
     /** Informational style. */
     readonly Info: "info";
     /** Success style. */

package/dist/types/BannerAlert/BannerAlert.types.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"BannerAlert.types.d.mts","sourceRoot":"","sources":["../../../src/types/BannerAlert/BannerAlert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gCAAsB;AAE3D;;;GAGG;AACH,eAAO,MAAM,mBAAmB;IAC9B,2BAA2B;;IAE3B,qBAAqB;;IAErB,qBAAqB;;IAErB,oBAAoB;;CAEZ,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAC7B,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,GAAG;IAC3D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC"}
+{"version":3,"file":"BannerAlert.types.d.mts","sourceRoot":"","sources":["../../../src/types/BannerAlert/BannerAlert.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,gCAAsB;AAE3D;;;GAGG;AACH,eAAO,MAAM,mBAAmB;IAC9B,qBAAqB;;IAErB,2BAA2B;;IAE3B,qBAAqB;;IAErB,qBAAqB;;IAErB,oBAAoB;;CAEZ,CAAC;AAEX,MAAM,MAAM,mBAAmB,GAC7B,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,OAAO,mBAAmB,CAAC,CAAC;AAEjE;;;GAGG;AACH,MAAM,MAAM,sBAAsB,GAAG,qBAAqB,GAAG;IAC3D;;;;OAIG;IACH,QAAQ,CAAC,EAAE,mBAAmB,CAAC;CAChC,CAAC"}

package/dist/types/BannerAlert/BannerAlert.types.mjs

@@ -3,6 +3,8 @@
  * Uses const object with derived union type (ADR-0003).
  */
 export const BannerAlertSeverity = {
+    /** Neutral style. */
+    Neutral: 'neutral',
     /** Informational style. */
     Info: 'info',
     /** Success style. */

package/dist/types/BannerAlert/BannerAlert.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BannerAlert.types.mjs","sourceRoot":"","sources":["../../../src/types/BannerAlert/BannerAlert.types.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,2BAA2B;IAC3B,IAAI,EAAE,MAAM;IACZ,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,oBAAoB;IACpB,MAAM,EAAE,QAAQ;CACR,CAAC","sourcesContent":["import type { BannerBasePropsShared } from '../BannerBase';\n\n/**\n * BannerAlert severity variants.\n * Uses const object with derived union type (ADR-0003).\n */\nexport const BannerAlertSeverity = {\n  /** Informational style. */\n  Info: 'info',\n  /** Success style. */\n  Success: 'success',\n  /** Warning style. */\n  Warning: 'warning',\n  /** Danger style. */\n  Danger: 'danger',\n} as const;\n\nexport type BannerAlertSeverity =\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity];\n\n/**\n * BannerAlert shared props (ADR-0004).\n * Platform-independent properties shared across React and React Native.\n */\nexport type BannerAlertPropsShared = BannerBasePropsShared & {\n  /**\n   * Optional semantic severity.\n   *\n   * @default BannerAlertSeverity.Info\n   */\n  severity?: BannerAlertSeverity;\n};\n"]}
+{"version":3,"file":"BannerAlert.types.mjs","sourceRoot":"","sources":["../../../src/types/BannerAlert/BannerAlert.types.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,2BAA2B;IAC3B,IAAI,EAAE,MAAM;IACZ,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,qBAAqB;IACrB,OAAO,EAAE,SAAS;IAClB,oBAAoB;IACpB,MAAM,EAAE,QAAQ;CACR,CAAC","sourcesContent":["import type { BannerBasePropsShared } from '../BannerBase';\n\n/**\n * BannerAlert severity variants.\n * Uses const object with derived union type (ADR-0003).\n */\nexport const BannerAlertSeverity = {\n  /** Neutral style. */\n  Neutral: 'neutral',\n  /** Informational style. */\n  Info: 'info',\n  /** Success style. */\n  Success: 'success',\n  /** Warning style. */\n  Warning: 'warning',\n  /** Danger style. */\n  Danger: 'danger',\n} as const;\n\nexport type BannerAlertSeverity =\n  (typeof BannerAlertSeverity)[keyof typeof BannerAlertSeverity];\n\n/**\n * BannerAlert shared props (ADR-0004).\n * Platform-independent properties shared across React and React Native.\n */\nexport type BannerAlertPropsShared = BannerBasePropsShared & {\n  /**\n   * Optional semantic severity.\n   *\n   * @default BannerAlertSeverity.Info\n   */\n  severity?: BannerAlertSeverity;\n};\n"]}

package/dist/types/ButtonIcon/ButtonIcon.types.cjs

@@ -6,6 +6,10 @@ exports.ButtonIconVariant = exports.ButtonIconSize = void 0;
  * Convert from enum to const object (ADR-0003)
  */
 exports.ButtonIconSize = {
+    /**
+     * Represents an extra small button size (20px).
+     */
+    Xs: 'xs',
     /**
      * Represents a small button size (24px).
      */

package/dist/types/ButtonIcon/ButtonIcon.types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.types.cjs","sourceRoot":"","sources":["../../../src/types/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":";;;AAEA;;;GAGG;AACU,QAAA,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;CACA,CAAC;AAIX;;;GAGG;AACU,QAAA,iBAAiB,GAAG;IAC/B;;OAEG;IACH,OAAO,EAAE,SAAS;IAClB;;OAEG;IACH,MAAM,EAAE,QAAQ;IAChB;;OAEG;IACH,QAAQ,EAAE,UAAU;CACZ,CAAC","sourcesContent":["import type { IconName } from '../Icon';\n\n/**\n * ButtonIcon - size\n * Convert from enum to const object (ADR-0003)\n */\nexport const ButtonIconSize = {\n  /**\n   * Represents a small button size (24px).\n   */\n  Sm: 'sm',\n  /**\n   * Represents a medium button size (32px).\n   */\n  Md: 'md',\n  /**\n   * Represents a large button size (40px).\n   */\n  Lg: 'lg',\n} as const;\nexport type ButtonIconSize =\n  (typeof ButtonIconSize)[keyof typeof ButtonIconSize];\n\n/**\n * ButtonIcon - variant\n * Convert from enum to const object (ADR-0003)\n */\nexport const ButtonIconVariant = {\n  /**\n   * Represents the default button icon variant (transparent background).\n   */\n  Default: 'default',\n  /**\n   * Represents a filled button icon variant (muted background).\n   */\n  Filled: 'filled',\n  /**\n   * Represents a floating button icon variant (icon-default background, full circle).\n   */\n  Floating: 'floating',\n} as const;\nexport type ButtonIconVariant =\n  (typeof ButtonIconVariant)[keyof typeof ButtonIconVariant];\n\n/**\n * ButtonIcon component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native\n */\nexport type ButtonIconPropsShared = {\n  /**\n   * Required prop to specify the icon to show\n   */\n  iconName: IconName;\n  /**\n   * Optional prop to control the size of the button\n   *\n   * @default ButtonIconSize.Md\n   */\n  size?: ButtonIconSize;\n  /**\n   * Optional prop that when true, disables the button\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop to control the visual variant of the button.\n   *\n   * @default ButtonIconVariant.Default\n   */\n  variant?: ButtonIconVariant;\n};\n"]}
+{"version":3,"file":"ButtonIcon.types.cjs","sourceRoot":"","sources":["../../../src/types/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":";;;AAEA;;;GAGG;AACU,QAAA,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;CACA,CAAC;AAIX;;;GAGG;AACU,QAAA,iBAAiB,GAAG;IAC/B;;OAEG;IACH,OAAO,EAAE,SAAS;IAClB;;OAEG;IACH,MAAM,EAAE,QAAQ;IAChB;;OAEG;IACH,QAAQ,EAAE,UAAU;CACZ,CAAC","sourcesContent":["import type { IconName } from '../Icon';\n\n/**\n * ButtonIcon - size\n * Convert from enum to const object (ADR-0003)\n */\nexport const ButtonIconSize = {\n  /**\n   * Represents an extra small button size (20px).\n   */\n  Xs: 'xs',\n  /**\n   * Represents a small button size (24px).\n   */\n  Sm: 'sm',\n  /**\n   * Represents a medium button size (32px).\n   */\n  Md: 'md',\n  /**\n   * Represents a large button size (40px).\n   */\n  Lg: 'lg',\n} as const;\nexport type ButtonIconSize =\n  (typeof ButtonIconSize)[keyof typeof ButtonIconSize];\n\n/**\n * ButtonIcon - variant\n * Convert from enum to const object (ADR-0003)\n */\nexport const ButtonIconVariant = {\n  /**\n   * Represents the default button icon variant (transparent background).\n   */\n  Default: 'default',\n  /**\n   * Represents a filled button icon variant (muted background).\n   */\n  Filled: 'filled',\n  /**\n   * Represents a floating button icon variant (icon-default background, full circle).\n   */\n  Floating: 'floating',\n} as const;\nexport type ButtonIconVariant =\n  (typeof ButtonIconVariant)[keyof typeof ButtonIconVariant];\n\n/**\n * ButtonIcon component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native\n */\nexport type ButtonIconPropsShared = {\n  /**\n   * Required prop to specify the icon to show\n   */\n  iconName: IconName;\n  /**\n   * Optional prop to control the size of the button\n   *\n   * @default ButtonIconSize.Md\n   */\n  size?: ButtonIconSize;\n  /**\n   * Optional prop that when true, disables the button\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop to control the visual variant of the button.\n   *\n   * @default ButtonIconVariant.Default\n   */\n  variant?: ButtonIconVariant;\n};\n"]}

package/dist/types/ButtonIcon/ButtonIcon.types.d.cts

@@ -4,6 +4,10 @@ import type { IconName } from "../Icon/index.cjs";
  * Convert from enum to const object (ADR-0003)
  */
 export declare const ButtonIconSize: {
+    /**
+     * Represents an extra small button size (20px).
+     */
+    readonly Xs: "xs";
     /**
      * Represents a small button size (24px).
      */

package/dist/types/ButtonIcon/ButtonIcon.types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.types.d.cts","sourceRoot":"","sources":["../../../src/types/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,0BAAgB;AAExC;;;GAGG;AACH,eAAO,MAAM,cAAc;IACzB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,iBAAiB;IAC5B;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;AAE7D;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC"}
+{"version":3,"file":"ButtonIcon.types.d.cts","sourceRoot":"","sources":["../../../src/types/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,0BAAgB;AAExC;;;GAGG;AACH,eAAO,MAAM,cAAc;IACzB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,iBAAiB;IAC5B;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;AAE7D;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC"}

package/dist/types/ButtonIcon/ButtonIcon.types.d.mts

@@ -4,6 +4,10 @@ import type { IconName } from "../Icon/index.mjs";
  * Convert from enum to const object (ADR-0003)
  */
 export declare const ButtonIconSize: {
+    /**
+     * Represents an extra small button size (20px).
+     */
+    readonly Xs: "xs";
     /**
      * Represents a small button size (24px).
      */

package/dist/types/ButtonIcon/ButtonIcon.types.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.types.d.mts","sourceRoot":"","sources":["../../../src/types/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,0BAAgB;AAExC;;;GAGG;AACH,eAAO,MAAM,cAAc;IACzB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,iBAAiB;IAC5B;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;AAE7D;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC"}
+{"version":3,"file":"ButtonIcon.types.d.mts","sourceRoot":"","sources":["../../../src/types/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,0BAAgB;AAExC;;;GAGG;AACH,eAAO,MAAM,cAAc;IACzB;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,cAAc,GACxB,CAAC,OAAO,cAAc,CAAC,CAAC,MAAM,OAAO,cAAc,CAAC,CAAC;AAEvD;;;GAGG;AACH,eAAO,MAAM,iBAAiB;IAC5B;;OAEG;;IAEH;;OAEG;;IAEH;;OAEG;;CAEK,CAAC;AACX,MAAM,MAAM,iBAAiB,GAC3B,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;AAE7D;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,QAAQ,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;CAC7B,CAAC"}

package/dist/types/ButtonIcon/ButtonIcon.types.mjs

@@ -3,6 +3,10 @@
  * Convert from enum to const object (ADR-0003)
  */
 export const ButtonIconSize = {
+    /**
+     * Represents an extra small button size (20px).
+     */
+    Xs: 'xs',
     /**
      * Represents a small button size (24px).
      */

package/dist/types/ButtonIcon/ButtonIcon.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.types.mjs","sourceRoot":"","sources":["../../../src/types/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;CACA,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,OAAO,EAAE,SAAS;IAClB;;OAEG;IACH,MAAM,EAAE,QAAQ;IAChB;;OAEG;IACH,QAAQ,EAAE,UAAU;CACZ,CAAC","sourcesContent":["import type { IconName } from '../Icon';\n\n/**\n * ButtonIcon - size\n * Convert from enum to const object (ADR-0003)\n */\nexport const ButtonIconSize = {\n  /**\n   * Represents a small button size (24px).\n   */\n  Sm: 'sm',\n  /**\n   * Represents a medium button size (32px).\n   */\n  Md: 'md',\n  /**\n   * Represents a large button size (40px).\n   */\n  Lg: 'lg',\n} as const;\nexport type ButtonIconSize =\n  (typeof ButtonIconSize)[keyof typeof ButtonIconSize];\n\n/**\n * ButtonIcon - variant\n * Convert from enum to const object (ADR-0003)\n */\nexport const ButtonIconVariant = {\n  /**\n   * Represents the default button icon variant (transparent background).\n   */\n  Default: 'default',\n  /**\n   * Represents a filled button icon variant (muted background).\n   */\n  Filled: 'filled',\n  /**\n   * Represents a floating button icon variant (icon-default background, full circle).\n   */\n  Floating: 'floating',\n} as const;\nexport type ButtonIconVariant =\n  (typeof ButtonIconVariant)[keyof typeof ButtonIconVariant];\n\n/**\n * ButtonIcon component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native\n */\nexport type ButtonIconPropsShared = {\n  /**\n   * Required prop to specify the icon to show\n   */\n  iconName: IconName;\n  /**\n   * Optional prop to control the size of the button\n   *\n   * @default ButtonIconSize.Md\n   */\n  size?: ButtonIconSize;\n  /**\n   * Optional prop that when true, disables the button\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop to control the visual variant of the button.\n   *\n   * @default ButtonIconVariant.Default\n   */\n  variant?: ButtonIconVariant;\n};\n"]}
+{"version":3,"file":"ButtonIcon.types.mjs","sourceRoot":"","sources":["../../../src/types/ButtonIcon/ButtonIcon.types.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;IACR;;OAEG;IACH,EAAE,EAAE,IAAI;CACA,CAAC;AAIX;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B;;OAEG;IACH,OAAO,EAAE,SAAS;IAClB;;OAEG;IACH,MAAM,EAAE,QAAQ;IAChB;;OAEG;IACH,QAAQ,EAAE,UAAU;CACZ,CAAC","sourcesContent":["import type { IconName } from '../Icon';\n\n/**\n * ButtonIcon - size\n * Convert from enum to const object (ADR-0003)\n */\nexport const ButtonIconSize = {\n  /**\n   * Represents an extra small button size (20px).\n   */\n  Xs: 'xs',\n  /**\n   * Represents a small button size (24px).\n   */\n  Sm: 'sm',\n  /**\n   * Represents a medium button size (32px).\n   */\n  Md: 'md',\n  /**\n   * Represents a large button size (40px).\n   */\n  Lg: 'lg',\n} as const;\nexport type ButtonIconSize =\n  (typeof ButtonIconSize)[keyof typeof ButtonIconSize];\n\n/**\n * ButtonIcon - variant\n * Convert from enum to const object (ADR-0003)\n */\nexport const ButtonIconVariant = {\n  /**\n   * Represents the default button icon variant (transparent background).\n   */\n  Default: 'default',\n  /**\n   * Represents a filled button icon variant (muted background).\n   */\n  Filled: 'filled',\n  /**\n   * Represents a floating button icon variant (icon-default background, full circle).\n   */\n  Floating: 'floating',\n} as const;\nexport type ButtonIconVariant =\n  (typeof ButtonIconVariant)[keyof typeof ButtonIconVariant];\n\n/**\n * ButtonIcon component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native\n */\nexport type ButtonIconPropsShared = {\n  /**\n   * Required prop to specify the icon to show\n   */\n  iconName: IconName;\n  /**\n   * Optional prop to control the size of the button\n   *\n   * @default ButtonIconSize.Md\n   */\n  size?: ButtonIconSize;\n  /**\n   * Optional prop that when true, disables the button\n   *\n   * @default false\n   */\n  isDisabled?: boolean;\n  /**\n   * Optional prop to control the visual variant of the button.\n   *\n   * @default ButtonIconVariant.Default\n   */\n  variant?: ButtonIconVariant;\n};\n"]}

package/dist/types/SectionHeader/SectionHeader.types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.types.cjs","sourceRoot":"","sources":["../../../src/types/SectionHeader/SectionHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { IconName } from '../Icon';\n\n/**\n * SectionHeader component shared props (ADR-0004).\n * Platform-independent properties; platform packages extend with `ViewProps`,\n * `twClassName`, and platform `Text` / `Icon` prop passthroughs.\n */\nexport type SectionHeaderPropsShared = {\n  /**\n   * Section title. When a string, platforms typically apply heading styles via `titleProps` / `textProps`.\n   * The title row renders only when `title` is renderable; `titleAccessory` alone does not show the inner row.\n   */\n  title: ReactNode;\n  /**\n   * Optional accessory rendered inline to the right of `title` in the title row.\n   * Only shown when the title row is shown (i.e. when `title` is renderable).\n   */\n  titleAccessory?: ReactNode;\n  /**\n   * Optional node before the title row (e.g. icon or avatar).\n   */\n  startAccessory?: ReactNode;\n  /**\n   * Optional node after the title row (e.g. icon or action).\n   */\n  endAccessory?: ReactNode;\n  /**\n   * Optional icon name for the start of the header row.\n   * When set (or implied via `startIconProps.name`), renders an icon instead of `startAccessory`.\n   */\n  startIconName?: IconName;\n  /**\n   * Optional icon name for the end of the header row.\n   * When set (or implied via `endIconProps.name`), renders an icon instead of `endAccessory`.\n   */\n  endIconName?: IconName;\n};\n"]}
+{"version":3,"file":"SectionHeader.types.cjs","sourceRoot":"","sources":["../../../src/types/SectionHeader/SectionHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { IconName } from '../Icon';\n\n/**\n * SectionHeader component shared props (ADR-0004).\n * Platform-independent properties; platform packages extend with `ViewProps`,\n * `twClassName`, and platform `Text` / `Icon` prop passthroughs.\n */\nexport type SectionHeaderPropsShared = {\n  /**\n   * Section title. When a string, platforms typically apply heading styles via `titleProps` / `textProps`.\n   * The title row renders only when `title` is renderable; `titleAccessory` alone does not show the inner row.\n   */\n  title: ReactNode;\n  /**\n   * Optional accessory rendered inline to the right of `title` in the title row.\n   * Only shown when the title row is shown (i.e. when `title` is renderable).\n   */\n  titleAccessory?: ReactNode;\n  /**\n   * Optional content rendered below the title row in the middle column,\n   * between start and end accessories.\n   */\n  children?: ReactNode;\n  /**\n   * Optional node before the title row (e.g. icon or avatar).\n   */\n  startAccessory?: ReactNode;\n  /**\n   * Optional node after the title row (e.g. icon or action).\n   */\n  endAccessory?: ReactNode;\n  /**\n   * Optional icon name for the start of the header row.\n   * When set (or implied via `startIconProps.name`), renders an icon instead of `startAccessory`.\n   */\n  startIconName?: IconName;\n  /**\n   * Optional icon name for the end of the header row.\n   * When set (or implied via `endIconProps.name`), renders an icon instead of `endAccessory`.\n   */\n  endIconName?: IconName;\n};\n"]}

package/dist/types/SectionHeader/SectionHeader.types.d.cts

@@ -16,6 +16,11 @@ export type SectionHeaderPropsShared = {
      * Only shown when the title row is shown (i.e. when `title` is renderable).
      */
     titleAccessory?: ReactNode;
+    /**
+     * Optional content rendered below the title row in the middle column,
+     * between start and end accessories.
+     */
+    children?: ReactNode;
     /**
      * Optional node before the title row (e.g. icon or avatar).
      */

package/dist/types/SectionHeader/SectionHeader.types.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.types.d.cts","sourceRoot":"","sources":["../../../src/types/SectionHeader/SectionHeader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC,OAAO,KAAK,EAAE,QAAQ,EAAE,0BAAgB;AAExC;;;;GAIG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;OAGG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;CACxB,CAAC"}
+{"version":3,"file":"SectionHeader.types.d.cts","sourceRoot":"","sources":["../../../src/types/SectionHeader/SectionHeader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC,OAAO,KAAK,EAAE,QAAQ,EAAE,0BAAgB;AAExC;;;;GAIG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;OAGG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;CACxB,CAAC"}

package/dist/types/SectionHeader/SectionHeader.types.d.mts

@@ -16,6 +16,11 @@ export type SectionHeaderPropsShared = {
      * Only shown when the title row is shown (i.e. when `title` is renderable).
      */
     titleAccessory?: ReactNode;
+    /**
+     * Optional content rendered below the title row in the middle column,
+     * between start and end accessories.
+     */
+    children?: ReactNode;
     /**
      * Optional node before the title row (e.g. icon or avatar).
      */

package/dist/types/SectionHeader/SectionHeader.types.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.types.d.mts","sourceRoot":"","sources":["../../../src/types/SectionHeader/SectionHeader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC,OAAO,KAAK,EAAE,QAAQ,EAAE,0BAAgB;AAExC;;;;GAIG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;OAGG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;CACxB,CAAC"}
+{"version":3,"file":"SectionHeader.types.d.mts","sourceRoot":"","sources":["../../../src/types/SectionHeader/SectionHeader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc;AAEvC,OAAO,KAAK,EAAE,QAAQ,EAAE,0BAAgB;AAExC;;;;GAIG;AACH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;;OAGG;IACH,KAAK,EAAE,SAAS,CAAC;IACjB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,aAAa,CAAC,EAAE,QAAQ,CAAC;IACzB;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,CAAC;CACxB,CAAC"}

package/dist/types/SectionHeader/SectionHeader.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.types.mjs","sourceRoot":"","sources":["../../../src/types/SectionHeader/SectionHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { IconName } from '../Icon';\n\n/**\n * SectionHeader component shared props (ADR-0004).\n * Platform-independent properties; platform packages extend with `ViewProps`,\n * `twClassName`, and platform `Text` / `Icon` prop passthroughs.\n */\nexport type SectionHeaderPropsShared = {\n  /**\n   * Section title. When a string, platforms typically apply heading styles via `titleProps` / `textProps`.\n   * The title row renders only when `title` is renderable; `titleAccessory` alone does not show the inner row.\n   */\n  title: ReactNode;\n  /**\n   * Optional accessory rendered inline to the right of `title` in the title row.\n   * Only shown when the title row is shown (i.e. when `title` is renderable).\n   */\n  titleAccessory?: ReactNode;\n  /**\n   * Optional node before the title row (e.g. icon or avatar).\n   */\n  startAccessory?: ReactNode;\n  /**\n   * Optional node after the title row (e.g. icon or action).\n   */\n  endAccessory?: ReactNode;\n  /**\n   * Optional icon name for the start of the header row.\n   * When set (or implied via `startIconProps.name`), renders an icon instead of `startAccessory`.\n   */\n  startIconName?: IconName;\n  /**\n   * Optional icon name for the end of the header row.\n   * When set (or implied via `endIconProps.name`), renders an icon instead of `endAccessory`.\n   */\n  endIconName?: IconName;\n};\n"]}
+{"version":3,"file":"SectionHeader.types.mjs","sourceRoot":"","sources":["../../../src/types/SectionHeader/SectionHeader.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { IconName } from '../Icon';\n\n/**\n * SectionHeader component shared props (ADR-0004).\n * Platform-independent properties; platform packages extend with `ViewProps`,\n * `twClassName`, and platform `Text` / `Icon` prop passthroughs.\n */\nexport type SectionHeaderPropsShared = {\n  /**\n   * Section title. When a string, platforms typically apply heading styles via `titleProps` / `textProps`.\n   * The title row renders only when `title` is renderable; `titleAccessory` alone does not show the inner row.\n   */\n  title: ReactNode;\n  /**\n   * Optional accessory rendered inline to the right of `title` in the title row.\n   * Only shown when the title row is shown (i.e. when `title` is renderable).\n   */\n  titleAccessory?: ReactNode;\n  /**\n   * Optional content rendered below the title row in the middle column,\n   * between start and end accessories.\n   */\n  children?: ReactNode;\n  /**\n   * Optional node before the title row (e.g. icon or avatar).\n   */\n  startAccessory?: ReactNode;\n  /**\n   * Optional node after the title row (e.g. icon or action).\n   */\n  endAccessory?: ReactNode;\n  /**\n   * Optional icon name for the start of the header row.\n   * When set (or implied via `startIconProps.name`), renders an icon instead of `startAccessory`.\n   */\n  startIconName?: IconName;\n  /**\n   * Optional icon name for the end of the header row.\n   * When set (or implied via `endIconProps.name`), renders an icon instead of `endAccessory`.\n   */\n  endIconName?: IconName;\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask-previews/design-system-shared",
-  "version": "0.24.0-preview.25db973",
+  "version": "0.24.0-preview.ba3ace4e",
   "description": "Shared types for design system libraries",
   "keywords": [
     "MetaMask",