@metamask-previews/design-system-react-native 0.19.0-preview.1679aa9 → 0.24.0-preview.178e60f

package/dist/types/index.mjs

@@ -1,614 +1,8 @@
 export { AvatarBaseSize, AvatarBaseShape } from "@metamask-previews/design-system-shared";
-export { AvatarBaseSize as AvatarGroupSize } from "@metamask-previews/design-system-shared";
-export { AvatarBaseSize as AvatarIconSize } from "@metamask-previews/design-system-shared";
-export { AvatarBaseSize as AvatarNetworkSize } from "@metamask-previews/design-system-shared";
-export { AvatarBaseSize as AvatarSize } from "@metamask-previews/design-system-shared";
-/**
- * AvatarGroup - variant
- */
-export var AvatarGroupVariant;
-(function (AvatarGroupVariant) {
-    AvatarGroupVariant["Account"] = "account";
-    AvatarGroupVariant["Favicon"] = "favicon";
-    AvatarGroupVariant["Network"] = "network";
-    AvatarGroupVariant["Token"] = "token";
-})(AvatarGroupVariant || (AvatarGroupVariant = {}));
-/**
- * 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 = {}));
-/**
- * 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) {
-    /** Default background color */
-    BoxBackgroundColor["BackgroundDefault"] = "bg-default";
-    /** Alternative background color */
-    BoxBackgroundColor["BackgroundAlternative"] = "bg-alternative";
-    /** Section background color */
-    BoxBackgroundColor["BackgroundSection"] = "bg-section";
-    /** Subsection background color */
-    BoxBackgroundColor["BackgroundSubsection"] = "bg-subsection";
-    /** Muted background color */
-    BoxBackgroundColor["BackgroundMuted"] = "bg-muted";
-    /** Primary default background color */
-    BoxBackgroundColor["PrimaryDefault"] = "bg-primary-default";
-    /** Primary alternative background color */
-    BoxBackgroundColor["PrimaryAlternative"] = "bg-primary-alternative";
-    /** Primary muted background color */
-    BoxBackgroundColor["PrimaryMuted"] = "bg-primary-muted";
-    /** Primary inverse background color */
-    BoxBackgroundColor["PrimaryInverse"] = "bg-primary-inverse";
-    /** Error default background color */
-    BoxBackgroundColor["ErrorDefault"] = "bg-error-default";
-    /** Error alternative background color */
-    BoxBackgroundColor["ErrorAlternative"] = "bg-error-alternative";
-    /** Error muted background color */
-    BoxBackgroundColor["ErrorMuted"] = "bg-error-muted";
-    /** Error inverse background color */
-    BoxBackgroundColor["ErrorInverse"] = "bg-error-inverse";
-    /** Warning default background color */
-    BoxBackgroundColor["WarningDefault"] = "bg-warning-default";
-    /** Warning alternative background color */
-    BoxBackgroundColor["WarningAlternative"] = "bg-warning-alternative";
-    /** Warning muted background color */
-    BoxBackgroundColor["WarningMuted"] = "bg-warning-muted";
-    /** Warning inverse background color */
-    BoxBackgroundColor["WarningInverse"] = "bg-warning-inverse";
-    /** Success default background color */
-    BoxBackgroundColor["SuccessDefault"] = "bg-success-default";
-    /** Success alternative background color */
-    BoxBackgroundColor["SuccessAlternative"] = "bg-success-alternative";
-    /** Success muted background color */
-    BoxBackgroundColor["SuccessMuted"] = "bg-success-muted";
-    /** Success inverse background color */
-    BoxBackgroundColor["SuccessInverse"] = "bg-success-inverse";
-    /** Info default background color */
-    BoxBackgroundColor["InfoDefault"] = "bg-info-default";
-    /** Info muted background color */
-    BoxBackgroundColor["InfoMuted"] = "bg-info-muted";
-    /** Info inverse background color */
-    BoxBackgroundColor["InfoInverse"] = "bg-info-inverse";
-    /** Flask default background color */
-    BoxBackgroundColor["FlaskDefault"] = "bg-flask-default";
-    /** Flask inverse background color */
-    BoxBackgroundColor["FlaskInverse"] = "bg-flask-inverse";
-    /** Overlay alternative background color */
-    BoxBackgroundColor["OverlayAlternative"] = "bg-overlay-alternative";
-    /** Overlay default background color */
-    BoxBackgroundColor["OverlayDefault"] = "bg-overlay-default";
-    /** Overlay inverse background color */
-    BoxBackgroundColor["OverlayInverse"] = "bg-overlay-inverse";
-    /** Transparent background color */
-    BoxBackgroundColor["Transparent"] = "bg-transparent";
-})(BoxBackgroundColor || (BoxBackgroundColor = {}));
 /**
- * Box - borderColor
+ * TODO: Remove the following exports and update imports in components to import directly from `@metamask-previews/design-system-shared` once all components have been migrated to React Native.
  */
