@metamask-previews/design-system-react 0.6.1-preview.ab80aae → 0.7.0-preview.3dc70e1

package/dist/types/index.d.cts

@@ -1,29 +1,28 @@
 /**
  * AvatarBase - size
  */
-export type AvatarBaseSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare const AvatarBaseSize: {
+export declare enum AvatarBaseSize {
     /**
      * Represents an extra small avatar size (16px).
      */
-    readonly Xs: "xs";
+    Xs = "xs",
     /**
      * Represents a small avatar size (24px).
      */
-    readonly Sm: "sm";
+    Sm = "sm",
     /**
      * Represents a medium avatar size (32px).
      */
-    readonly Md: "md";
+    Md = "md",
     /**
      * Represents a large avatar size (40px).
      */
-    readonly Lg: "lg";
+    Lg = "lg",
     /**
      * Represents an extra large avatar size (48px).
      */
-    readonly Xl: "xl";
-};
+    Xl = "xl"
+}
 export { AvatarBaseSize as AvatarAccountSize };
 export { AvatarBaseSize as AvatarFaviconSize };
 export { AvatarBaseSize as AvatarGroupSize };
@@ -34,105 +33,73 @@ export { AvatarBaseSize as AvatarSize };
 /**
  * Avatar - shape
  */
-export type AvatarShape = 'circle' | 'square';
-export declare const AvatarShape: {
+export declare enum AvatarShape {
     /**
      * Represents a circular Avatar.
      */
-    readonly Circle: "circle";
+    Circle = "circle",
     /**
      * Represents a squared Avatar
      */
-    readonly Square: "square";
-};
+    Square = "square"
+}
 export { AvatarShape as AvatarBaseShape };
 /**
  * AvatarAccount - variant
  */
-export type AvatarAccountVariant = 'blockies' | 'jazzicon' | 'maskicon';
-export declare const AvatarAccountVariant: {
-    readonly Blockies: "blockies";
-    readonly Jazzicon: "jazzicon";
-    readonly Maskicon: "maskicon";
-};
+export declare enum AvatarAccountVariant {
+    Blockies = "blockies",
+    Jazzicon = "jazzicon",
+    Maskicon = "maskicon"
+}
 /**
  * AvatarIcon - severity
  */
-export type AvatarIconSeverity = 'neutral' | 'info' | 'success' | 'error' | 'warning';
-export declare const AvatarIconSeverity: {
-    readonly Neutral: "neutral";
-    readonly Info: "info";
-    readonly Success: "success";
-    readonly Error: "error";
-    readonly Warning: "warning";
-};
+export declare enum AvatarIconSeverity {
+    Neutral = "neutral",
+    Info = "info",
+    Success = "success",
+    Error = "error",
+    Warning = "warning"
+}
 /**
  * AvatarGroup - variant
  */
-export type AvatarGroupVariant = 'Account' | 'Favicon' | 'Network' | 'Token';
-export declare const AvatarGroupVariant: {
-    readonly Account: "Account";
-    readonly Favicon: "Favicon";
-    readonly Network: "Network";
-    readonly Token: "Token";
-};
+export declare enum AvatarGroupVariant {
+    Account = "account",
+    Favicon = "favicon",
+    Network = "network",
+    Token = "token"
+}
 /**
  * BadgeCount - size
  */
-export type BadgeCountSize = 'md' | 'lg';
-export declare const BadgeCountSize: {
+export declare enum BadgeCountSize {
     /**
      * Represents a medium badge count (14px height).
      */
-    readonly Md: "md";
+    Md = "md",
     /**
      * Represents a large badge count (20px height).
      */
-    readonly Lg: "lg";
-};
-/**
- * BadgeStatus - status
- */
-export type BadgeStatusStatus = 'active' | 'inactive' | 'disconnected' | 'new' | 'attention';
-export declare const BadgeStatusStatus: {
-    readonly Active: "active";
-    readonly Inactive: "inactive";
-    readonly Disconnected: "disconnected";
-    readonly New: "new";
-    readonly Attention: "attention";
-};
-/**
- * BadgeStatus - size
- */
-export type BadgeStatusSize = 'md' | 'lg';
-export declare const BadgeStatusSize: {
-    /**
-     * Represents a medium badge status size (8px).
-     */
-    readonly Md: "md";
-    /**
-     * Represents a large avatar size (10px).
-     */
-    readonly Lg: "lg";
-};
+    Lg = "lg"
+}
 /**
  * BadgeWrapper - positionAnchorShape
  */
