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

package/dist/types/index.mjs

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