@metamask-previews/design-system-shared 0.7.0-preview.dff9dce → 0.9.0-preview.d854123

package/dist/types/Icon/Icon.types.d.cts

@@ -0,0 +1,367 @@
+/**
+ * Icon - color (ADR-0003)
+ * All icon color values shared across React and React Native platforms.
+ */
+export declare const IconColor: {
+    /** For default neutral icons */
+    readonly IconDefault: "text-icon-default";
+    /** For softer neutral icons */
+    readonly IconAlternative: "text-icon-alternative";
+    /** For the weakest contrast neutral icons (not accessible) */
+    readonly IconMuted: "text-icon-muted";
+    /** For elements used on top of overlay/alternative. Used for text, icon, or border */
+    readonly OverlayInverse: "text-overlay-inverse";
+    /** For interactive, active, and selected semantics. Used for text, background, icon, or border */
+    readonly PrimaryDefault: "text-primary-default";
+    /** For softer variants of primary interactive elements */
+    readonly PrimaryAlternative: "text-primary-alternative";
+    /** For elements used on top of primary/default. Used for text, icon, or border */
+    readonly PrimaryInverse: "text-primary-inverse";
+    /** For critical alert semantic elements. Used for text, background, icon, or border */
+    readonly ErrorDefault: "text-error-default";
+    /** For softer variants of error elements */
+    readonly ErrorAlternative: "text-error-alternative";
+    /** For elements used on top of error/default. Used for text, icon, or border */
+    readonly ErrorInverse: "text-error-inverse";
+    /** For caution alert semantic elements. Used for text, background, icon, or border */
+    readonly WarningDefault: "text-warning-default";
+    /** For elements used on top of warning/default. Used for text, icon, or border */
+    readonly WarningInverse: "text-warning-inverse";
+    /** For positive semantic elements. Used for text, background, icon, or border */
+    readonly SuccessDefault: "text-success-default";
+    /** For elements used on top of success/default. Used for text, icon, or border */
+    readonly SuccessInverse: "text-success-inverse";
+    /** For informational read-only elements. Used for text, background, icon, or border */
+    readonly InfoDefault: "text-info-default";
+    /** For elements used on top of info/default. Used for text, icon, or border */
+    readonly InfoInverse: "text-info-inverse";
+};
+export type IconColor = (typeof IconColor)[keyof typeof IconColor];
+/**
+ * Icon - name
+ * All icon names shared across React and React Native platforms.
+ * This block is auto-generated — do not edit directly.
+ * Run `yarn generate:icons` from the repo root to regenerate.
+ */
+export declare const IconName: {
+    readonly Accessibility: "Accessibility";
+    readonly Activity: "Activity";
+    readonly AddCard: "AddCard";
+    readonly AddCircle: "AddCircle";
+    readonly AddSquare: "AddSquare";
+    readonly Add: "Add";
+    readonly AfterHours: "AfterHours";
+    readonly Ai: "Ai";
+    readonly AlternateEmail: "AlternateEmail";
+    readonly AppleLogo: "AppleLogo";
+    readonly Apps: "Apps";
+    readonly Arrow2Down: "Arrow2Down";
+    readonly Arrow2Left: "Arrow2Left";
+    readonly Arrow2Right: "Arrow2Right";
+    readonly Arrow2UpRight: "Arrow2UpRight";
+    readonly Arrow2Up: "Arrow2Up";
+    readonly ArrowCircleDown: "ArrowCircleDown";
+    readonly ArrowCircleUp: "ArrowCircleUp";
+    readonly ArrowDoubleLeft: "ArrowDoubleLeft";
+    readonly ArrowDoubleRight: "ArrowDoubleRight";
+    readonly ArrowDown: "ArrowDown";
+    readonly ArrowDropDownCircle: "ArrowDropDownCircle";
+    readonly ArrowLeft: "ArrowLeft";
+    readonly ArrowRight: "ArrowRight";
+    readonly ArrowUp: "ArrowUp";
+    readonly AttachMoney: "AttachMoney";
+    readonly Attachment: "Attachment";
+    readonly Backspace: "Backspace";
+    readonly Ban: "Ban";
+    readonly BankAssured: "BankAssured";
+    readonly Bank: "Bank";
+    readonly Bold: "Bold";
+    readonly Book: "Book";
+    readonly Bookmark: "Bookmark";
+    readonly Bridge: "Bridge";
+    readonly Briefcase: "Briefcase";
+    readonly Bulb: "Bulb";
+    readonly BuySell: "BuySell";
+    readonly Cake: "Cake";
+    readonly Calculator: "Calculator";
+    readonly Calendar: "Calendar";
+    readonly Call: "Call";
+    readonly Camera: "Camera";
+    readonly Campaign: "Campaign";
+    readonly Candlestick: "Candlestick";
+    readonly CardPos: "CardPos";
+    readonly Card: "Card";
+    readonly Cash: "Cash";
+    readonly Category: "Category";
+    readonly Chart: "Chart";
+    readonly CheckBold: "CheckBold";
+    readonly Check: "Check";
+    readonly CircleX: "CircleX";
+    readonly Clear: "Clear";
+    readonly ClockFilled: "ClockFilled";
+    readonly Clock: "Clock";
+    readonly Close: "Close";
+    readonly CloudDownload: "CloudDownload";
+    readonly CloudUpload: "CloudUpload";
+    readonly Cloud: "Cloud";
+    readonly CodeCircle: "CodeCircle";
+    readonly Code: "Code";
+    readonly Coin: "Coin";
+    readonly Collapse: "Collapse";
+    readonly Confirmation: "Confirmation";
+    readonly Connect: "Connect";
+    readonly CopySuccess: "CopySuccess";
+    readonly Copy: "Copy";
+    readonly CorporateFare: "CorporateFare";
+    readonly CreditCheck: "CreditCheck";
+    readonly CurrencyFranc: "CurrencyFranc";
+    readonly CurrencyLira: "CurrencyLira";
+    readonly CurrencyPound: "CurrencyPound";
+    readonly CurrencyYuan: "CurrencyYuan";
+    readonly Customize: "Customize";
+    readonly Danger: "Danger";
+    readonly DarkFilled: "DarkFilled";
+    readonly Dark: "Dark";
+    readonly Data: "Data";
+    readonly Description: "Description";
+    readonly Details: "Details";
+    readonly Diagram: "Diagram";
+    readonly DocumentCode: "DocumentCode";
+    readonly Download: "Download";
+    readonly Draft: "Draft";
+    readonly EcoLeaf: "EcoLeaf";
+    readonly EditSquare: "EditSquare";
+    readonly Edit: "Edit";
+    readonly EncryptedAdd: "EncryptedAdd";
+    readonly Eraser: "Eraser";
+    readonly Error: "Error";
+    readonly Ethereum: "Ethereum";
+    readonly Exchange: "Exchange";
+    readonly ExpandVertical: "ExpandVertical";
+    readonly Expand: "Expand";
+    readonly ExploreFilled: "ExploreFilled";
+    readonly Explore: "Explore";
+    readonly Export: "Export";
+    readonly Extension: "Extension";
+    readonly EyeSlash: "EyeSlash";
+    readonly Eye: "Eye";
+    readonly FaceId: "FaceId";
+    readonly Feedback: "Feedback";
+    readonly File: "File";
+    readonly Filter: "Filter";
+    readonly Fingerprint: "Fingerprint";
+    readonly Fire: "Fire";
+    readonly FirstPage: "FirstPage";
+    readonly Flag: "Flag";
+    readonly FlashSlash: "FlashSlash";
+    readonly Flash: "Flash";
+    readonly Flask: "Flask";
+    readonly Flower: "Flower";
+    readonly Folder: "Folder";
+    readonly Forest: "Forest";
+    readonly FullCircle: "FullCircle";
+    readonly Gas: "Gas";
+    readonly Gift: "Gift";
+    readonly GlobalSearch: "GlobalSearch";
+    readonly Global: "Global";
+    readonly Graph: "Graph";
+    readonly Hardware: "Hardware";
+    readonly HashTag: "HashTag";
+    readonly HeartFilled: "HeartFilled";
+    readonly Heart: "Heart";
+    readonly Hierarchy: "Hierarchy";
+    readonly HomeFilled: "HomeFilled";
+    readonly Home: "Home";
+    readonly Image: "Image";
+    readonly Info: "Info";
+    readonly Inventory: "Inventory";
+    readonly Joystick: "Joystick";
+    readonly KeepFilled: "KeepFilled";
+    readonly Keep: "Keep";
+    readonly Key: "Key";
+    readonly LastPage: "LastPage";
+    readonly LightFilled: "LightFilled";
+    readonly Light: "Light";
+    readonly Link: "Link";
+    readonly Loading: "Loading";
+    readonly Location: "Location";
+    readonly LockSlash: "LockSlash";
+    readonly Lock: "Lock";
+    readonly LockedFilled: "LockedFilled";
+    readonly Login: "Login";
+    readonly Logout: "Logout";
+    readonly Mail: "Mail";
+    readonly Map: "Map";
+    readonly Menu: "Menu";
+    readonly MessageQuestion: "MessageQuestion";
+    readonly Messages: "Messages";
+    readonly MetamaskFoxOutline: "MetamaskFoxOutline";
+    readonly Mic: "Mic";
+    readonly MinusBold: "MinusBold";
+    readonly MinusSquare: "MinusSquare";
+    readonly Minus: "Minus";
+    readonly Mobile: "Mobile";
+    readonly MoneyBag: "MoneyBag";
+    readonly Money: "Money";
+    readonly Monitor: "Monitor";
+    readonly MoreHorizontal: "MoreHorizontal";
+    readonly MoreVertical: "MoreVertical";
+    readonly MountainFlag: "MountainFlag";
+    readonly MusicNote: "MusicNote";
+    readonly NoPhotography: "NoPhotography";
+    readonly Notification: "Notification";
+    readonly PageInfo: "PageInfo";
+    readonly Palette: "Palette";
+    readonly PasswordCheck: "PasswordCheck";
+    readonly Pending: "Pending";
+    readonly People: "People";
+    readonly PersonCancel: "PersonCancel";
+    readonly Pin: "Pin";
+    readonly Plant: "Plant";
+    readonly Plug: "Plug";
+    readonly PlusAndMinus: "PlusAndMinus";
+    readonly PolicyAlert: "PolicyAlert";
+    readonly PopUp: "PopUp";
+    readonly Print: "Print";
+    readonly PriorityHigh: "PriorityHigh";
+    readonly PrivacyTip: "PrivacyTip";
+    readonly ProgrammingArrows: "ProgrammingArrows";
+    readonly Publish: "Publish";
+    readonly QrCode: "QrCode";
+    readonly Question: "Question";
+    readonly Receive: "Receive";
+    readonly Received: "Received";
+    readonly Refresh: "Refresh";
+    readonly RemoveMinus: "RemoveMinus";
+    readonly Report: "Report";
+    readonly Rocket: "Rocket";
+    readonly SaveFilled: "SaveFilled";
+    readonly Save: "Save";
+    readonly Saving: "Saving";
+    readonly ScanBarcode: "ScanBarcode";
+    readonly ScanFocus: "ScanFocus";
+    readonly Scan: "Scan";
+    readonly Search: "Search";
+    readonly SecurityAlert: "SecurityAlert";
+    readonly SecurityCross: "SecurityCross";
+    readonly SecurityKey: "SecurityKey";
+    readonly SecuritySearch: "SecuritySearch";
+    readonly SecuritySlash: "SecuritySlash";
+    readonly SecurityTick: "SecurityTick";
+    readonly SecurityTime: "SecurityTime";
+    readonly SecurityUser: "SecurityUser";
+    readonly Security: "Security";
+    readonly Send: "Send";
+    readonly SentimentDissatisfied: "SentimentDissatisfied";
+    readonly SentimentNeutral: "SentimentNeutral";
+    readonly SentimentSatisfied: "SentimentSatisfied";
+    readonly SentimentVerySatisfied: "SentimentVerySatisfied";
+    readonly SettingFilled: "SettingFilled";
+    readonly Setting: "Setting";
+    readonly Share: "Share";
+    readonly ShieldLock: "ShieldLock";
+    readonly ShoppingBag: "ShoppingBag";
+    readonly ShoppingCart: "ShoppingCart";
+    readonly SidePanel: "SidePanel";
+    readonly SignalCellular: "SignalCellular";
+    readonly Slash: "Slash";
+    readonly Sms: "Sms";
+    readonly SnapsMobile: "SnapsMobile";
+    readonly SnapsPlus: "SnapsPlus";
+    readonly SnapsRound: "SnapsRound";
+    readonly Snaps: "Snaps";
+    readonly SortByAlpha: "SortByAlpha";
+    readonly Sort: "Sort";
+    readonly Sparkle: "Sparkle";
+    readonly Speed: "Speed";
+    readonly Speedometer: "Speedometer";
+    readonly Square: "Square";
+    readonly Stake: "Stake";
+    readonly StarFilled: "StarFilled";
+    readonly Star: "Star";
+    readonly Start: "Start";
+    readonly Storefront: "Storefront";
+    readonly Student: "Student";
+    readonly SwapHorizontal: "SwapHorizontal";
+    readonly SwapVertical: "SwapVertical";
+    readonly TabClose: "TabClose";
+    readonly TableRow: "TableRow";
+    readonly Tablet: "Tablet";
+    readonly Tag: "Tag";
+    readonly ThumbDownFilled: "ThumbDownFilled";
+    readonly ThumbDown: "ThumbDown";
+    readonly ThumbUpFilled: "ThumbUpFilled";
+    readonly ThumbUp: "ThumbUp";
+    readonly Tint: "Tint";
+    readonly Tooltip: "Tooltip";
+    readonly Translate: "Translate";
+    readonly Trash: "Trash";
+    readonly TrendDown: "TrendDown";
+    readonly TrendUp: "TrendUp";
+    readonly Undo: "Undo";
+    readonly Unfold: "Unfold";
+    readonly UnlockedFilled: "UnlockedFilled";
+    readonly Unpin: "Unpin";
+    readonly UploadFile: "UploadFile";
+    readonly Upload: "Upload";
+    readonly Usb: "Usb";
+    readonly UserCheck: "UserCheck";
+    readonly UserCircleAdd: "UserCircleAdd";
+    readonly UserCircleRemove: "UserCircleRemove";
+    readonly UserCircle: "UserCircle";
+    readonly User: "User";
+    readonly VerifiedFilled: "VerifiedFilled";
+    readonly Verified: "Verified";
+    readonly Videocam: "Videocam";
+    readonly ViewColumn: "ViewColumn";
+    readonly ViewInAr: "ViewInAr";
+    readonly VolumeOff: "VolumeOff";
+    readonly VolumeUp: "VolumeUp";
+    readonly WalletFilled: "WalletFilled";
+    readonly Wallet: "Wallet";
+    readonly Warning: "Warning";
+    readonly WebTraffic: "WebTraffic";
+    readonly Widgets: "Widgets";
+    readonly WifiOff: "WifiOff";
+    readonly Wifi: "Wifi";
+    readonly X: "X";
+};
+export type IconName = (typeof IconName)[keyof typeof IconName];
+/**
+ * Icon - size
+ * Common icon sizes shared across React and React Native platforms.
+ */
+export declare const IconSize: {
+    /** Extra small - 12px */
+    readonly Xs: "xs";
+    /** Small - 16px */
+    readonly Sm: "sm";
+    /** Medium - 20px (Default) */
+    readonly Md: "md";
+    /** Large - 24px */
+    readonly Lg: "lg";
+    /** Extra large - 32px */
+    readonly Xl: "xl";
+};
+export type IconSize = (typeof IconSize)[keyof typeof IconSize];
+/**
+ * Icon component shared props (ADR-0004).
+ * name is typed as string to allow platform-specific narrowing to IconName.
+ * color is typed as string to allow platform-specific narrowing to IconColor.
+ * size is typed as string to allow platform-specific narrowing to IconSize.
+ */
+export type IconPropsShared = {
+    /**
+     * Required prop to specify which icon to render from the icon set
+     */
+    name: string;
+    /**
+     * Optional prop that sets the color of the icon using predefined theme colors
+     */
+    color?: string;
+    /**
+     * Optional prop to control the size of the icon
+     */
+    size?: string;
+};
+//# sourceMappingURL=Icon.types.d.cts.map

package/dist/types/Icon/Icon.types.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.types.d.cts","sourceRoot":"","sources":["../../../src/types/Icon/Icon.types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,SAAS;IACpB,gCAAgC;;IAEhC,+BAA+B;;IAE/B,8DAA8D;;IAE9D,sFAAsF;;IAEtF,kGAAkG;;IAElG,0DAA0D;;IAE1D,kFAAkF;;IAElF,uFAAuF;;IAEvF,4CAA4C;;IAE5C,gFAAgF;;IAEhF,sFAAsF;;IAEtF,kFAAkF;;IAElF,iFAAiF;;IAEjF,kFAAkF;;IAElF,uFAAuF;;IAEvF,+EAA+E;;CAEvE,CAAC;AAEX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAMnE;;;;;GAKG;AACH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0RX,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;AAIhE;;;GAGG;AACH,eAAO,MAAM,QAAQ;IACnB,yBAAyB;;IAEzB,mBAAmB;;IAEnB,8BAA8B;;IAE9B,mBAAmB;;IAEnB,yBAAyB;;CAEjB,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;AAEhE;;;;;GAKG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC"}