-export type BadgeWrapperPositionAnchorShape = 'Rectangular' | 'Circular';
-export declare const BadgeWrapperPositionAnchorShape: {
-    readonly Rectangular: "Rectangular";
-    readonly Circular: "Circular";
-};
+export declare enum BadgeWrapperPositionAnchorShape {
+    Rectangular = "rectangular",
+    Circular = "circular"
+}
 /**
  * BadgeWrapper - position.
  */
-export type BadgeWrapperPosition = 'TopRight' | 'BottomRight' | 'BottomLeft' | 'TopLeft';
-export declare const BadgeWrapperPosition: {
-    readonly TopRight: "TopRight";
-    readonly BottomRight: "BottomRight";
-    readonly BottomLeft: "BottomLeft";
-    readonly TopLeft: "TopLeft";
-};
+export declare enum BadgeWrapperPosition {
+    TopRight = "top-right",
+    BottomRight = "bottom-right",
+    BottomLeft = "bottom-left",
+    TopLeft = "top-left"
+}
 /**
  * BadgeWrapper - customPosition
  */
@@ -153,193 +120,186 @@ export type BoxBorderWidth = 0 | 1 | 2 | 4 | 8;
 /**
  * Box - flexDirection
  */
-export type BoxFlexDirection = 'flex-row' | 'flex-row-reverse' | 'flex-col' | 'flex-col-reverse';
-export declare const BoxFlexDirection: {
-    readonly Row: "flex-row";
-    readonly RowReverse: "flex-row-reverse";
-    readonly Column: "flex-col";
-    readonly ColumnReverse: "flex-col-reverse";
-};
+export declare enum BoxFlexDirection {
+    Row = "flex-row",
+    RowReverse = "flex-row-reverse",
+    Column = "flex-col",
+    ColumnReverse = "flex-col-reverse"
+}
 /**
  * Box - flexWrap
  */
-export type BoxFlexWrap = 'flex-nowrap' | 'flex-wrap' | 'flex-wrap-reverse';
-export declare const BoxFlexWrap: {
-    readonly NoWrap: "flex-nowrap";
-    readonly Wrap: "flex-wrap";
-    readonly WrapReverse: "flex-wrap-reverse";
-};
+export declare enum BoxFlexWrap {
+    NoWrap = "flex-nowrap",
+    Wrap = "flex-wrap",
+    WrapReverse = "flex-wrap-reverse"
+}
 /**
  * Box - alignItems
  */
-export type BoxAlignItems = 'items-start' | 'items-center' | 'items-end' | 'items-stretch' | 'items-baseline';
-export declare const BoxAlignItems: {
-    readonly Start: "items-start";
-    readonly Center: "items-center";
-    readonly End: "items-end";
-    readonly Stretch: "items-stretch";
-    readonly Baseline: "items-baseline";
-};
+export declare enum BoxAlignItems {
+    Start = "items-start",
+    Center = "items-center",
+    End = "items-end",
+    Stretch = "items-stretch",
+    Baseline = "items-baseline"
+}
 /**
  * Box - justifyContent
  */
-export type BoxJustifyContent = 'justify-start' | 'justify-center' | 'justify-end' | 'justify-between' | 'justify-around' | 'justify-evenly';
-export declare const BoxJustifyContent: {
-    readonly Start: "justify-start";
-    readonly Center: "justify-center";
-    readonly End: "justify-end";
-    readonly Between: "justify-between";
-    readonly Around: "justify-around";
-    readonly Evenly: "justify-evenly";
-};
+export declare enum BoxJustifyContent {
+    Start = "justify-start",
+    Center = "justify-center",
+    End = "justify-end",
+    Between = "justify-between",
+    Around = "justify-around",
+    Evenly = "justify-evenly"
+}
 /**
  * Box - backgroundColor
  */
