@metamask-previews/design-system-shared 0.32.0-preview.1b11c84 → 0.32.0-preview.5cf8e82

package/dist/types/Box/Box.types.cjs

@@ -60,12 +60,12 @@ exports.BoxBackgroundColor = {
      * One level above bg-default. Surfaces over a scrim/overlay
      * (e.g. Modal, BottomSheet).
      */
-    BackgroundElevated1: 'bg-elevated-1',
+    BackgroundElevated1: 'bg-elevated1',
     /**
-     * Two levels above base; can sit on bg-default or bg-elevated-1.
+     * Two levels above base; can sit on bg-default or bg-elevated1.
      * Floating UI (e.g. Toast, Menu, Popover, Tooltip).
      */
-    BackgroundElevated2: 'bg-elevated-2',
+    BackgroundElevated2: 'bg-elevated2',
     /** Muted background color */
     BackgroundMuted: 'bg-muted',
     /** Primary default background color */
@@ -128,7 +128,7 @@ exports.BoxBorderColor = {
     BorderMuted: 'border-muted',
     /**
      * Border for elevated surfaces. Transparent in light; subtle edge in
-     * dark. Prefer with bg-elevated-1 / bg-elevated-2 (e.g. Modal).
+     * dark. Prefer with bg-elevated1 / bg-elevated2 (e.g. Modal).
      */
     BorderAlternative: 'border-alternative',
     /** Primary default border color */

package/dist/types/Box/Box.types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.types.cjs","sourceRoot":"","sources":["../../../src/types/Box/Box.types.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Box - all spacing-related props\n */\nexport type BoxSpacing = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\n/**\n * Box - border width values (only valid Tailwind CSS border width utilities)\n */\nexport type BoxBorderWidth = 0 | 1 | 2 | 4 | 8;\n\n/**\n * Box - flexDirection\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxFlexDirection = {\n  Row: 'flex-row',\n  RowReverse: 'flex-row-reverse',\n  Column: 'flex-col',\n  ColumnReverse: 'flex-col-reverse',\n} as const;\nexport type BoxFlexDirection =\n  (typeof BoxFlexDirection)[keyof typeof BoxFlexDirection];\n\n/**\n * Box - flexWrap\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxFlexWrap = {\n  NoWrap: 'flex-nowrap',\n  Wrap: 'flex-wrap',\n  WrapReverse: 'flex-wrap-reverse',\n} as const;\nexport type BoxFlexWrap = (typeof BoxFlexWrap)[keyof typeof BoxFlexWrap];\n\n/**\n * Box - alignItems\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxAlignItems = {\n  Start: 'items-start',\n  Center: 'items-center',\n  End: 'items-end',\n  Stretch: 'items-stretch',\n  Baseline: 'items-baseline',\n} as const;\nexport type BoxAlignItems = (typeof BoxAlignItems)[keyof typeof BoxAlignItems];\n\n/**\n * Box - justifyContent\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxJustifyContent = {\n  Start: 'justify-start',\n  Center: 'justify-center',\n  End: 'justify-end',\n  Between: 'justify-between',\n  Around: 'justify-around',\n  Evenly: 'justify-evenly',\n} as const;\nexport type BoxJustifyContent =\n  (typeof BoxJustifyContent)[keyof typeof BoxJustifyContent];\n\n/**\n * Box - backgroundColor\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxBackgroundColor = {\n  /** Default background color */\n  BackgroundDefault: 'bg-default',\n  /** Alternative background color */\n  BackgroundAlternative: 'bg-alternative',\n  /** Section background color */\n  BackgroundSection: 'bg-section',\n  /** Subsection background color */\n  BackgroundSubsection: 'bg-subsection',\n  /**\n   * One level above bg-default. Surfaces over a scrim/overlay\n   * (e.g. Modal, BottomSheet).\n   */\n  BackgroundElevated1: 'bg-elevated-1',\n  /**\n   * Two levels above base; can sit on bg-default or bg-elevated-1.\n   * Floating UI (e.g. Toast, Menu, Popover, Tooltip).\n   */\n  BackgroundElevated2: 'bg-elevated-2',\n  /** Muted background color */\n  BackgroundMuted: 'bg-muted',\n  /** Primary default background color */\n  PrimaryDefault: 'bg-primary-default',\n  /** Primary alternative background color */\n  PrimaryAlternative: 'bg-primary-alternative',\n  /** Primary muted background color */\n  PrimaryMuted: 'bg-primary-muted',\n  /** Primary inverse background color */\n  PrimaryInverse: 'bg-primary-inverse',\n  /** Error default background color */\n  ErrorDefault: 'bg-error-default',\n  /** Error alternative background color */\n  ErrorAlternative: 'bg-error-alternative',\n  /** Error muted background color */\n  ErrorMuted: 'bg-error-muted',\n  /** Error inverse background color */\n  ErrorInverse: 'bg-error-inverse',\n  /** Warning default background color */\n  WarningDefault: 'bg-warning-default',\n  /** Warning muted background color */\n  WarningMuted: 'bg-warning-muted',\n  /** Warning inverse background color */\n  WarningInverse: 'bg-warning-inverse',\n  /** Success default background color */\n  SuccessDefault: 'bg-success-default',\n  /** Success muted background color */\n  SuccessMuted: 'bg-success-muted',\n  /** Success inverse background color */\n  SuccessInverse: 'bg-success-inverse',\n  /** Info default background color */\n  InfoDefault: 'bg-info-default',\n  /** Info muted background color */\n  InfoMuted: 'bg-info-muted',\n  /** Info inverse background color */\n  InfoInverse: 'bg-info-inverse',\n  /** Flask default background color */\n  FlaskDefault: 'bg-flask-default',\n  /** Flask inverse background color */\n  FlaskInverse: 'bg-flask-inverse',\n  /** Overlay alternative background color */\n  OverlayAlternative: 'bg-overlay-alternative',\n  /** Overlay default background color */\n  OverlayDefault: 'bg-overlay-default',\n  /** Overlay inverse background color */\n  OverlayInverse: 'bg-overlay-inverse',\n  /** Transparent background color */\n  Transparent: 'bg-transparent',\n} as const;\nexport type BoxBackgroundColor =\n  (typeof BoxBackgroundColor)[keyof typeof BoxBackgroundColor];\n\n/**\n * Box - borderColor\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxBorderColor = {\n  /** Background default for cut out effect */\n  BackgroundDefault: 'border-background-default',\n  /** Default border color */\n  BorderDefault: 'border-default',\n  /** Muted border color */\n  BorderMuted: 'border-muted',\n  /**\n   * Border for elevated surfaces. Transparent in light; subtle edge in\n   * dark. Prefer with bg-elevated-1 / bg-elevated-2 (e.g. Modal).\n   */\n  BorderAlternative: 'border-alternative',\n  /** Primary default border color */\n  PrimaryDefault: 'border-primary-default',\n  /** Primary alternative border color */\n  PrimaryAlternative: 'border-primary-alternative',\n  /** Primary muted border color */\n  PrimaryMuted: 'border-primary-muted',\n  /** Primary inverse border color */\n  PrimaryInverse: 'border-primary-inverse',\n  /** Error default border color */\n  ErrorDefault: 'border-error-default',\n  /** Error alternative border color */\n  ErrorAlternative: 'border-error-alternative',\n  /** Error muted border color */\n  ErrorMuted: 'border-error-muted',\n  /** Error inverse border color */\n  ErrorInverse: 'border-error-inverse',\n  /** Warning default border color */\n  WarningDefault: 'border-warning-default',\n  /** Warning muted border color */\n  WarningMuted: 'border-warning-muted',\n  /** Warning inverse border color */\n  WarningInverse: 'border-warning-inverse',\n  /** Success default border color */\n  SuccessDefault: 'border-success-default',\n  /** Success muted border color */\n  SuccessMuted: 'border-success-muted',\n  /** Success inverse border color */\n  SuccessInverse: 'border-success-inverse',\n  /** Info default border color */\n  InfoDefault: 'border-info-default',\n  /** Info muted border color */\n  InfoMuted: 'border-info-muted',\n  /** Info inverse border color */\n  InfoInverse: 'border-info-inverse',\n  /** Flask default border color */\n  FlaskDefault: 'border-flask-default',\n  /** Flask inverse border color */\n  FlaskInverse: 'border-flask-inverse',\n  /** Overlay alternative border color */\n  OverlayAlternative: 'border-overlay-alternative',\n  /** Overlay default border color */\n  OverlayDefault: 'border-overlay-default',\n  /** Overlay inverse border color */\n  OverlayInverse: 'border-overlay-inverse',\n  /** Transparent border color */\n  Transparent: 'border-transparent',\n} as const;\nexport type BoxBorderColor =\n  (typeof BoxBorderColor)[keyof typeof BoxBorderColor];\n\n/**\n * Box component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native.\n */\nexport type BoxPropsShared = {\n  /**\n   * The flex-direction style of the component.\n   */\n  flexDirection?: BoxFlexDirection;\n  /**\n   * The flex-wrap style of the component.\n   */\n  flexWrap?: BoxFlexWrap;\n  /**\n   * The gap between the component's children.\n   * Use 0-12 for a gap of 0px-48px.\n   */\n  gap?: BoxSpacing;\n  /**\n   * The align-items style of the component.\n   */\n  alignItems?: BoxAlignItems;\n  /**\n   * The justify-content style of the component.\n   */\n  justifyContent?: BoxJustifyContent;\n  /**\n   * The margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  margin?: BoxSpacing;\n  /**\n   * The top margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginTop?: BoxSpacing;\n  /**\n   * The right margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginRight?: BoxSpacing;\n  /**\n   * The bottom margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginBottom?: BoxSpacing;\n  /**\n   * The left margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginLeft?: BoxSpacing;\n  /**\n   * The horizontal margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginHorizontal?: BoxSpacing;\n  /**\n   * The vertical margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginVertical?: BoxSpacing;\n  /**\n   * The padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  padding?: BoxSpacing;\n  /**\n   * The top padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingTop?: BoxSpacing;\n  /**\n   * The right padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingRight?: BoxSpacing;\n  /**\n   * The bottom padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingBottom?: BoxSpacing;\n  /**\n   * The left padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingLeft?: BoxSpacing;\n  /**\n   * The horizontal padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingHorizontal?: BoxSpacing;\n  /**\n   * The vertical padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingVertical?: BoxSpacing;\n  /**\n   * The border width of the component.\n   * Use 0, 1, 2, 4, or 8 for border width of 0px, 1px, 2px, 4px, or 8px.\n   */\n  borderWidth?: BoxBorderWidth;\n  /**\n   * The border color of the component.\n   */\n  borderColor?: BoxBorderColor;\n  /**\n   * The background color of the component.\n   */\n  backgroundColor?: BoxBackgroundColor;\n};\n"]}
+{"version":3,"file":"Box.types.cjs","sourceRoot":"","sources":["../../../src/types/Box/Box.types.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Box - all spacing-related props\n */\nexport type BoxSpacing = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\n/**\n * Box - border width values (only valid Tailwind CSS border width utilities)\n */\nexport type BoxBorderWidth = 0 | 1 | 2 | 4 | 8;\n\n/**\n * Box - flexDirection\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxFlexDirection = {\n  Row: 'flex-row',\n  RowReverse: 'flex-row-reverse',\n  Column: 'flex-col',\n  ColumnReverse: 'flex-col-reverse',\n} as const;\nexport type BoxFlexDirection =\n  (typeof BoxFlexDirection)[keyof typeof BoxFlexDirection];\n\n/**\n * Box - flexWrap\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxFlexWrap = {\n  NoWrap: 'flex-nowrap',\n  Wrap: 'flex-wrap',\n  WrapReverse: 'flex-wrap-reverse',\n} as const;\nexport type BoxFlexWrap = (typeof BoxFlexWrap)[keyof typeof BoxFlexWrap];\n\n/**\n * Box - alignItems\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxAlignItems = {\n  Start: 'items-start',\n  Center: 'items-center',\n  End: 'items-end',\n  Stretch: 'items-stretch',\n  Baseline: 'items-baseline',\n} as const;\nexport type BoxAlignItems = (typeof BoxAlignItems)[keyof typeof BoxAlignItems];\n\n/**\n * Box - justifyContent\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxJustifyContent = {\n  Start: 'justify-start',\n  Center: 'justify-center',\n  End: 'justify-end',\n  Between: 'justify-between',\n  Around: 'justify-around',\n  Evenly: 'justify-evenly',\n} as const;\nexport type BoxJustifyContent =\n  (typeof BoxJustifyContent)[keyof typeof BoxJustifyContent];\n\n/**\n * Box - backgroundColor\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxBackgroundColor = {\n  /** Default background color */\n  BackgroundDefault: 'bg-default',\n  /** Alternative background color */\n  BackgroundAlternative: 'bg-alternative',\n  /** Section background color */\n  BackgroundSection: 'bg-section',\n  /** Subsection background color */\n  BackgroundSubsection: 'bg-subsection',\n  /**\n   * One level above bg-default. Surfaces over a scrim/overlay\n   * (e.g. Modal, BottomSheet).\n   */\n  BackgroundElevated1: 'bg-elevated1',\n  /**\n   * Two levels above base; can sit on bg-default or bg-elevated1.\n   * Floating UI (e.g. Toast, Menu, Popover, Tooltip).\n   */\n  BackgroundElevated2: 'bg-elevated2',\n  /** Muted background color */\n  BackgroundMuted: 'bg-muted',\n  /** Primary default background color */\n  PrimaryDefault: 'bg-primary-default',\n  /** Primary alternative background color */\n  PrimaryAlternative: 'bg-primary-alternative',\n  /** Primary muted background color */\n  PrimaryMuted: 'bg-primary-muted',\n  /** Primary inverse background color */\n  PrimaryInverse: 'bg-primary-inverse',\n  /** Error default background color */\n  ErrorDefault: 'bg-error-default',\n  /** Error alternative background color */\n  ErrorAlternative: 'bg-error-alternative',\n  /** Error muted background color */\n  ErrorMuted: 'bg-error-muted',\n  /** Error inverse background color */\n  ErrorInverse: 'bg-error-inverse',\n  /** Warning default background color */\n  WarningDefault: 'bg-warning-default',\n  /** Warning muted background color */\n  WarningMuted: 'bg-warning-muted',\n  /** Warning inverse background color */\n  WarningInverse: 'bg-warning-inverse',\n  /** Success default background color */\n  SuccessDefault: 'bg-success-default',\n  /** Success muted background color */\n  SuccessMuted: 'bg-success-muted',\n  /** Success inverse background color */\n  SuccessInverse: 'bg-success-inverse',\n  /** Info default background color */\n  InfoDefault: 'bg-info-default',\n  /** Info muted background color */\n  InfoMuted: 'bg-info-muted',\n  /** Info inverse background color */\n  InfoInverse: 'bg-info-inverse',\n  /** Flask default background color */\n  FlaskDefault: 'bg-flask-default',\n  /** Flask inverse background color */\n  FlaskInverse: 'bg-flask-inverse',\n  /** Overlay alternative background color */\n  OverlayAlternative: 'bg-overlay-alternative',\n  /** Overlay default background color */\n  OverlayDefault: 'bg-overlay-default',\n  /** Overlay inverse background color */\n  OverlayInverse: 'bg-overlay-inverse',\n  /** Transparent background color */\n  Transparent: 'bg-transparent',\n} as const;\nexport type BoxBackgroundColor =\n  (typeof BoxBackgroundColor)[keyof typeof BoxBackgroundColor];\n\n/**\n * Box - borderColor\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxBorderColor = {\n  /** Background default for cut out effect */\n  BackgroundDefault: 'border-background-default',\n  /** Default border color */\n  BorderDefault: 'border-default',\n  /** Muted border color */\n  BorderMuted: 'border-muted',\n  /**\n   * Border for elevated surfaces. Transparent in light; subtle edge in\n   * dark. Prefer with bg-elevated1 / bg-elevated2 (e.g. Modal).\n   */\n  BorderAlternative: 'border-alternative',\n  /** Primary default border color */\n  PrimaryDefault: 'border-primary-default',\n  /** Primary alternative border color */\n  PrimaryAlternative: 'border-primary-alternative',\n  /** Primary muted border color */\n  PrimaryMuted: 'border-primary-muted',\n  /** Primary inverse border color */\n  PrimaryInverse: 'border-primary-inverse',\n  /** Error default border color */\n  ErrorDefault: 'border-error-default',\n  /** Error alternative border color */\n  ErrorAlternative: 'border-error-alternative',\n  /** Error muted border color */\n  ErrorMuted: 'border-error-muted',\n  /** Error inverse border color */\n  ErrorInverse: 'border-error-inverse',\n  /** Warning default border color */\n  WarningDefault: 'border-warning-default',\n  /** Warning muted border color */\n  WarningMuted: 'border-warning-muted',\n  /** Warning inverse border color */\n  WarningInverse: 'border-warning-inverse',\n  /** Success default border color */\n  SuccessDefault: 'border-success-default',\n  /** Success muted border color */\n  SuccessMuted: 'border-success-muted',\n  /** Success inverse border color */\n  SuccessInverse: 'border-success-inverse',\n  /** Info default border color */\n  InfoDefault: 'border-info-default',\n  /** Info muted border color */\n  InfoMuted: 'border-info-muted',\n  /** Info inverse border color */\n  InfoInverse: 'border-info-inverse',\n  /** Flask default border color */\n  FlaskDefault: 'border-flask-default',\n  /** Flask inverse border color */\n  FlaskInverse: 'border-flask-inverse',\n  /** Overlay alternative border color */\n  OverlayAlternative: 'border-overlay-alternative',\n  /** Overlay default border color */\n  OverlayDefault: 'border-overlay-default',\n  /** Overlay inverse border color */\n  OverlayInverse: 'border-overlay-inverse',\n  /** Transparent border color */\n  Transparent: 'border-transparent',\n} as const;\nexport type BoxBorderColor =\n  (typeof BoxBorderColor)[keyof typeof BoxBorderColor];\n\n/**\n * Box component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native.\n */\nexport type BoxPropsShared = {\n  /**\n   * The flex-direction style of the component.\n   */\n  flexDirection?: BoxFlexDirection;\n  /**\n   * The flex-wrap style of the component.\n   */\n  flexWrap?: BoxFlexWrap;\n  /**\n   * The gap between the component's children.\n   * Use 0-12 for a gap of 0px-48px.\n   */\n  gap?: BoxSpacing;\n  /**\n   * The align-items style of the component.\n   */\n  alignItems?: BoxAlignItems;\n  /**\n   * The justify-content style of the component.\n   */\n  justifyContent?: BoxJustifyContent;\n  /**\n   * The margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  margin?: BoxSpacing;\n  /**\n   * The top margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginTop?: BoxSpacing;\n  /**\n   * The right margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginRight?: BoxSpacing;\n  /**\n   * The bottom margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginBottom?: BoxSpacing;\n  /**\n   * The left margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginLeft?: BoxSpacing;\n  /**\n   * The horizontal margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginHorizontal?: BoxSpacing;\n  /**\n   * The vertical margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginVertical?: BoxSpacing;\n  /**\n   * The padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  padding?: BoxSpacing;\n  /**\n   * The top padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingTop?: BoxSpacing;\n  /**\n   * The right padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingRight?: BoxSpacing;\n  /**\n   * The bottom padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingBottom?: BoxSpacing;\n  /**\n   * The left padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingLeft?: BoxSpacing;\n  /**\n   * The horizontal padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingHorizontal?: BoxSpacing;\n  /**\n   * The vertical padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingVertical?: BoxSpacing;\n  /**\n   * The border width of the component.\n   * Use 0, 1, 2, 4, or 8 for border width of 0px, 1px, 2px, 4px, or 8px.\n   */\n  borderWidth?: BoxBorderWidth;\n  /**\n   * The border color of the component.\n   */\n  borderColor?: BoxBorderColor;\n  /**\n   * The background color of the component.\n   */\n  backgroundColor?: BoxBackgroundColor;\n};\n"]}

