@metamask-previews/design-system-react 0.5.0-preview.c47bb52 → 0.6.1-preview.ab80aae

package/dist/types/index.d.cts

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