-export type BoxBackgroundColor = 'bg-default' | 'bg-alternative' | 'bg-section' | 'bg-subsection' | 'bg-muted' | 'bg-primary-default' | 'bg-primary-alternative' | 'bg-primary-muted' | 'bg-primary-inverse' | 'bg-error-default' | 'bg-error-alternative' | 'bg-error-muted' | 'bg-error-inverse' | 'bg-warning-default' | 'bg-warning-alternative' | 'bg-warning-muted' | 'bg-warning-inverse' | 'bg-success-default' | 'bg-success-alternative' | 'bg-success-muted' | 'bg-success-inverse' | 'bg-info-default' | 'bg-info-muted' | 'bg-info-inverse' | 'bg-flask-default' | 'bg-flask-inverse' | 'bg-overlay-alternative' | 'bg-overlay-default' | 'bg-overlay-inverse' | 'bg-transparent';
-export declare const BoxBackgroundColor: {
+export declare enum BoxBackgroundColor {
     /** Default background color */
-    readonly BackgroundDefault: "bg-default";
+    BackgroundDefault = "bg-default",
     /** Alternative background color */
-    readonly BackgroundAlternative: "bg-alternative";
+    BackgroundAlternative = "bg-alternative",
     /** Section background color */
-    readonly BackgroundSection: "bg-section";
+    BackgroundSection = "bg-section",
     /** Subsection background color */
-    readonly BackgroundSubsection: "bg-subsection";
+    BackgroundSubsection = "bg-subsection",
     /** Muted background color */
-    readonly BackgroundMuted: "bg-muted";
+    BackgroundMuted = "bg-muted",
     /** Primary default background color */
-    readonly PrimaryDefault: "bg-primary-default";
+    PrimaryDefault = "bg-primary-default",
     /** Primary alternative background color */
-    readonly PrimaryAlternative: "bg-primary-alternative";
+    PrimaryAlternative = "bg-primary-alternative",
     /** Primary muted background color */
-    readonly PrimaryMuted: "bg-primary-muted";
+    PrimaryMuted = "bg-primary-muted",
     /** Primary inverse background color */
-    readonly PrimaryInverse: "bg-primary-inverse";
+    PrimaryInverse = "bg-primary-inverse",
     /** Error default background color */
-    readonly ErrorDefault: "bg-error-default";
+    ErrorDefault = "bg-error-default",
     /** Error alternative background color */
-    readonly ErrorAlternative: "bg-error-alternative";
+    ErrorAlternative = "bg-error-alternative",
     /** Error muted background color */
-    readonly ErrorMuted: "bg-error-muted";
+    ErrorMuted = "bg-error-muted",
     /** Error inverse background color */
-    readonly ErrorInverse: "bg-error-inverse";
+    ErrorInverse = "bg-error-inverse",
     /** Warning default background color */
-    readonly WarningDefault: "bg-warning-default";
+    WarningDefault = "bg-warning-default",
     /** Warning alternative background color */
-    readonly WarningAlternative: "bg-warning-alternative";
+    WarningAlternative = "bg-warning-alternative",
     /** Warning muted background color */
-    readonly WarningMuted: "bg-warning-muted";
+    WarningMuted = "bg-warning-muted",
     /** Warning inverse background color */
-    readonly WarningInverse: "bg-warning-inverse";
+    WarningInverse = "bg-warning-inverse",
     /** Success default background color */
-    readonly SuccessDefault: "bg-success-default";
+    SuccessDefault = "bg-success-default",
     /** Success alternative background color */
-    readonly SuccessAlternative: "bg-success-alternative";
+    SuccessAlternative = "bg-success-alternative",
     /** Success muted background color */
-    readonly SuccessMuted: "bg-success-muted";
+    SuccessMuted = "bg-success-muted",
     /** Success inverse background color */
-    readonly SuccessInverse: "bg-success-inverse";
+    SuccessInverse = "bg-success-inverse",
     /** Info default background color */
-    readonly InfoDefault: "bg-info-default";
+    InfoDefault = "bg-info-default",
     /** Info muted background color */
-    readonly InfoMuted: "bg-info-muted";
+    InfoMuted = "bg-info-muted",
     /** Info inverse background color */
-    readonly InfoInverse: "bg-info-inverse";
+    InfoInverse = "bg-info-inverse",
     /** Flask default background color */
-    readonly FlaskDefault: "bg-flask-default";
+    FlaskDefault = "bg-flask-default",
     /** Flask inverse background color */
-    readonly FlaskInverse: "bg-flask-inverse";
+    FlaskInverse = "bg-flask-inverse",
     /** Overlay alternative background color */
-    readonly OverlayAlternative: "bg-overlay-alternative";
+    OverlayAlternative = "bg-overlay-alternative",
     /** Overlay default background color */
-    readonly OverlayDefault: "bg-overlay-default";
+    OverlayDefault = "bg-overlay-default",
     /** Overlay inverse background color */
-    readonly OverlayInverse: "bg-overlay-inverse";
+    OverlayInverse = "bg-overlay-inverse",
     /** Transparent background color */
-    readonly Transparent: "bg-transparent";
-};
+    Transparent = "bg-transparent"
+}
 /**
  * Box - borderColor
  */