-export var BoxBorderColor;
-(function (BoxBorderColor) {
-    /** Background default for cut out effect*/
-    BoxBorderColor["BackgroundDefault"] = "border-background-default";
-    /** Default border color */
-    BoxBorderColor["BorderDefault"] = "border-default";
-    /** Muted border color */
-    BoxBorderColor["BorderMuted"] = "border-muted";
-    /** Primary default border color */
-    BoxBorderColor["PrimaryDefault"] = "border-primary-default";
-    /** Primary alternative border color */
-    BoxBorderColor["PrimaryAlternative"] = "border-primary-alternative";
-    /** Primary muted border color */
-    BoxBorderColor["PrimaryMuted"] = "border-primary-muted";
-    /** Primary inverse border color */
-    BoxBorderColor["PrimaryInverse"] = "border-primary-inverse";
-    /** Error default border color */
-    BoxBorderColor["ErrorDefault"] = "border-error-default";
-    /** Error alternative border color */
-    BoxBorderColor["ErrorAlternative"] = "border-error-alternative";
-    /** Error muted border color */
-    BoxBorderColor["ErrorMuted"] = "border-error-muted";
-    /** Error inverse border color */
-    BoxBorderColor["ErrorInverse"] = "border-error-inverse";
-    /** Warning default border color */
-    BoxBorderColor["WarningDefault"] = "border-warning-default";
-    /** Warning alternative border color */
-    BoxBorderColor["WarningAlternative"] = "border-warning-alternative";
-    /** Warning muted border color */
-    BoxBorderColor["WarningMuted"] = "border-warning-muted";
-    /** Warning inverse border color */
-    BoxBorderColor["WarningInverse"] = "border-warning-inverse";
-    /** Success default border color */
-    BoxBorderColor["SuccessDefault"] = "border-success-default";
-    /** Success alternative border color */
-    BoxBorderColor["SuccessAlternative"] = "border-success-alternative";
-    /** Success muted border color */
-    BoxBorderColor["SuccessMuted"] = "border-success-muted";
-    /** Success inverse border color */
-    BoxBorderColor["SuccessInverse"] = "border-success-inverse";
-    /** Info default border color */
-    BoxBorderColor["InfoDefault"] = "border-info-default";
-    /** Info alternative border color */
-    BoxBorderColor["InfoAlternative"] = "border-info-alternative";
-    /** Info muted border color */
-    BoxBorderColor["InfoMuted"] = "border-info-muted";
-    /** Info inverse border color */
-    BoxBorderColor["InfoInverse"] = "border-info-inverse";
-    /** Flask default border color */
-    BoxBorderColor["FlaskDefault"] = "border-flask-default";
-    /** Flask inverse border color */
-    BoxBorderColor["FlaskInverse"] = "border-flask-inverse";
-    /** Overlay alternative border color */
-    BoxBorderColor["OverlayAlternative"] = "border-overlay-alternative";
-    /** Overlay default border color */
-    BoxBorderColor["OverlayDefault"] = "border-overlay-default";
-    /** Overlay inverse border color */
-    BoxBorderColor["OverlayInverse"] = "border-overlay-inverse";
-    /** Transparent border color */
-    BoxBorderColor["Transparent"] = "border-transparent";
-})(BoxBorderColor || (BoxBorderColor = {}));
-/**
- * ButtonBase - size
- */
-export var ButtonBaseSize;
-(function (ButtonBaseSize) {
-    /**
-     * Represents a small button size (32px).
-     */
-    ButtonBaseSize["Sm"] = "sm";
-    /**
-     * Represents a medium button size (40px).
-     */
-    ButtonBaseSize["Md"] = "md";
-    /**
-     * Represents a large button size (48px).
-     */
-    ButtonBaseSize["Lg"] = "lg";
-})(ButtonBaseSize || (ButtonBaseSize = {}));
-export { ButtonBaseSize as ButtonSize };
-export { ButtonBaseSize as ButtonPrimarySize };
-export { ButtonBaseSize as ButtonSecondarySize };
-export { ButtonBaseSize as ButtonTertiarySize };
-export { ButtonBaseSize as ButtonHeroSize };
-/**
- * Button - variant
- */
-export var ButtonVariant;
-(function (ButtonVariant) {
-    ButtonVariant["Primary"] = "primary";
-    ButtonVariant["Secondary"] = "secondary";
-    ButtonVariant["Tertiary"] = "tertiary";
-})(ButtonVariant || (ButtonVariant = {}));
-/**
- * ButtonIcon - size
- */
-export var ButtonIconSize;
-(function (ButtonIconSize) {
-    /**
-     * Represents a small button size (24px).
-     */
-    ButtonIconSize["Sm"] = "sm";
-    /**
-     * Represents a medium button size (32px).
-     */
-    ButtonIconSize["Md"] = "md";
-    /**
-     * Represents a large button size (40px).
-     */
-    ButtonIconSize["Lg"] = "lg";
-})(ButtonIconSize || (ButtonIconSize = {}));
-/**
- * ButtonIcon - variant
- */
-export var ButtonIconVariant;
-(function (ButtonIconVariant) {
-    ButtonIconVariant["Default"] = "default";
-    ButtonIconVariant["Filled"] = "filled";
-    ButtonIconVariant["Floating"] = "floating";
-})(ButtonIconVariant || (ButtonIconVariant = {}));
-/**
- * Icon - color
- */
-export var IconColor;
-(function (IconColor) {
-    /** For default neutral icons */
-    IconColor["IconDefault"] = "text-icon-default";
-    /** For softer neutral icons */
-    IconColor["IconAlternative"] = "text-icon-alternative";
-    /** For the weakest contrast neutral icons (not accessible) */
-    IconColor["IconMuted"] = "text-icon-muted";
-    /** For elements used on top of overlay/alternative. Used for text, icon, or border */
-    IconColor["OverlayInverse"] = "text-overlay-inverse";
-    /** For interactive, active, and selected semantics. Used for text, background, icon, or border */
-    IconColor["PrimaryDefault"] = "text-primary-default";
-    /** For softer variants of primary interactive elements */
-    IconColor["PrimaryAlternative"] = "text-primary-alternative";
-    /** For elements used on top of primary/default. Used for text, icon, or border */
-    IconColor["PrimaryInverse"] = "text-primary-inverse";
-    /** For primary interactive elements in a pressed state */
-    IconColor["PrimaryDefaultPressed"] = "text-primary-default-pressed";
-    /** For critical alert semantic elements. Used for text, background, icon, or border */
-    IconColor["ErrorDefault"] = "text-error-default";
-    /** For softer variants of error elements */
-    IconColor["ErrorAlternative"] = "text-error-alternative";
-    /** For elements used on top of error/default. Used for text, icon, or border */
-    IconColor["ErrorInverse"] = "text-error-inverse";
-    /** For critical alert semantic elements in a pressed state */
-    IconColor["ErrorDefaultPressed"] = "text-error-default-pressed";
-    /** For caution alert semantic elements. Used for text, background, icon, or border */
-    IconColor["WarningDefault"] = "text-warning-default";
-    /** For elements used on top of warning/default. Used for text, icon, or border */
-    IconColor["WarningInverse"] = "text-warning-inverse";
-    /** For caution alert semantic elements in a pressed state */
-    IconColor["WarningDefaultPressed"] = "text-warning-default-pressed";
-    /** For positive semantic elements. Used for text, background, icon, or border */
-    IconColor["SuccessDefault"] = "text-success-default";
-    /** For elements used on top of success/default. Used for text, icon, or border */
-    IconColor["SuccessInverse"] = "text-success-inverse";
-    /** For positive semantic elements in a pressed state */
-    IconColor["SuccessDefaultPressed"] = "text-success-default-pressed";
-    /** For informational read-only elements. Used for text, background, icon, or border */
-    IconColor["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 = {}));
-/**
- * Icon - size
- */
-export var IconSize;
-(function (IconSize) {
-    /** Extra small - 12px */
-    IconSize["Xs"] = "xs";
-    /** Small - 16px */
-    IconSize["Sm"] = "sm";
-    /** Medium - 20px (Default) */
-    IconSize["Md"] = "md";
-    /** Large - 24px */
-    IconSize["Lg"] = "lg";
-    /** Extra large - 32px */
-    IconSize["Xl"] = "xl";
-})(IconSize || (IconSize = {}));
-// /////////////////////////////////////////////////////
-// This is generated code - Manually add types above
-// DO NOT EDIT - Use generate-assets.js
-// /////////////////////////////////////////////////////
-/**
- * Icon - name
- */
-/* eslint-disable @typescript-eslint/no-shadow */
-export var IconName;
-(function (IconName) {
-    IconName["Accessibility"] = "Accessibility";
-    IconName["Activity"] = "Activity";
-    IconName["AddCard"] = "AddCard";
-    IconName["AddCircle"] = "AddCircle";
-    IconName["AddSquare"] = "AddSquare";
-    IconName["Add"] = "Add";
-    IconName["AfterHours"] = "AfterHours";
-    IconName["Ai"] = "Ai";
-    IconName["AlternateEmail"] = "AlternateEmail";
-    IconName["AppleLogo"] = "AppleLogo";
-    IconName["Apps"] = "Apps";
-    IconName["Arrow2Down"] = "Arrow2Down";
-    IconName["Arrow2Left"] = "Arrow2Left";
-    IconName["Arrow2Right"] = "Arrow2Right";
-    IconName["Arrow2UpRight"] = "Arrow2UpRight";
-    IconName["Arrow2Up"] = "Arrow2Up";
-    IconName["ArrowCircleDown"] = "ArrowCircleDown";
-    IconName["ArrowCircleUp"] = "ArrowCircleUp";
-    IconName["ArrowDoubleLeft"] = "ArrowDoubleLeft";
-    IconName["ArrowDoubleRight"] = "ArrowDoubleRight";
-    IconName["ArrowDown"] = "ArrowDown";
-    IconName["ArrowDropDownCircle"] = "ArrowDropDownCircle";
-    IconName["ArrowLeft"] = "ArrowLeft";
-    IconName["ArrowRight"] = "ArrowRight";
-    IconName["ArrowUp"] = "ArrowUp";
-    IconName["AttachMoney"] = "AttachMoney";
-    IconName["Attachment"] = "Attachment";
-    IconName["Backspace"] = "Backspace";
-    IconName["Ban"] = "Ban";
-    IconName["BankAssured"] = "BankAssured";
-    IconName["Bank"] = "Bank";
-    IconName["Bold"] = "Bold";
-    IconName["Book"] = "Book";
-    IconName["Bookmark"] = "Bookmark";
-    IconName["Bridge"] = "Bridge";
-    IconName["Briefcase"] = "Briefcase";
-    IconName["Bulb"] = "Bulb";
-    IconName["BuySell"] = "BuySell";
-    IconName["Cake"] = "Cake";
-    IconName["Calculator"] = "Calculator";
-    IconName["Calendar"] = "Calendar";
-    IconName["Call"] = "Call";
-    IconName["Camera"] = "Camera";
-    IconName["Campaign"] = "Campaign";
-    IconName["Candlestick"] = "Candlestick";
-    IconName["CardPos"] = "CardPos";
-    IconName["Card"] = "Card";
-    IconName["Cash"] = "Cash";
-    IconName["Category"] = "Category";
-    IconName["Chart"] = "Chart";
-    IconName["CheckBold"] = "CheckBold";
-    IconName["Check"] = "Check";
-    IconName["CircleX"] = "CircleX";
-    IconName["Clear"] = "Clear";
-    IconName["ClockFilled"] = "ClockFilled";
-    IconName["Clock"] = "Clock";
-    IconName["Close"] = "Close";
-    IconName["CloudDownload"] = "CloudDownload";
-    IconName["CloudUpload"] = "CloudUpload";
-    IconName["Cloud"] = "Cloud";
-    IconName["CodeCircle"] = "CodeCircle";
-    IconName["Code"] = "Code";
-    IconName["Coin"] = "Coin";
-    IconName["Collapse"] = "Collapse";
-    IconName["Confirmation"] = "Confirmation";
-    IconName["Connect"] = "Connect";
-    IconName["CopySuccess"] = "CopySuccess";
-    IconName["Copy"] = "Copy";
-    IconName["CorporateFare"] = "CorporateFare";
-    IconName["CreditCheck"] = "CreditCheck";
-    IconName["CurrencyFranc"] = "CurrencyFranc";
-    IconName["CurrencyLira"] = "CurrencyLira";
-    IconName["CurrencyPound"] = "CurrencyPound";
-    IconName["CurrencyYuan"] = "CurrencyYuan";
-    IconName["Customize"] = "Customize";
-    IconName["Danger"] = "Danger";
-    IconName["DarkFilled"] = "DarkFilled";
-    IconName["Dark"] = "Dark";
-    IconName["Data"] = "Data";
-    IconName["Description"] = "Description";
-    IconName["Details"] = "Details";
-    IconName["Diagram"] = "Diagram";
-    IconName["DocumentCode"] = "DocumentCode";
-    IconName["Download"] = "Download";
-    IconName["Draft"] = "Draft";
-    IconName["EcoLeaf"] = "EcoLeaf";
-    IconName["EditSquare"] = "EditSquare";
-    IconName["Edit"] = "Edit";
-    IconName["EncryptedAdd"] = "EncryptedAdd";
-    IconName["Eraser"] = "Eraser";
-    IconName["Error"] = "Error";
-    IconName["Ethereum"] = "Ethereum";
-    IconName["Exchange"] = "Exchange";
-    IconName["ExpandVertical"] = "ExpandVertical";
-    IconName["Expand"] = "Expand";
-    IconName["ExploreFilled"] = "ExploreFilled";
-    IconName["Explore"] = "Explore";
-    IconName["Export"] = "Export";
-    IconName["Extension"] = "Extension";
-    IconName["EyeSlash"] = "EyeSlash";
-    IconName["Eye"] = "Eye";
-    IconName["FaceId"] = "FaceId";
-    IconName["Feedback"] = "Feedback";
-    IconName["File"] = "File";
-    IconName["Filter"] = "Filter";
-    IconName["Fingerprint"] = "Fingerprint";
-    IconName["Fire"] = "Fire";
-    IconName["FirstPage"] = "FirstPage";
-    IconName["Flag"] = "Flag";
-    IconName["FlashSlash"] = "FlashSlash";
-    IconName["Flash"] = "Flash";
-    IconName["Flask"] = "Flask";
-    IconName["Flower"] = "Flower";
-    IconName["Folder"] = "Folder";
-    IconName["Forest"] = "Forest";
-    IconName["FullCircle"] = "FullCircle";
-    IconName["Gas"] = "Gas";
-    IconName["Gift"] = "Gift";
-    IconName["GlobalSearch"] = "GlobalSearch";
-    IconName["Global"] = "Global";
-    IconName["Graph"] = "Graph";
-    IconName["Hardware"] = "Hardware";
-    IconName["HashTag"] = "HashTag";
-    IconName["HeartFilled"] = "HeartFilled";
-    IconName["Heart"] = "Heart";
-    IconName["Hierarchy"] = "Hierarchy";
-    IconName["HomeFilled"] = "HomeFilled";
-    IconName["Home"] = "Home";
-    IconName["Image"] = "Image";
-    IconName["Info"] = "Info";
-    IconName["Inventory"] = "Inventory";
-    IconName["Joystick"] = "Joystick";
-    IconName["KeepFilled"] = "KeepFilled";
-    IconName["Keep"] = "Keep";
-    IconName["Key"] = "Key";
-    IconName["LastPage"] = "LastPage";
-    IconName["LightFilled"] = "LightFilled";
-    IconName["Light"] = "Light";
-    IconName["Link"] = "Link";
-    IconName["Loading"] = "Loading";
-    IconName["Location"] = "Location";
-    IconName["LockSlash"] = "LockSlash";
-    IconName["Lock"] = "Lock";
-    IconName["LockedFilled"] = "LockedFilled";
-    IconName["Login"] = "Login";
-    IconName["Logout"] = "Logout";
-    IconName["Mail"] = "Mail";
-    IconName["Map"] = "Map";
-    IconName["Menu"] = "Menu";
-    IconName["MessageQuestion"] = "MessageQuestion";
-    IconName["Messages"] = "Messages";
-    IconName["MetamaskFoxOutline"] = "MetamaskFoxOutline";
-    IconName["Mic"] = "Mic";
-    IconName["MinusBold"] = "MinusBold";
-    IconName["MinusSquare"] = "MinusSquare";
-    IconName["Minus"] = "Minus";
-    IconName["Mobile"] = "Mobile";
-    IconName["MoneyBag"] = "MoneyBag";
-    IconName["Money"] = "Money";
-    IconName["Monitor"] = "Monitor";
-    IconName["MoreHorizontal"] = "MoreHorizontal";
-    IconName["MoreVertical"] = "MoreVertical";
-    IconName["MountainFlag"] = "MountainFlag";
-    IconName["MusicNote"] = "MusicNote";
-    IconName["NoPhotography"] = "NoPhotography";
-    IconName["Notification"] = "Notification";
-    IconName["PageInfo"] = "PageInfo";
-    IconName["Palette"] = "Palette";
-    IconName["PasswordCheck"] = "PasswordCheck";
-    IconName["Pending"] = "Pending";
-    IconName["People"] = "People";
-    IconName["PersonCancel"] = "PersonCancel";
-    IconName["Pin"] = "Pin";
-    IconName["Plant"] = "Plant";
-    IconName["Plug"] = "Plug";
-    IconName["PlusAndMinus"] = "PlusAndMinus";
-    IconName["PolicyAlert"] = "PolicyAlert";
-    IconName["PopUp"] = "PopUp";
-    IconName["Print"] = "Print";
-    IconName["PriorityHigh"] = "PriorityHigh";
-    IconName["PrivacyTip"] = "PrivacyTip";
-    IconName["ProgrammingArrows"] = "ProgrammingArrows";
-    IconName["Publish"] = "Publish";
-    IconName["QrCode"] = "QrCode";
-    IconName["Question"] = "Question";
-    IconName["Receive"] = "Receive";
-    IconName["Received"] = "Received";
-    IconName["Refresh"] = "Refresh";
-    IconName["RemoveMinus"] = "RemoveMinus";
-    IconName["Report"] = "Report";
-    IconName["Rocket"] = "Rocket";
-    IconName["SaveFilled"] = "SaveFilled";
-    IconName["Save"] = "Save";
-    IconName["Saving"] = "Saving";
-    IconName["ScanBarcode"] = "ScanBarcode";
-    IconName["ScanFocus"] = "ScanFocus";
-    IconName["Scan"] = "Scan";
-    IconName["Search"] = "Search";
-    IconName["SecurityAlert"] = "SecurityAlert";
-    IconName["SecurityCross"] = "SecurityCross";
-    IconName["SecurityKey"] = "SecurityKey";
-    IconName["SecuritySearch"] = "SecuritySearch";
-    IconName["SecuritySlash"] = "SecuritySlash";
-    IconName["SecurityTick"] = "SecurityTick";
-    IconName["SecurityTime"] = "SecurityTime";
-    IconName["SecurityUser"] = "SecurityUser";
-    IconName["Security"] = "Security";
-    IconName["Send"] = "Send";
-    IconName["SentimentDissatisfied"] = "SentimentDissatisfied";
-    IconName["SentimentNeutral"] = "SentimentNeutral";
-    IconName["SentimentSatisfied"] = "SentimentSatisfied";
-    IconName["SentimentVerySatisfied"] = "SentimentVerySatisfied";
-    IconName["SettingFilled"] = "SettingFilled";
-    IconName["Setting"] = "Setting";
-    IconName["Share"] = "Share";
-    IconName["ShieldLock"] = "ShieldLock";
-    IconName["ShoppingBag"] = "ShoppingBag";
-    IconName["ShoppingCart"] = "ShoppingCart";
-    IconName["SidePanel"] = "SidePanel";
-    IconName["SignalCellular"] = "SignalCellular";
-    IconName["Slash"] = "Slash";
-    IconName["Sms"] = "Sms";
-    IconName["SnapsMobile"] = "SnapsMobile";
-    IconName["SnapsPlus"] = "SnapsPlus";
-    IconName["SnapsRound"] = "SnapsRound";
-    IconName["Snaps"] = "Snaps";
-    IconName["SortByAlpha"] = "SortByAlpha";
-    IconName["Sort"] = "Sort";
-    IconName["Sparkle"] = "Sparkle";
-    IconName["Speed"] = "Speed";
-    IconName["Speedometer"] = "Speedometer";
-    IconName["Square"] = "Square";
-    IconName["Stake"] = "Stake";
-    IconName["StarFilled"] = "StarFilled";
-    IconName["Star"] = "Star";
-    IconName["Start"] = "Start";
-    IconName["Storefront"] = "Storefront";
-    IconName["Student"] = "Student";
-    IconName["SwapHorizontal"] = "SwapHorizontal";
-    IconName["SwapVertical"] = "SwapVertical";
-    IconName["TabClose"] = "TabClose";
-    IconName["TableRow"] = "TableRow";
-    IconName["Tablet"] = "Tablet";
-    IconName["Tag"] = "Tag";
-    IconName["ThumbDownFilled"] = "ThumbDownFilled";
-    IconName["ThumbDown"] = "ThumbDown";
-    IconName["ThumbUpFilled"] = "ThumbUpFilled";
-    IconName["ThumbUp"] = "ThumbUp";
-    IconName["Tint"] = "Tint";
-    IconName["Tooltip"] = "Tooltip";
-    IconName["Translate"] = "Translate";
-    IconName["Trash"] = "Trash";
-    IconName["TrendDown"] = "TrendDown";
-    IconName["TrendUp"] = "TrendUp";
-    IconName["Undo"] = "Undo";
-    IconName["Unfold"] = "Unfold";
-    IconName["UnlockedFilled"] = "UnlockedFilled";
-    IconName["Unpin"] = "Unpin";
-    IconName["UploadFile"] = "UploadFile";
-    IconName["Upload"] = "Upload";
-    IconName["Usb"] = "Usb";
-    IconName["UserCheck"] = "UserCheck";
-    IconName["UserCircleAdd"] = "UserCircleAdd";
-    IconName["UserCircleRemove"] = "UserCircleRemove";
-    IconName["UserCircle"] = "UserCircle";
-    IconName["User"] = "User";
-    IconName["VerifiedFilled"] = "VerifiedFilled";
-    IconName["Verified"] = "Verified";
-    IconName["Videocam"] = "Videocam";
-    IconName["ViewColumn"] = "ViewColumn";
-    IconName["ViewInAr"] = "ViewInAr";
-    IconName["VolumeOff"] = "VolumeOff";
-    IconName["VolumeUp"] = "VolumeUp";
-    IconName["WalletFilled"] = "WalletFilled";
-    IconName["Wallet"] = "Wallet";
-    IconName["Warning"] = "Warning";
-    IconName["WebTraffic"] = "WebTraffic";
-    IconName["Widgets"] = "Widgets";
-    IconName["WifiOff"] = "WifiOff";
-    IconName["Wifi"] = "Wifi";
-    IconName["X"] = "X";
-})(IconName || (IconName = {}));
-/* eslint-enable @typescript-eslint/no-shadow */
+export { IconColor, IconName, IconSize } from "@metamask-previews/design-system-shared";
+export { AvatarBaseSize as AvatarNetworkSize } from "@metamask-previews/design-system-shared";
+export { AvatarBaseSize as AvatarSize } from "@metamask-previews/design-system-shared";
 //# sourceMappingURL=index.mjs.map