package/dist/types/Box/Box.types.d.cts

@@ -69,12 +69,12 @@ export declare const BoxBackgroundColor: {
      * One level above bg-default. Surfaces over a scrim/overlay
      * (e.g. Modal, BottomSheet).
      */
-    readonly BackgroundElevated1: "bg-elevated-1";
+    readonly BackgroundElevated1: "bg-elevated1";
     /**
-     * Two levels above base; can sit on bg-default or bg-elevated-1.
+     * Two levels above base; can sit on bg-default or bg-elevated1.
      * Floating UI (e.g. Toast, Menu, Popover, Tooltip).
      */
-    readonly BackgroundElevated2: "bg-elevated-2";
+    readonly BackgroundElevated2: "bg-elevated2";
     /** Muted background color */
     readonly BackgroundMuted: "bg-muted";
     /** Primary default background color */
@@ -138,7 +138,7 @@ export declare const BoxBorderColor: {
     readonly BorderMuted: "border-muted";
     /**
      * Border for elevated surfaces. Transparent in light; subtle edge in
-     * dark. Prefer with bg-elevated-1 / bg-elevated-2 (e.g. Modal).
+     * dark. Prefer with bg-elevated1 / bg-elevated2 (e.g. Modal).
      */
     readonly BorderAlternative: "border-alternative";
     /** Primary default border color */

package/dist/types/Box/Box.types.d.mts

@@ -69,12 +69,12 @@ export declare const BoxBackgroundColor: {
      * One level above bg-default. Surfaces over a scrim/overlay
      * (e.g. Modal, BottomSheet).
      */
-    readonly BackgroundElevated1: "bg-elevated-1";
+    readonly BackgroundElevated1: "bg-elevated1";
     /**
-     * Two levels above base; can sit on bg-default or bg-elevated-1.
+     * Two levels above base; can sit on bg-default or bg-elevated1.
      * Floating UI (e.g. Toast, Menu, Popover, Tooltip).
      */
-    readonly BackgroundElevated2: "bg-elevated-2";
+    readonly BackgroundElevated2: "bg-elevated2";
     /** Muted background color */
     readonly BackgroundMuted: "bg-muted";
     /** Primary default background color */
@@ -138,7 +138,7 @@ export declare const BoxBorderColor: {
     readonly BorderMuted: "border-muted";
     /**
      * Border for elevated surfaces. Transparent in light; subtle edge in
-     * dark. Prefer with bg-elevated-1 / bg-elevated-2 (e.g. Modal).
+     * dark. Prefer with bg-elevated1 / bg-elevated2 (e.g. Modal).
      */
     readonly BorderAlternative: "border-alternative";
     /** Primary default border color */

package/dist/types/Box/Box.types.mjs

@@ -57,12 +57,12 @@ export const BoxBackgroundColor = {
      * One level above bg-default. Surfaces over a scrim/overlay
      * (e.g. Modal, BottomSheet).
      */
-    BackgroundElevated1: 'bg-elevated-1',
+    BackgroundElevated1: 'bg-elevated1',
     /**
-     * Two levels above base; can sit on bg-default or bg-elevated-1.
+     * Two levels above base; can sit on bg-default or bg-elevated1.
      * Floating UI (e.g. Toast, Menu, Popover, Tooltip).
      */
-    BackgroundElevated2: 'bg-elevated-2',
+    BackgroundElevated2: 'bg-elevated2',
     /** Muted background color */
     BackgroundMuted: 'bg-muted',
     /** Primary default background color */
@@ -125,7 +125,7 @@ export const BoxBorderColor = {
     BorderMuted: 'border-muted',
     /**
      * Border for elevated surfaces. Transparent in light; subtle edge in
-     * dark. Prefer with bg-elevated-1 / bg-elevated-2 (e.g. Modal).
+     * dark. Prefer with bg-elevated1 / bg-elevated2 (e.g. Modal).
      */
     BorderAlternative: 'border-alternative',
     /** Primary default border color */

package/dist/types/Box/Box.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Box.types.mjs","sourceRoot":"","sources":["../../../src/types/Box/Box.types.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Box - all spacing-related props\n */\nexport type BoxSpacing = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\n/**\n * Box - border width values (only valid Tailwind CSS border width utilities)\n */\nexport type BoxBorderWidth = 0 | 1 | 2 | 4 | 8;\n\n/**\n * Box - flexDirection\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxFlexDirection = {\n  Row: 'flex-row',\n  RowReverse: 'flex-row-reverse',\n  Column: 'flex-col',\n  ColumnReverse: 'flex-col-reverse',\n} as const;\nexport type BoxFlexDirection =\n  (typeof BoxFlexDirection)[keyof typeof BoxFlexDirection];\n\n/**\n * Box - flexWrap\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxFlexWrap = {\n  NoWrap: 'flex-nowrap',\n  Wrap: 'flex-wrap',\n  WrapReverse: 'flex-wrap-reverse',\n} as const;\nexport type BoxFlexWrap = (typeof BoxFlexWrap)[keyof typeof BoxFlexWrap];\n\n/**\n * Box - alignItems\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxAlignItems = {\n  Start: 'items-start',\n  Center: 'items-center',\n  End: 'items-end',\n  Stretch: 'items-stretch',\n  Baseline: 'items-baseline',\n} as const;\nexport type BoxAlignItems = (typeof BoxAlignItems)[keyof typeof BoxAlignItems];\n\n/**\n * Box - justifyContent\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxJustifyContent = {\n  Start: 'justify-start',\n  Center: 'justify-center',\n  End: 'justify-end',\n  Between: 'justify-between',\n  Around: 'justify-around',\n  Evenly: 'justify-evenly',\n} as const;\nexport type BoxJustifyContent =\n  (typeof BoxJustifyContent)[keyof typeof BoxJustifyContent];\n\n/**\n * Box - backgroundColor\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxBackgroundColor = {\n  /** Default background color */\n  BackgroundDefault: 'bg-default',\n  /** Alternative background color */\n  BackgroundAlternative: 'bg-alternative',\n  /** Section background color */\n  BackgroundSection: 'bg-section',\n  /** Subsection background color */\n  BackgroundSubsection: 'bg-subsection',\n  /**\n   * One level above bg-default. Surfaces over a scrim/overlay\n   * (e.g. Modal, BottomSheet).\n   */\n  BackgroundElevated1: 'bg-elevated-1',\n  /**\n   * Two levels above base; can sit on bg-default or bg-elevated-1.\n   * Floating UI (e.g. Toast, Menu, Popover, Tooltip).\n   */\n  BackgroundElevated2: 'bg-elevated-2',\n  /** Muted background color */\n  BackgroundMuted: 'bg-muted',\n  /** Primary default background color */\n  PrimaryDefault: 'bg-primary-default',\n  /** Primary alternative background color */\n  PrimaryAlternative: 'bg-primary-alternative',\n  /** Primary muted background color */\n  PrimaryMuted: 'bg-primary-muted',\n  /** Primary inverse background color */\n  PrimaryInverse: 'bg-primary-inverse',\n  /** Error default background color */\n  ErrorDefault: 'bg-error-default',\n  /** Error alternative background color */\n  ErrorAlternative: 'bg-error-alternative',\n  /** Error muted background color */\n  ErrorMuted: 'bg-error-muted',\n  /** Error inverse background color */\n  ErrorInverse: 'bg-error-inverse',\n  /** Warning default background color */\n  WarningDefault: 'bg-warning-default',\n  /** Warning muted background color */\n  WarningMuted: 'bg-warning-muted',\n  /** Warning inverse background color */\n  WarningInverse: 'bg-warning-inverse',\n  /** Success default background color */\n  SuccessDefault: 'bg-success-default',\n  /** Success muted background color */\n  SuccessMuted: 'bg-success-muted',\n  /** Success inverse background color */\n  SuccessInverse: 'bg-success-inverse',\n  /** Info default background color */\n  InfoDefault: 'bg-info-default',\n  /** Info muted background color */\n  InfoMuted: 'bg-info-muted',\n  /** Info inverse background color */\n  InfoInverse: 'bg-info-inverse',\n  /** Flask default background color */\n  FlaskDefault: 'bg-flask-default',\n  /** Flask inverse background color */\n  FlaskInverse: 'bg-flask-inverse',\n  /** Overlay alternative background color */\n  OverlayAlternative: 'bg-overlay-alternative',\n  /** Overlay default background color */\n  OverlayDefault: 'bg-overlay-default',\n  /** Overlay inverse background color */\n  OverlayInverse: 'bg-overlay-inverse',\n  /** Transparent background color */\n  Transparent: 'bg-transparent',\n} as const;\nexport type BoxBackgroundColor =\n  (typeof BoxBackgroundColor)[keyof typeof BoxBackgroundColor];\n\n/**\n * Box - borderColor\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxBorderColor = {\n  /** Background default for cut out effect */\n  BackgroundDefault: 'border-background-default',\n  /** Default border color */\n  BorderDefault: 'border-default',\n  /** Muted border color */\n  BorderMuted: 'border-muted',\n  /**\n   * Border for elevated surfaces. Transparent in light; subtle edge in\n   * dark. Prefer with bg-elevated-1 / bg-elevated-2 (e.g. Modal).\n   */\n  BorderAlternative: 'border-alternative',\n  /** Primary default border color */\n  PrimaryDefault: 'border-primary-default',\n  /** Primary alternative border color */\n  PrimaryAlternative: 'border-primary-alternative',\n  /** Primary muted border color */\n  PrimaryMuted: 'border-primary-muted',\n  /** Primary inverse border color */\n  PrimaryInverse: 'border-primary-inverse',\n  /** Error default border color */\n  ErrorDefault: 'border-error-default',\n  /** Error alternative border color */\n  ErrorAlternative: 'border-error-alternative',\n  /** Error muted border color */\n  ErrorMuted: 'border-error-muted',\n  /** Error inverse border color */\n  ErrorInverse: 'border-error-inverse',\n  /** Warning default border color */\n  WarningDefault: 'border-warning-default',\n  /** Warning muted border color */\n  WarningMuted: 'border-warning-muted',\n  /** Warning inverse border color */\n  WarningInverse: 'border-warning-inverse',\n  /** Success default border color */\n  SuccessDefault: 'border-success-default',\n  /** Success muted border color */\n  SuccessMuted: 'border-success-muted',\n  /** Success inverse border color */\n  SuccessInverse: 'border-success-inverse',\n  /** Info default border color */\n  InfoDefault: 'border-info-default',\n  /** Info muted border color */\n  InfoMuted: 'border-info-muted',\n  /** Info inverse border color */\n  InfoInverse: 'border-info-inverse',\n  /** Flask default border color */\n  FlaskDefault: 'border-flask-default',\n  /** Flask inverse border color */\n  FlaskInverse: 'border-flask-inverse',\n  /** Overlay alternative border color */\n  OverlayAlternative: 'border-overlay-alternative',\n  /** Overlay default border color */\n  OverlayDefault: 'border-overlay-default',\n  /** Overlay inverse border color */\n  OverlayInverse: 'border-overlay-inverse',\n  /** Transparent border color */\n  Transparent: 'border-transparent',\n} as const;\nexport type BoxBorderColor =\n  (typeof BoxBorderColor)[keyof typeof BoxBorderColor];\n\n/**\n * Box component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native.\n */\nexport type BoxPropsShared = {\n  /**\n   * The flex-direction style of the component.\n   */\n  flexDirection?: BoxFlexDirection;\n  /**\n   * The flex-wrap style of the component.\n   */\n  flexWrap?: BoxFlexWrap;\n  /**\n   * The gap between the component's children.\n   * Use 0-12 for a gap of 0px-48px.\n   */\n  gap?: BoxSpacing;\n  /**\n   * The align-items style of the component.\n   */\n  alignItems?: BoxAlignItems;\n  /**\n   * The justify-content style of the component.\n   */\n  justifyContent?: BoxJustifyContent;\n  /**\n   * The margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  margin?: BoxSpacing;\n  /**\n   * The top margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginTop?: BoxSpacing;\n  /**\n   * The right margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginRight?: BoxSpacing;\n  /**\n   * The bottom margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginBottom?: BoxSpacing;\n  /**\n   * The left margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginLeft?: BoxSpacing;\n  /**\n   * The horizontal margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginHorizontal?: BoxSpacing;\n  /**\n   * The vertical margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginVertical?: BoxSpacing;\n  /**\n   * The padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  padding?: BoxSpacing;\n  /**\n   * The top padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingTop?: BoxSpacing;\n  /**\n   * The right padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingRight?: BoxSpacing;\n  /**\n   * The bottom padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingBottom?: BoxSpacing;\n  /**\n   * The left padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingLeft?: BoxSpacing;\n  /**\n   * The horizontal padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingHorizontal?: BoxSpacing;\n  /**\n   * The vertical padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingVertical?: BoxSpacing;\n  /**\n   * The border width of the component.\n   * Use 0, 1, 2, 4, or 8 for border width of 0px, 1px, 2px, 4px, or 8px.\n   */\n  borderWidth?: BoxBorderWidth;\n  /**\n   * The border color of the component.\n   */\n  borderColor?: BoxBorderColor;\n  /**\n   * The background color of the component.\n   */\n  backgroundColor?: BoxBackgroundColor;\n};\n"]}
+{"version":3,"file":"Box.types.mjs","sourceRoot":"","sources":["../../../src/types/Box/Box.types.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Box - all spacing-related props\n */\nexport type BoxSpacing = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;\n\n/**\n * Box - border width values (only valid Tailwind CSS border width utilities)\n */\nexport type BoxBorderWidth = 0 | 1 | 2 | 4 | 8;\n\n/**\n * Box - flexDirection\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxFlexDirection = {\n  Row: 'flex-row',\n  RowReverse: 'flex-row-reverse',\n  Column: 'flex-col',\n  ColumnReverse: 'flex-col-reverse',\n} as const;\nexport type BoxFlexDirection =\n  (typeof BoxFlexDirection)[keyof typeof BoxFlexDirection];\n\n/**\n * Box - flexWrap\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxFlexWrap = {\n  NoWrap: 'flex-nowrap',\n  Wrap: 'flex-wrap',\n  WrapReverse: 'flex-wrap-reverse',\n} as const;\nexport type BoxFlexWrap = (typeof BoxFlexWrap)[keyof typeof BoxFlexWrap];\n\n/**\n * Box - alignItems\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxAlignItems = {\n  Start: 'items-start',\n  Center: 'items-center',\n  End: 'items-end',\n  Stretch: 'items-stretch',\n  Baseline: 'items-baseline',\n} as const;\nexport type BoxAlignItems = (typeof BoxAlignItems)[keyof typeof BoxAlignItems];\n\n/**\n * Box - justifyContent\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxJustifyContent = {\n  Start: 'justify-start',\n  Center: 'justify-center',\n  End: 'justify-end',\n  Between: 'justify-between',\n  Around: 'justify-around',\n  Evenly: 'justify-evenly',\n} as const;\nexport type BoxJustifyContent =\n  (typeof BoxJustifyContent)[keyof typeof BoxJustifyContent];\n\n/**\n * Box - backgroundColor\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxBackgroundColor = {\n  /** Default background color */\n  BackgroundDefault: 'bg-default',\n  /** Alternative background color */\n  BackgroundAlternative: 'bg-alternative',\n  /** Section background color */\n  BackgroundSection: 'bg-section',\n  /** Subsection background color */\n  BackgroundSubsection: 'bg-subsection',\n  /**\n   * One level above bg-default. Surfaces over a scrim/overlay\n   * (e.g. Modal, BottomSheet).\n   */\n  BackgroundElevated1: 'bg-elevated1',\n  /**\n   * Two levels above base; can sit on bg-default or bg-elevated1.\n   * Floating UI (e.g. Toast, Menu, Popover, Tooltip).\n   */\n  BackgroundElevated2: 'bg-elevated2',\n  /** Muted background color */\n  BackgroundMuted: 'bg-muted',\n  /** Primary default background color */\n  PrimaryDefault: 'bg-primary-default',\n  /** Primary alternative background color */\n  PrimaryAlternative: 'bg-primary-alternative',\n  /** Primary muted background color */\n  PrimaryMuted: 'bg-primary-muted',\n  /** Primary inverse background color */\n  PrimaryInverse: 'bg-primary-inverse',\n  /** Error default background color */\n  ErrorDefault: 'bg-error-default',\n  /** Error alternative background color */\n  ErrorAlternative: 'bg-error-alternative',\n  /** Error muted background color */\n  ErrorMuted: 'bg-error-muted',\n  /** Error inverse background color */\n  ErrorInverse: 'bg-error-inverse',\n  /** Warning default background color */\n  WarningDefault: 'bg-warning-default',\n  /** Warning muted background color */\n  WarningMuted: 'bg-warning-muted',\n  /** Warning inverse background color */\n  WarningInverse: 'bg-warning-inverse',\n  /** Success default background color */\n  SuccessDefault: 'bg-success-default',\n  /** Success muted background color */\n  SuccessMuted: 'bg-success-muted',\n  /** Success inverse background color */\n  SuccessInverse: 'bg-success-inverse',\n  /** Info default background color */\n  InfoDefault: 'bg-info-default',\n  /** Info muted background color */\n  InfoMuted: 'bg-info-muted',\n  /** Info inverse background color */\n  InfoInverse: 'bg-info-inverse',\n  /** Flask default background color */\n  FlaskDefault: 'bg-flask-default',\n  /** Flask inverse background color */\n  FlaskInverse: 'bg-flask-inverse',\n  /** Overlay alternative background color */\n  OverlayAlternative: 'bg-overlay-alternative',\n  /** Overlay default background color */\n  OverlayDefault: 'bg-overlay-default',\n  /** Overlay inverse background color */\n  OverlayInverse: 'bg-overlay-inverse',\n  /** Transparent background color */\n  Transparent: 'bg-transparent',\n} as const;\nexport type BoxBackgroundColor =\n  (typeof BoxBackgroundColor)[keyof typeof BoxBackgroundColor];\n\n/**\n * Box - borderColor\n * Convert from enum to const object (ADR-0003)\n */\nexport const BoxBorderColor = {\n  /** Background default for cut out effect */\n  BackgroundDefault: 'border-background-default',\n  /** Default border color */\n  BorderDefault: 'border-default',\n  /** Muted border color */\n  BorderMuted: 'border-muted',\n  /**\n   * Border for elevated surfaces. Transparent in light; subtle edge in\n   * dark. Prefer with bg-elevated1 / bg-elevated2 (e.g. Modal).\n   */\n  BorderAlternative: 'border-alternative',\n  /** Primary default border color */\n  PrimaryDefault: 'border-primary-default',\n  /** Primary alternative border color */\n  PrimaryAlternative: 'border-primary-alternative',\n  /** Primary muted border color */\n  PrimaryMuted: 'border-primary-muted',\n  /** Primary inverse border color */\n  PrimaryInverse: 'border-primary-inverse',\n  /** Error default border color */\n  ErrorDefault: 'border-error-default',\n  /** Error alternative border color */\n  ErrorAlternative: 'border-error-alternative',\n  /** Error muted border color */\n  ErrorMuted: 'border-error-muted',\n  /** Error inverse border color */\n  ErrorInverse: 'border-error-inverse',\n  /** Warning default border color */\n  WarningDefault: 'border-warning-default',\n  /** Warning muted border color */\n  WarningMuted: 'border-warning-muted',\n  /** Warning inverse border color */\n  WarningInverse: 'border-warning-inverse',\n  /** Success default border color */\n  SuccessDefault: 'border-success-default',\n  /** Success muted border color */\n  SuccessMuted: 'border-success-muted',\n  /** Success inverse border color */\n  SuccessInverse: 'border-success-inverse',\n  /** Info default border color */\n  InfoDefault: 'border-info-default',\n  /** Info muted border color */\n  InfoMuted: 'border-info-muted',\n  /** Info inverse border color */\n  InfoInverse: 'border-info-inverse',\n  /** Flask default border color */\n  FlaskDefault: 'border-flask-default',\n  /** Flask inverse border color */\n  FlaskInverse: 'border-flask-inverse',\n  /** Overlay alternative border color */\n  OverlayAlternative: 'border-overlay-alternative',\n  /** Overlay default border color */\n  OverlayDefault: 'border-overlay-default',\n  /** Overlay inverse border color */\n  OverlayInverse: 'border-overlay-inverse',\n  /** Transparent border color */\n  Transparent: 'border-transparent',\n} as const;\nexport type BoxBorderColor =\n  (typeof BoxBorderColor)[keyof typeof BoxBorderColor];\n\n/**\n * Box component shared props (ADR-0004)\n * Platform-independent properties shared across React and React Native.\n */\nexport type BoxPropsShared = {\n  /**\n   * The flex-direction style of the component.\n   */\n  flexDirection?: BoxFlexDirection;\n  /**\n   * The flex-wrap style of the component.\n   */\n  flexWrap?: BoxFlexWrap;\n  /**\n   * The gap between the component's children.\n   * Use 0-12 for a gap of 0px-48px.\n   */\n  gap?: BoxSpacing;\n  /**\n   * The align-items style of the component.\n   */\n  alignItems?: BoxAlignItems;\n  /**\n   * The justify-content style of the component.\n   */\n  justifyContent?: BoxJustifyContent;\n  /**\n   * The margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  margin?: BoxSpacing;\n  /**\n   * The top margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginTop?: BoxSpacing;\n  /**\n   * The right margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginRight?: BoxSpacing;\n  /**\n   * The bottom margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginBottom?: BoxSpacing;\n  /**\n   * The left margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginLeft?: BoxSpacing;\n  /**\n   * The horizontal margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginHorizontal?: BoxSpacing;\n  /**\n   * The vertical margin of the component.\n   * Use 0-12 for margin of 0px-48px.\n   */\n  marginVertical?: BoxSpacing;\n  /**\n   * The padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  padding?: BoxSpacing;\n  /**\n   * The top padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingTop?: BoxSpacing;\n  /**\n   * The right padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingRight?: BoxSpacing;\n  /**\n   * The bottom padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingBottom?: BoxSpacing;\n  /**\n   * The left padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingLeft?: BoxSpacing;\n  /**\n   * The horizontal padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingHorizontal?: BoxSpacing;\n  /**\n   * The vertical padding of the component.\n   * Use 0-12 for padding of 0px-48px.\n   */\n  paddingVertical?: BoxSpacing;\n  /**\n   * The border width of the component.\n   * Use 0, 1, 2, 4, or 8 for border width of 0px, 1px, 2px, 4px, or 8px.\n   */\n  borderWidth?: BoxBorderWidth;\n  /**\n   * The border color of the component.\n   */\n  borderColor?: BoxBorderColor;\n  /**\n   * The background color of the component.\n   */\n  backgroundColor?: BoxBackgroundColor;\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@metamask-previews/design-system-shared",
-  "version": "0.32.0-preview.1b11c84",
+  "version": "0.32.0-preview.5cf8e82",
   "description": "Shared types for design system libraries",
   "keywords": [
     "MetaMask",