-export type BoxBorderColor = 'border-background-default' | 'border-default' | 'border-muted' | 'border-primary-default' | 'border-primary-alternative' | 'border-primary-muted' | 'border-primary-inverse' | 'border-error-default' | 'border-error-alternative' | 'border-error-muted' | 'border-error-inverse' | 'border-warning-default' | 'border-warning-alternative' | 'border-warning-muted' | 'border-warning-inverse' | 'border-success-default' | 'border-success-alternative' | 'border-success-muted' | 'border-success-inverse' | 'border-info-default' | 'border-info-alternative' | 'border-info-muted' | 'border-info-inverse' | 'border-flask-default' | 'border-flask-inverse' | 'border-overlay-alternative' | 'border-overlay-default' | 'border-overlay-inverse' | 'border-transparent';
-export declare const BoxBorderColor: {
+export declare enum BoxBorderColor {
     /** Background default for cut out effect */
-    readonly BackgroundDefault: "border-background-default";
+    BackgroundDefault = "border-background-default",
     /** Default border color */
-    readonly BorderDefault: "border-default";
+    BorderDefault = "border-default",
     /** Muted border color */
-    readonly BorderMuted: "border-muted";
+    BorderMuted = "border-muted",
     /** Primary default border color */
-    readonly PrimaryDefault: "border-primary-default";
+    PrimaryDefault = "border-primary-default",
     /** Primary alternative border color */
-    readonly PrimaryAlternative: "border-primary-alternative";
+    PrimaryAlternative = "border-primary-alternative",
     /** Primary muted border color */
-    readonly PrimaryMuted: "border-primary-muted";
+    PrimaryMuted = "border-primary-muted",
     /** Primary inverse border color */
-    readonly PrimaryInverse: "border-primary-inverse";
+    PrimaryInverse = "border-primary-inverse",
     /** Error default border color */
-    readonly ErrorDefault: "border-error-default";
+    ErrorDefault = "border-error-default",
     /** Error alternative border color */
-    readonly ErrorAlternative: "border-error-alternative";
+    ErrorAlternative = "border-error-alternative",
     /** Error muted border color */
-    readonly ErrorMuted: "border-error-muted";
+    ErrorMuted = "border-error-muted",
     /** Error inverse border color */
-    readonly ErrorInverse: "border-error-inverse";
+    ErrorInverse = "border-error-inverse",
     /** Warning default border color */
-    readonly WarningDefault: "border-warning-default";
+    WarningDefault = "border-warning-default",
     /** Warning alternative border color */
-    readonly WarningAlternative: "border-warning-alternative";
+    WarningAlternative = "border-warning-alternative",
     /** Warning muted border color */
-    readonly WarningMuted: "border-warning-muted";
+    WarningMuted = "border-warning-muted",
     /** Warning inverse border color */
-    readonly WarningInverse: "border-warning-inverse";
+    WarningInverse = "border-warning-inverse",
     /** Success default border color */
-    readonly SuccessDefault: "border-success-default";
+    SuccessDefault = "border-success-default",
     /** Success alternative border color */
-    readonly SuccessAlternative: "border-success-alternative";
+    SuccessAlternative = "border-success-alternative",
     /** Success muted border color */
-    readonly SuccessMuted: "border-success-muted";
+    SuccessMuted = "border-success-muted",
     /** Success inverse border color */
-    readonly SuccessInverse: "border-success-inverse";
+    SuccessInverse = "border-success-inverse",
     /** Info default border color */
-    readonly InfoDefault: "border-info-default";
+    InfoDefault = "border-info-default",
     /** Info alternative border color */
-    readonly InfoAlternative: "border-info-alternative";
+    InfoAlternative = "border-info-alternative",
     /** Info muted border color */
-    readonly InfoMuted: "border-info-muted";
+    InfoMuted = "border-info-muted",
     /** Info inverse border color */
-    readonly InfoInverse: "border-info-inverse";
+    InfoInverse = "border-info-inverse",
     /** Flask default border color */
-    readonly FlaskDefault: "border-flask-default";
+    FlaskDefault = "border-flask-default",
     /** Flask inverse border color */
-    readonly FlaskInverse: "border-flask-inverse";
+    FlaskInverse = "border-flask-inverse",
     /** Overlay alternative border color */
-    readonly OverlayAlternative: "border-overlay-alternative";
+    OverlayAlternative = "border-overlay-alternative",
     /** Overlay default border color */
-    readonly OverlayDefault: "border-overlay-default";
+    OverlayDefault = "border-overlay-default",
     /** Overlay inverse border color */
-    readonly OverlayInverse: "border-overlay-inverse";
+    OverlayInverse = "border-overlay-inverse",
     /** Transparent border color */
-    readonly Transparent: "border-transparent";
-};
+    Transparent = "border-transparent"
+}
 /**
  * ButtonBase - size
  */
