@metamask-previews/design-system-react 0.14.0-preview.dff9dce → 0.16.0-preview.d854123

package/dist/types/index.mjs

@@ -267,381 +267,161 @@ export var ButtonIconVariant;
     ButtonIconVariant["Floating"] = "floating";
 })(ButtonIconVariant || (ButtonIconVariant = {}));
 /**
- * Text - textAlign
+ * Text - variant
  */
-export const TextAlign = {
-    Left: 'text-left',
-    Center: 'text-center',
-    Right: 'text-right',
-    Justify: 'text-justify',
-};
+export var TextVariant;
+(function (TextVariant) {
+    // Display Sizes
+    TextVariant["DisplayLg"] = "display-lg";
+    TextVariant["DisplayMd"] = "display-md";
+    // Heading Sizes
+    TextVariant["HeadingLg"] = "heading-lg";
+    TextVariant["HeadingMd"] = "heading-md";
+    TextVariant["HeadingSm"] = "heading-sm";
+    // Font Sizes
+    TextVariant["BodyLg"] = "body-lg";
+    TextVariant["BodyMd"] = "body-md";
+    TextVariant["BodySm"] = "body-sm";
+    TextVariant["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 - overflowWrap
+ * Text - color
  */
-export const OverflowWrap = {
-    BreakWord: 'break-words',
-    Anywhere: 'break-all',
-    Normal: 'break-normal',
-};
-/**
- * Text - textTransform
- */
-export const TextTransform = {
-    Uppercase: 'uppercase',
-    Lowercase: 'lowercase',
-    Capitalize: 'capitalize',
-    Normal: 'normal-case',
-};
-/**
- * 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) {
-    /** 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 = {}));
-/**
- * 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";
+export var TextColor;
+(function (TextColor) {
+    /** For default neutral text. */
+    TextColor["TextDefault"] = "text-default";
+    /** For softer contrast neutral text */
+    TextColor["TextAlternative"] = "text-alternative";
+    /** For the softest contrast neutral text (not accessible) */
+    TextColor["TextMuted"] = "text-muted";
     /** For elements used on top of overlay/alternative. Used for text, icon or border */
-    IconColor["OverlayInverse"] = "text-overlay-inverse";
+    TextColor["OverlayInverse"] = "text-overlay-inverse";
     /** For interactive, active, and selected semantics. Used for text, background, icon or border */
-    IconColor["PrimaryDefault"] = "text-primary-default";
+    TextColor["PrimaryDefault"] = "text-primary-default";
+    /** For primary text in a hover state. */
+    TextColor["PrimaryDefaultHover"] = "text-primary-default-hover";
+    /** For primary text in a pressed state. */
+    TextColor["PrimaryDefaultPressed"] = "text-primary-default-pressed";
     /** For elements used on top of primary/default. Used for text, icon or border */
-    IconColor["PrimaryInverse"] = "text-primary-inverse";
+    TextColor["PrimaryInverse"] = "text-primary-inverse";
     /** For the critical alert semantic elements. Used for text, background, icon or border */
-    IconColor["ErrorDefault"] = "text-error-default";
+    TextColor["ErrorDefault"] = "text-error-default";
+    /** For critical alert text in a hover state. */
+    TextColor["ErrorDefaultHover"] = "text-error-default-hover";
+    /** For critical alert text in a pressed state. */
+    TextColor["ErrorDefaultPressed"] = "text-error-default-pressed";
+    /** For the stronger contrast error semantic elements. */
+    TextColor["ErrorAlternative"] = "text-error-alternative";
     /** For elements used on top of error/default. Used for text, icon or border */
-    IconColor["ErrorInverse"] = "text-error-inverse";
+    TextColor["ErrorInverse"] = "text-error-inverse";
     /** For the positive semantic elements. Used for text, background, icon or border */
-    IconColor["SuccessDefault"] = "text-success-default";
+    TextColor["SuccessDefault"] = "text-success-default";
+    /** For positive text in a hover state. */
+    TextColor["SuccessDefaultHover"] = "text-success-default-hover";
+    /** For positive text in a pressed state. */
+    TextColor["SuccessDefaultPressed"] = "text-success-default-pressed";
     /** For elements used on top of success/default. Used for text, icon or border */
-    IconColor["SuccessInverse"] = "text-success-inverse";
+    TextColor["SuccessInverse"] = "text-success-inverse";
     /** For the caution alert semantic elements. Used for text, background, icon or border */
-    IconColor["WarningDefault"] = "text-warning-default";
+    TextColor["WarningDefault"] = "text-warning-default";
+    /** For caution text in a hover state. */
+    TextColor["WarningDefaultHover"] = "text-warning-default-hover";
+    /** For caution text in a pressed state. */
+    TextColor["WarningDefaultPressed"] = "text-warning-default-pressed";
     /** For elements used on top of warning/default. Used for text, icon or border */
-    IconColor["WarningInverse"] = "text-warning-inverse";
+    TextColor["WarningInverse"] = "text-warning-inverse";
     /** For informational read-only elements. Used for text, background, icon or border */
-    IconColor["InfoDefault"] = "text-info-default";
+    TextColor["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 = {}));
+    TextColor["InfoInverse"] = "text-info-inverse";
+    /** Inherit the color of the parent element */
+    TextColor["Inherit"] = "text-inherit";
+    /** Make the text color transparent */
+    TextColor["Transparent"] = "text-transparent";
+})(TextColor || (TextColor = {}));
 /**
- * Autogenerated from the generate-icon-script.ts script.
- * Please do not edit this enum directly.
+ * 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 = {}));
 /**
- * Icon - name
+ * Text - fontWeight
  */
-/* eslint-disable @typescript-eslint/no-shadow */
-export var IconName;
-(function (IconName) {
-    IconName["Accessibility"] = "Accessibility";
-    IconName["Activity"] = "Activity";
-    IconName["Add"] = "Add";
-    IconName["AddCard"] = "AddCard";
-    IconName["AddCircle"] = "AddCircle";
-    IconName["AddSquare"] = "AddSquare";
-    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["Arrow2Up"] = "Arrow2Up";
-    IconName["Arrow2UpRight"] = "Arrow2UpRight";
-    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["Bank"] = "Bank";
-    IconName["BankAssured"] = "BankAssured";
-    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["Card"] = "Card";
-    IconName["CardPos"] = "CardPos";
-    IconName["Cash"] = "Cash";
-    IconName["Category"] = "Category";
-    IconName["Chart"] = "Chart";
-    IconName["Check"] = "Check";
-    IconName["CheckBold"] = "CheckBold";
-    IconName["CircleX"] = "CircleX";
-    IconName["Clear"] = "Clear";
-    IconName["Clock"] = "Clock";
-    IconName["ClockFilled"] = "ClockFilled";
-    IconName["Close"] = "Close";
-    IconName["Cloud"] = "Cloud";
-    IconName["CloudDownload"] = "CloudDownload";
-    IconName["CloudUpload"] = "CloudUpload";
-    IconName["Code"] = "Code";
-    IconName["CodeCircle"] = "CodeCircle";
-    IconName["Coin"] = "Coin";
-    IconName["Collapse"] = "Collapse";
-    IconName["Confirmation"] = "Confirmation";
-    IconName["Connect"] = "Connect";
-    IconName["Copy"] = "Copy";
-    IconName["CopySuccess"] = "CopySuccess";
-    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["Dark"] = "Dark";
-    IconName["DarkFilled"] = "DarkFilled";
-    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["Edit"] = "Edit";
-    IconName["EditSquare"] = "EditSquare";
-    IconName["EncryptedAdd"] = "EncryptedAdd";
-    IconName["Eraser"] = "Eraser";
-    IconName["Error"] = "Error";
-    IconName["Ethereum"] = "Ethereum";
-    IconName["Exchange"] = "Exchange";
-    IconName["Expand"] = "Expand";
-    IconName["ExpandVertical"] = "ExpandVertical";
-    IconName["Explore"] = "Explore";
-    IconName["ExploreFilled"] = "ExploreFilled";
-    IconName["Export"] = "Export";
-    IconName["Extension"] = "Extension";
-    IconName["Eye"] = "Eye";
-    IconName["EyeSlash"] = "EyeSlash";
-    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["Flash"] = "Flash";
-    IconName["FlashSlash"] = "FlashSlash";
-    IconName["Flask"] = "Flask";
-    IconName["Flower"] = "Flower";
-    IconName["Folder"] = "Folder";
-    IconName["Forest"] = "Forest";
-    IconName["FullCircle"] = "FullCircle";
-    IconName["Gas"] = "Gas";
-    IconName["Gift"] = "Gift";
-    IconName["Global"] = "Global";
-    IconName["GlobalSearch"] = "GlobalSearch";
-    IconName["Graph"] = "Graph";
-    IconName["Hardware"] = "Hardware";
-    IconName["HashTag"] = "HashTag";
-    IconName["Heart"] = "Heart";
-    IconName["HeartFilled"] = "HeartFilled";
-    IconName["Hierarchy"] = "Hierarchy";
-    IconName["Home"] = "Home";
-    IconName["HomeFilled"] = "HomeFilled";
-    IconName["Image"] = "Image";
-    IconName["Info"] = "Info";
-    IconName["Inventory"] = "Inventory";
-    IconName["Joystick"] = "Joystick";
-    IconName["Keep"] = "Keep";
-    IconName["KeepFilled"] = "KeepFilled";
-    IconName["Key"] = "Key";
-    IconName["LastPage"] = "LastPage";
-    IconName["Light"] = "Light";
-    IconName["LightFilled"] = "LightFilled";
-    IconName["Link"] = "Link";
-    IconName["Loading"] = "Loading";
-    IconName["Location"] = "Location";
-    IconName["Lock"] = "Lock";
-    IconName["LockSlash"] = "LockSlash";
-    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["Minus"] = "Minus";
-    IconName["MinusBold"] = "MinusBold";
-    IconName["MinusSquare"] = "MinusSquare";
-    IconName["Mobile"] = "Mobile";
-    IconName["Money"] = "Money";
-    IconName["MoneyBag"] = "MoneyBag";
-    IconName["Monitor"] = "Monitor";
-    IconName["MoreHorizontal"] = "MoreHorizontal";
-    IconName["MoreVertical"] = "MoreVertical";
-    IconName["MountainFlag"] = "MountainFlag";
-    IconName["MusicNote"] = "MusicNote";
-    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["Save"] = "Save";
-    IconName["SaveFilled"] = "SaveFilled";
-    IconName["Saving"] = "Saving";
-    IconName["Scan"] = "Scan";
-    IconName["ScanBarcode"] = "ScanBarcode";
-    IconName["ScanFocus"] = "ScanFocus";
-    IconName["Search"] = "Search";
-    IconName["Security"] = "Security";
-    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["Send"] = "Send";
-    IconName["SentimentDissatisfied"] = "SentimentDissatisfied";
-    IconName["SentimentNeutral"] = "SentimentNeutral";
-    IconName["SentimentSatisfied"] = "SentimentSatisfied";
-    IconName["SentimentVerySatisfied"] = "SentimentVerySatisfied";
-    IconName["Setting"] = "Setting";
-    IconName["SettingFilled"] = "SettingFilled";
-    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["Snaps"] = "Snaps";
-    IconName["SnapsMobile"] = "SnapsMobile";
-    IconName["SnapsPlus"] = "SnapsPlus";
-    IconName["SnapsRound"] = "SnapsRound";
-    IconName["Sort"] = "Sort";
-    IconName["SortByAlpha"] = "SortByAlpha";
-    IconName["Sparkle"] = "Sparkle";
-    IconName["Speed"] = "Speed";
-    IconName["Speedometer"] = "Speedometer";
-    IconName["Square"] = "Square";
-    IconName["Stake"] = "Stake";
-    IconName["Star"] = "Star";
-    IconName["StarFilled"] = "StarFilled";
-    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["ThumbDown"] = "ThumbDown";
-    IconName["ThumbDownFilled"] = "ThumbDownFilled";
-    IconName["ThumbUp"] = "ThumbUp";
-    IconName["ThumbUpFilled"] = "ThumbUpFilled";
-    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["Upload"] = "Upload";
-    IconName["UploadFile"] = "UploadFile";
-    IconName["Usb"] = "Usb";
-    IconName["User"] = "User";
-    IconName["UserCheck"] = "UserCheck";
-    IconName["UserCircle"] = "UserCircle";
-    IconName["UserCircleAdd"] = "UserCircleAdd";
-    IconName["UserCircleRemove"] = "UserCircleRemove";
-    IconName["Verified"] = "Verified";
-    IconName["VerifiedFilled"] = "VerifiedFilled";
-    IconName["Videocam"] = "Videocam";
-    IconName["ViewColumn"] = "ViewColumn";
-    IconName["ViewInAr"] = "ViewInAr";
-    IconName["VolumeOff"] = "VolumeOff";
-    IconName["VolumeUp"] = "VolumeUp";
-    IconName["Wallet"] = "Wallet";
-    IconName["WalletFilled"] = "WalletFilled";
-    IconName["Warning"] = "Warning";
-    IconName["WebTraffic"] = "WebTraffic";
-    IconName["Widgets"] = "Widgets";
-    IconName["Wifi"] = "Wifi";
-    IconName["WifiOff"] = "WifiOff";
-    IconName["X"] = "X";
-})(IconName || (IconName = {}));
-/* eslint-enable @typescript-eslint/no-shadow */
+export var FontWeight;
+(function (FontWeight) {
+    /**
+     * Weight - 600
+     */
+    FontWeight["Bold"] = "font-bold";
+    /**
+     * Weight - 500
+     */
+    FontWeight["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 = {}));
+export { IconColor, IconName, IconSize } from "@metamask-previews/design-system-shared";
 //# sourceMappingURL=index.mjs.map