-export type ButtonBaseSize = 'sm' | 'md' | 'lg';
-export declare const ButtonBaseSize: {
+export declare enum ButtonBaseSize {
     /**
      * Represents a small button size (32px).
      */
-    readonly Sm: "sm";
+    Sm = "sm",
     /**
      * Represents a medium button size (40px).
      */
-    readonly Md: "md";
+    Md = "md",
     /**
      * Represents a large button size (48px).
      */
-    readonly Lg: "lg";
-};
+    Lg = "lg"
+}
 export { ButtonBaseSize as ButtonPrimarySize };
 export { ButtonBaseSize as ButtonSecondarySize };
 export { ButtonBaseSize as ButtonTertiarySize };
@@ -348,239 +308,226 @@ export { ButtonBaseSize as ButtonSize };
 /**
  * Button - variant
  */
-export type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
-export declare const ButtonVariant: {
+export declare enum ButtonVariant {
     /**
      * Primary button variant - used for primary actions
      */
-    readonly Primary: "primary";
+    Primary = "primary",
     /**
      * Secondary button variant - used for secondary actions
      */
-    readonly Secondary: "secondary";
+    Secondary = "secondary",
     /**
      * Tertiary button variant - used for tertiary-like actions
      */
-    readonly Tertiary: "tertiary";
-};
+    Tertiary = "tertiary"
+}
 /**
  * ButtonIcon - size
  */
-export type ButtonIconSize = 'sm' | 'md' | 'lg';
-export declare const ButtonIconSize: {
+export declare enum ButtonIconSize {
     /**
      * Represents a small button size (24px).
      */
-    readonly Sm: "sm";
+    Sm = "sm",
     /**
      * Represents a medium button size (32px).
      */
-    readonly Md: "md";
+    Md = "md",
     /**
      * Represents a large button size (40px).
      */
-    readonly Lg: "lg";
-};
+    Lg = "lg"
+}
 /**
  * Text - variant
  */
-export type TextVariant = 'display-lg' | 'display-md' | 'heading-lg' | 'heading-md' | 'heading-sm' | 'body-lg' | 'body-md' | 'body-sm' | 'body-xs' | 'page-heading' | 'section-heading' | 'button-label-md' | 'button-label-lg' | 'amount-display-lg';
-export declare const TextVariant: {
-    readonly DisplayLg: "display-lg";
-    readonly DisplayMd: "display-md";
-    readonly HeadingLg: "heading-lg";
-    readonly HeadingMd: "heading-md";
-    readonly HeadingSm: "heading-sm";
-    readonly BodyLg: "body-lg";
-    readonly BodyMd: "body-md";
-    readonly BodySm: "body-sm";
-    readonly BodyXs: "body-xs";
-    readonly PageHeading: "page-heading";
-    readonly SectionHeading: "section-heading";
-    readonly ButtonLabelMd: "button-label-md";
-    readonly ButtonLabelLg: "button-label-lg";
-    readonly AmountDisplayLg: "amount-display-lg";
-};
+export declare enum TextVariant {
+    DisplayLg = "display-lg",
+    DisplayMd = "display-md",
+    HeadingLg = "heading-lg",
+    HeadingMd = "heading-md",
+    HeadingSm = "heading-sm",
+    BodyLg = "body-lg",
+    BodyMd = "body-md",
+    BodySm = "body-sm",
+    BodyXs = "body-xs",
+    PageHeading = "page-heading",
+    SectionHeading = "section-heading",
+    ButtonLabelMd = "button-label-md",
+    ButtonLabelLg = "button-label-lg",
+    AmountDisplayLg = "amount-display-lg"
+}
 /**
  * Text - color
  */
-export type TextColor = 'text-default' | 'text-alternative' | 'text-muted' | 'text-overlay-inverse' | 'text-primary-default' | 'text-primary-default-hover' | 'text-primary-default-pressed' | 'text-primary-inverse' | 'text-error-default' | 'text-error-default-hover' | 'text-error-default-pressed' | 'text-error-alternative' | 'text-error-inverse' | 'text-success-default' | 'text-success-default-hover' | 'text-success-default-pressed' | 'text-success-inverse' | 'text-warning-default' | 'text-warning-default-hover' | 'text-warning-default-pressed' | 'text-warning-inverse' | 'text-info-default' | 'text-info-inverse' | 'text-inherit' | 'text-transparent';
-export declare const TextColor: {
+export declare enum TextColor {
     /** For default neutral text. */
-    readonly TextDefault: "text-default";
+    TextDefault = "text-default",
     /** For softer contrast neutral text */
-    readonly TextAlternative: "text-alternative";
+    TextAlternative = "text-alternative",
     /** For the softest contrast neutral text (not accessible) */
-    readonly TextMuted: "text-muted";
+    TextMuted = "text-muted",
     /** For elements used on top of overlay/alternative. Used for text, icon or border */
-    readonly OverlayInverse: "text-overlay-inverse";
+    OverlayInverse = "text-overlay-inverse",
     /** For interactive, active, and selected semantics. Used for text, background, icon or border */
-    readonly PrimaryDefault: "text-primary-default";
+    PrimaryDefault = "text-primary-default",
     /** For primary text in a hover state. */
-    readonly PrimaryDefaultHover: "text-primary-default-hover";
+    PrimaryDefaultHover = "text-primary-default-hover",
     /** For primary text in a pressed state. */
-    readonly PrimaryDefaultPressed: "text-primary-default-pressed";
+    PrimaryDefaultPressed = "text-primary-default-pressed",
     /** For elements used on top of primary/default. Used for text, icon or border */
-    readonly PrimaryInverse: "text-primary-inverse";
+    PrimaryInverse = "text-primary-inverse",
     /** For the critical alert semantic elements. Used for text, background, icon or border */
-    readonly ErrorDefault: "text-error-default";
+    ErrorDefault = "text-error-default",
     /** For critical alert text in a hover state. */
-    readonly ErrorDefaultHover: "text-error-default-hover";
+    ErrorDefaultHover = "text-error-default-hover",
     /** For critical alert text in a pressed state. */
-    readonly ErrorDefaultPressed: "text-error-default-pressed";
+    ErrorDefaultPressed = "text-error-default-pressed",
     /** For the stronger contrast error semantic elements. */
-    readonly ErrorAlternative: "text-error-alternative";
+    ErrorAlternative = "text-error-alternative",
     /** For elements used on top of error/default. Used for text, icon or border */
-    readonly ErrorInverse: "text-error-inverse";
+    ErrorInverse = "text-error-inverse",
     /** For the positive semantic elements. Used for text, background, icon or border */
-    readonly SuccessDefault: "text-success-default";
+    SuccessDefault = "text-success-default",
     /** For positive text in a hover state. */
-    readonly SuccessDefaultHover: "text-success-default-hover";
+    SuccessDefaultHover = "text-success-default-hover",
     /** For positive text in a pressed state. */
-    readonly SuccessDefaultPressed: "text-success-default-pressed";
+    SuccessDefaultPressed = "text-success-default-pressed",
     /** For elements used on top of success/default. Used for text, icon or border */
-    readonly SuccessInverse: "text-success-inverse";
+    SuccessInverse = "text-success-inverse",
     /** For the caution alert semantic elements. Used for text, background, icon or border */
-    readonly WarningDefault: "text-warning-default";
+    WarningDefault = "text-warning-default",
     /** For caution text in a hover state. */
-    readonly WarningDefaultHover: "text-warning-default-hover";
+    WarningDefaultHover = "text-warning-default-hover",
     /** For caution text in a pressed state. */
-    readonly WarningDefaultPressed: "text-warning-default-pressed";
+    WarningDefaultPressed = "text-warning-default-pressed",
     /** For elements used on top of warning/default. Used for text, icon or border */
-    readonly WarningInverse: "text-warning-inverse";
+    WarningInverse = "text-warning-inverse",
     /** For informational read-only elements. Used for text, background, icon or border */
-    readonly InfoDefault: "text-info-default";
+    InfoDefault = "text-info-default",
     /** For elements used on top of info/default. Used for text, icon or border */
-    readonly InfoInverse: "text-info-inverse";
+    InfoInverse = "text-info-inverse",
     /** Inherit the color of the parent element */
-    readonly Inherit: "text-inherit";
+    Inherit = "text-inherit",
     /** Make the text color transparent */
-    readonly Transparent: "text-transparent";
-};
+    Transparent = "text-transparent"
+}
 /**
  * Text - textAlign
  */
-export type TextAlign = 'text-left' | 'text-center' | 'text-right' | 'text-justify';
-export declare const TextAlign: {
-    readonly Left: "text-left";
-    readonly Center: "text-center";
-    readonly Right: "text-right";
-    readonly Justify: "text-justify";
-};
+export declare enum TextAlign {
+    Left = "text-left",
+    Center = "text-center",
+    Right = "text-right",
+    Justify = "text-justify"
+}
 /**
  * Text - fontWeight
  */
-export type FontWeight = 'font-bold' | 'font-medium' | 'font-regular';
-export declare const FontWeight: {
+export declare enum FontWeight {
     /**
      * Weight - 700
      */
-    readonly Bold: "font-bold";
+    Bold = "font-bold",
     /**
      * Weight - 500
      */
-    readonly Medium: "font-medium";
+    Medium = "font-medium",
     /**
      * Weight - 400
      */
-    readonly Regular: "font-regular";
-};
+    Regular = "font-regular"
+}
 /**
  * Text - overflowWrap
  */
-export type OverflowWrap = 'break-words' | 'break-all' | 'break-normal';
-export declare const OverflowWrap: {
-    readonly BreakWord: "break-words";
-    readonly Anywhere: "break-all";
-    readonly Normal: "break-normal";
-};
+export declare enum OverflowWrap {
+    BreakWord = "break-words",
+    Anywhere = "break-all",
+    Normal = "break-normal"
+}
 /**
  * Text - fontStyle
  */
-export type FontStyle = 'italic' | 'not-italic';
-export declare const FontStyle: {
-    readonly Italic: "italic";
-    readonly Normal: "not-italic";
-};
+export declare enum FontStyle {
+    Italic = "italic",
+    Normal = "not-italic"
+}
 /**
  * Text - textTransform
  */
-export type TextTransform = 'uppercase' | 'lowercase' | 'capitalize' | 'normal-case';
-export declare const TextTransform: {
-    readonly Uppercase: "uppercase";
-    readonly Lowercase: "lowercase";
-    readonly Capitalize: "capitalize";
-    readonly Normal: "normal-case";
-};
+export declare enum TextTransform {
+    Uppercase = "uppercase",
+    Lowercase = "lowercase",
+    Capitalize = "capitalize",
+    Normal = "normal-case"
+}
 /**
  * Text - fontFamily
  */
-export type FontFamily = 'font-default' | 'font-accent' | 'font-hero';
-export declare const FontFamily: {
-    readonly Default: "font-default";
-    readonly Accent: "font-accent";
-    readonly Hero: "font-hero";
-};
+export declare enum FontFamily {
+    Default = "font-default",
+    Accent = "font-accent",
+    Hero = "font-hero"
+}
 /**
  * TextButton - size
  */
-export type TextButtonSize = 'body-lg' | 'body-md' | 'body-sm' | 'body-xs';
-export declare const TextButtonSize: {
-    readonly BodyLg: "body-lg";
-    readonly BodyMd: "body-md";
-    readonly BodySm: "body-sm";
-    readonly BodyXs: "body-xs";
-};
+export declare enum TextButtonSize {
+    BodyLg = "body-lg",
+    BodyMd = "body-md",
+    BodySm = "body-sm",
+    BodyXs = "body-xs"
+}
 /**
  * Icon - size
  */
-export type IconSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-export declare const IconSize: {
+export declare enum IconSize {
     /** Extra small - 12px */
-    readonly Xs: "xs";
+    Xs = "xs",
     /** Small - 16px */
-    readonly Sm: "sm";
+    Sm = "sm",
     /** Medium - 20px (Default) */
-    readonly Md: "md";
+    Md = "md",
     /** Large - 24px */
-    readonly Lg: "lg";
+    Lg = "lg",
     /** Extra large - 32px */
-    readonly Xl: "xl";
-};
+    Xl = "xl"
+}
 /**
  * Icon - color
  */
-export type IconColor = 'text-icon-default' | 'text-icon-alternative' | 'text-icon-muted' | 'text-overlay-inverse' | 'text-primary-default' | 'text-primary-inverse' | 'text-error-default' | 'text-error-inverse' | 'text-success-default' | 'text-success-inverse' | 'text-warning-default' | 'text-warning-inverse' | 'text-info-default' | 'text-info-inverse';
-export declare const IconColor: {
+export declare enum IconColor {
     /** For default neutral icons */
-    readonly IconDefault: "text-icon-default";
+    IconDefault = "text-icon-default",
     /** For softer neutral icons */
-    readonly IconAlternative: "text-icon-alternative";
+    IconAlternative = "text-icon-alternative",
     /** For the weakest contrast neutral icons (not accessible) */
-    readonly IconMuted: "text-icon-muted";
+    IconMuted = "text-icon-muted",
     /** For elements used on top of overlay/alternative. Used for text, icon or border */
-    readonly OverlayInverse: "text-overlay-inverse";
+    OverlayInverse = "text-overlay-inverse",
     /** For interactive, active, and selected semantics. Used for text, background, icon or border */
-    readonly PrimaryDefault: "text-primary-default";
+    PrimaryDefault = "text-primary-default",
     /** For elements used on top of primary/default. Used for text, icon or border */
-    readonly PrimaryInverse: "text-primary-inverse";
+    PrimaryInverse = "text-primary-inverse",
     /** For the critical alert semantic elements. Used for text, background, icon or border */
-    readonly ErrorDefault: "text-error-default";
+    ErrorDefault = "text-error-default",
     /** For elements used on top of error/default. Used for text, icon or border */
-    readonly ErrorInverse: "text-error-inverse";
+    ErrorInverse = "text-error-inverse",
     /** For the positive semantic elements. Used for text, background, icon or border */
-    readonly SuccessDefault: "text-success-default";
+    SuccessDefault = "text-success-default",
     /** For elements used on top of success/default. Used for text, icon or border */
-    readonly SuccessInverse: "text-success-inverse";
+    SuccessInverse = "text-success-inverse",
     /** For the caution alert semantic elements. Used for text, background, icon or border */
-    readonly WarningDefault: "text-warning-default";
+    WarningDefault = "text-warning-default",
     /** For elements used on top of warning/default. Used for text, icon or border */
-    readonly WarningInverse: "text-warning-inverse";
+    WarningInverse = "text-warning-inverse",
     /** For informational read-only elements. Used for text, background, icon or border */
-    readonly InfoDefault: "text-info-default";
+    InfoDefault = "text-info-default",
     /** For elements used on top of info/default. Used for text, icon or border */
-    readonly InfoInverse: "text-info-inverse";
-};
+    InfoInverse = "text-info-inverse"
+}
 /**
  * Autogenerated from the generate-icon-script.ts script.
  * Please do not edit this enum directly.
@@ -764,6 +711,7 @@ export declare enum IconName {
     Plug = "Plug",
     PlusAndMinus = "PlusAndMinus",
     PolicyAlert = "PolicyAlert",
+    PopUp = "PopUp",
     Print = "Print",
     PriorityHigh = "PriorityHigh",
     PrivacyTip = "PrivacyTip",
@@ -804,6 +752,7 @@ export declare enum IconName {
     ShieldLock = "ShieldLock",
     ShoppingBag = "ShoppingBag",
     ShoppingCart = "ShoppingCart",
+    SidePanel = "SidePanel",
     SignalCellular = "SignalCellular",
     Slash = "Slash",
     Sms = "Sms",