@metamask-previews/design-system-react 0.15.0-preview.a73a010 → 0.17.0-preview.9d477a9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (168) hide show
  1. package/CHANGELOG.md +19 -1
  2. package/dist/components/AvatarFavicon/AvatarFavicon.cjs +1 -2
  3. package/dist/components/AvatarFavicon/AvatarFavicon.cjs.map +1 -1
  4. package/dist/components/AvatarFavicon/AvatarFavicon.d.cts.map +1 -1
  5. package/dist/components/AvatarFavicon/AvatarFavicon.d.mts.map +1 -1
  6. package/dist/components/AvatarFavicon/AvatarFavicon.mjs +1 -2
  7. package/dist/components/AvatarFavicon/AvatarFavicon.mjs.map +1 -1
  8. package/dist/components/AvatarFavicon/AvatarFavicon.types.cjs.map +1 -1
  9. package/dist/components/AvatarFavicon/AvatarFavicon.types.d.cts +6 -6
  10. package/dist/components/AvatarFavicon/AvatarFavicon.types.d.cts.map +1 -1
  11. package/dist/components/AvatarFavicon/AvatarFavicon.types.d.mts +6 -6
  12. package/dist/components/AvatarFavicon/AvatarFavicon.types.d.mts.map +1 -1
  13. package/dist/components/AvatarFavicon/AvatarFavicon.types.mjs.map +1 -1
  14. package/dist/components/AvatarFavicon/index.cjs +2 -2
  15. package/dist/components/AvatarFavicon/index.cjs.map +1 -1
  16. package/dist/components/AvatarFavicon/index.d.cts +1 -1
  17. package/dist/components/AvatarFavicon/index.d.cts.map +1 -1
  18. package/dist/components/AvatarFavicon/index.d.mts +1 -1
  19. package/dist/components/AvatarFavicon/index.d.mts.map +1 -1
  20. package/dist/components/AvatarFavicon/index.mjs +1 -1
  21. package/dist/components/AvatarFavicon/index.mjs.map +1 -1
  22. package/dist/components/BadgeNetwork/BadgeNetwork.types.cjs.map +1 -1
  23. package/dist/components/BadgeNetwork/BadgeNetwork.types.d.cts +6 -16
  24. package/dist/components/BadgeNetwork/BadgeNetwork.types.d.cts.map +1 -1
  25. package/dist/components/BadgeNetwork/BadgeNetwork.types.d.mts +6 -16
  26. package/dist/components/BadgeNetwork/BadgeNetwork.types.d.mts.map +1 -1
  27. package/dist/components/BadgeNetwork/BadgeNetwork.types.mjs.map +1 -1
  28. package/dist/components/BannerAlert/BannerAlert.cjs +1 -2
  29. package/dist/components/BannerAlert/BannerAlert.cjs.map +1 -1
  30. package/dist/components/BannerAlert/BannerAlert.constants.cjs +16 -16
  31. package/dist/components/BannerAlert/BannerAlert.constants.cjs.map +1 -1
  32. package/dist/components/BannerAlert/BannerAlert.constants.d.cts +2 -2
  33. package/dist/components/BannerAlert/BannerAlert.constants.d.cts.map +1 -1
  34. package/dist/components/BannerAlert/BannerAlert.constants.d.mts +2 -2
  35. package/dist/components/BannerAlert/BannerAlert.constants.d.mts.map +1 -1
  36. package/dist/components/BannerAlert/BannerAlert.constants.mjs +2 -2
  37. package/dist/components/BannerAlert/BannerAlert.constants.mjs.map +1 -1
  38. package/dist/components/BannerAlert/BannerAlert.d.cts +6 -6
  39. package/dist/components/BannerAlert/BannerAlert.d.cts.map +1 -1
  40. package/dist/components/BannerAlert/BannerAlert.d.mts +6 -6
  41. package/dist/components/BannerAlert/BannerAlert.d.mts.map +1 -1
  42. package/dist/components/BannerAlert/BannerAlert.mjs +1 -2
  43. package/dist/components/BannerAlert/BannerAlert.mjs.map +1 -1
  44. package/dist/components/BannerBase/BannerBase.cjs +5 -5
  45. package/dist/components/BannerBase/BannerBase.cjs.map +1 -1
  46. package/dist/components/BannerBase/BannerBase.d.cts +2 -1
  47. package/dist/components/BannerBase/BannerBase.d.cts.map +1 -1
  48. package/dist/components/BannerBase/BannerBase.d.mts +2 -1
  49. package/dist/components/BannerBase/BannerBase.d.mts.map +1 -1
  50. package/dist/components/BannerBase/BannerBase.mjs +2 -2
  51. package/dist/components/BannerBase/BannerBase.mjs.map +1 -1
  52. package/dist/components/Box/Box.constants.cjs.map +1 -1
  53. package/dist/components/Box/Box.constants.d.cts +1 -1
  54. package/dist/components/Box/Box.constants.d.cts.map +1 -1
  55. package/dist/components/Box/Box.constants.d.mts +1 -1
  56. package/dist/components/Box/Box.constants.d.mts.map +1 -1
  57. package/dist/components/Box/Box.constants.mjs.map +1 -1
  58. package/dist/components/Box/Box.types.cjs.map +1 -1
  59. package/dist/components/Box/Box.types.d.cts +106 -2
  60. package/dist/components/Box/Box.types.d.cts.map +1 -1
  61. package/dist/components/Box/Box.types.d.mts +106 -2
  62. package/dist/components/Box/Box.types.d.mts.map +1 -1
  63. package/dist/components/Box/Box.types.mjs.map +1 -1
  64. package/dist/components/Box/index.cjs +7 -7
  65. package/dist/components/Box/index.cjs.map +1 -1
  66. package/dist/components/Box/index.d.cts +2 -1
  67. package/dist/components/Box/index.d.cts.map +1 -1
  68. package/dist/components/Box/index.d.mts +2 -1
  69. package/dist/components/Box/index.d.mts.map +1 -1
  70. package/dist/components/Box/index.mjs +1 -1
  71. package/dist/components/Box/index.mjs.map +1 -1
  72. package/dist/components/ButtonIcon/ButtonIcon.constants.d.cts +3 -4
  73. package/dist/components/ButtonIcon/ButtonIcon.constants.d.cts.map +1 -1
  74. package/dist/components/ButtonIcon/ButtonIcon.constants.d.mts +3 -4
  75. package/dist/components/ButtonIcon/ButtonIcon.constants.d.mts.map +1 -1
  76. package/dist/components/Checkbox/Checkbox.types.cjs.map +1 -1
  77. package/dist/components/Checkbox/Checkbox.types.d.cts +2 -28
  78. package/dist/components/Checkbox/Checkbox.types.d.cts.map +1 -1
  79. package/dist/components/Checkbox/Checkbox.types.d.mts +2 -28
  80. package/dist/components/Checkbox/Checkbox.types.d.mts.map +1 -1
  81. package/dist/components/Checkbox/Checkbox.types.mjs.map +1 -1
  82. package/dist/components/Icon/Icon.cjs +2 -2
  83. package/dist/components/Icon/Icon.cjs.map +1 -1
  84. package/dist/components/Icon/Icon.constants.cjs +6 -6
  85. package/dist/components/Icon/Icon.constants.cjs.map +1 -1
  86. package/dist/components/Icon/Icon.constants.d.cts +1 -1
  87. package/dist/components/Icon/Icon.constants.d.cts.map +1 -1
  88. package/dist/components/Icon/Icon.constants.d.mts +1 -1
  89. package/dist/components/Icon/Icon.constants.d.mts.map +1 -1
  90. package/dist/components/Icon/Icon.constants.mjs +1 -1
  91. package/dist/components/Icon/Icon.constants.mjs.map +1 -1
  92. package/dist/components/Icon/Icon.d.cts.map +1 -1
  93. package/dist/components/Icon/Icon.d.mts.map +1 -1
  94. package/dist/components/Icon/Icon.mjs +1 -1
  95. package/dist/components/Icon/Icon.mjs.map +1 -1
  96. package/dist/components/Icon/Icon.types.cjs.map +1 -1
  97. package/dist/components/Icon/Icon.types.d.cts +2 -19
  98. package/dist/components/Icon/Icon.types.d.cts.map +1 -1
  99. package/dist/components/Icon/Icon.types.d.mts +2 -19
  100. package/dist/components/Icon/Icon.types.d.mts.map +1 -1
  101. package/dist/components/Icon/Icon.types.mjs.map +1 -1
  102. package/dist/components/Icon/icons/index.cjs +76 -76
  103. package/dist/components/Icon/icons/index.cjs.map +1 -1
  104. package/dist/components/Icon/icons/index.d.cts +38 -38
  105. package/dist/components/Icon/icons/index.d.cts.map +1 -1
  106. package/dist/components/Icon/icons/index.d.mts +38 -38
  107. package/dist/components/Icon/icons/index.d.mts.map +1 -1
  108. package/dist/components/Icon/icons/index.mjs +76 -76
  109. package/dist/components/Icon/icons/index.mjs.map +1 -1
  110. package/dist/components/Icon/index.cjs +5 -5
  111. package/dist/components/Icon/index.cjs.map +1 -1
  112. package/dist/components/Icon/index.d.cts +1 -1
  113. package/dist/components/Icon/index.d.cts.map +1 -1
  114. package/dist/components/Icon/index.d.mts +1 -1
  115. package/dist/components/Icon/index.d.mts.map +1 -1
  116. package/dist/components/Icon/index.mjs +1 -1
  117. package/dist/components/Icon/index.mjs.map +1 -1
  118. package/dist/components/Input/Input.cjs +3 -3
  119. package/dist/components/Input/Input.cjs.map +1 -1
  120. package/dist/components/Input/Input.d.cts +1 -1
  121. package/dist/components/Input/Input.d.cts.map +1 -1
  122. package/dist/components/Input/Input.d.mts +1 -1
  123. package/dist/components/Input/Input.d.mts.map +1 -1
  124. package/dist/components/Input/Input.mjs +3 -3
  125. package/dist/components/Input/Input.mjs.map +1 -1
  126. package/dist/components/Input/Input.types.cjs.map +1 -1
  127. package/dist/components/Input/Input.types.d.cts +1 -1
  128. package/dist/components/Input/Input.types.d.cts.map +1 -1
  129. package/dist/components/Input/Input.types.d.mts +1 -1
  130. package/dist/components/Input/Input.types.d.mts.map +1 -1
  131. package/dist/components/Input/Input.types.mjs.map +1 -1
  132. package/dist/components/Text/Text.cjs +5 -3
  133. package/dist/components/Text/Text.cjs.map +1 -1
  134. package/dist/components/Text/Text.constants.cjs +60 -46
  135. package/dist/components/Text/Text.constants.cjs.map +1 -1
  136. package/dist/components/Text/Text.constants.d.cts +6 -3
  137. package/dist/components/Text/Text.constants.d.cts.map +1 -1
  138. package/dist/components/Text/Text.constants.d.mts +6 -3
  139. package/dist/components/Text/Text.constants.d.mts.map +1 -1
  140. package/dist/components/Text/Text.constants.mjs +17 -3
  141. package/dist/components/Text/Text.constants.mjs.map +1 -1
  142. package/dist/components/Text/Text.d.cts.map +1 -1
  143. package/dist/components/Text/Text.d.mts.map +1 -1
  144. package/dist/components/Text/Text.mjs +5 -3
  145. package/dist/components/Text/Text.mjs.map +1 -1
  146. package/dist/components/Text/Text.types.cjs.map +1 -1
  147. package/dist/components/Text/Text.types.d.cts +4 -39
  148. package/dist/components/Text/Text.types.d.cts.map +1 -1
  149. package/dist/components/Text/Text.types.d.mts +4 -39
  150. package/dist/components/Text/Text.types.d.mts.map +1 -1
  151. package/dist/components/Text/Text.types.mjs.map +1 -1
  152. package/dist/components/Text/index.cjs +7 -6
  153. package/dist/components/Text/index.cjs.map +1 -1
  154. package/dist/components/Text/index.d.cts +2 -1
  155. package/dist/components/Text/index.d.cts.map +1 -1
  156. package/dist/components/Text/index.d.mts +2 -1
  157. package/dist/components/Text/index.d.mts.map +1 -1
  158. package/dist/components/Text/index.mjs +2 -1
  159. package/dist/components/Text/index.mjs.map +1 -1
  160. package/dist/types/index.cjs +194 -488
  161. package/dist/types/index.cjs.map +1 -1
  162. package/dist/types/index.d.cts +194 -462
  163. package/dist/types/index.d.cts.map +1 -1
  164. package/dist/types/index.d.mts +194 -462
  165. package/dist/types/index.d.mts.map +1 -1
  166. package/dist/types/index.mjs +189 -482
  167. package/dist/types/index.mjs.map +1 -1
  168. package/package.json +5 -8
@@ -1,5 +1,4 @@
1
1
  export { AvatarBaseSize, AvatarBaseShape } from "@metamask-previews/design-system-shared";
2
- export { AvatarBaseSize as AvatarFaviconSize } from "@metamask-previews/design-system-shared";
3
2
  export { AvatarBaseSize as AvatarGroupSize } from "@metamask-previews/design-system-shared";
4
3
  export { AvatarBaseSize as AvatarIconSize } from "@metamask-previews/design-system-shared";
5
4
  export { AvatarBaseSize as AvatarNetworkSize } from "@metamask-previews/design-system-shared";
@@ -26,6 +25,178 @@ export var AvatarGroupVariant;
26
25
  AvatarGroupVariant["Network"] = "network";
27
26
  AvatarGroupVariant["Token"] = "token";
28
27
  })(AvatarGroupVariant || (AvatarGroupVariant = {}));
28
+ /**
29
+ * Box - flexDirection
30
+ */
31
+ export var BoxFlexDirection;
32
+ (function (BoxFlexDirection) {
33
+ BoxFlexDirection["Row"] = "flex-row";
34
+ BoxFlexDirection["RowReverse"] = "flex-row-reverse";
35
+ BoxFlexDirection["Column"] = "flex-col";
36
+ BoxFlexDirection["ColumnReverse"] = "flex-col-reverse";
37
+ })(BoxFlexDirection || (BoxFlexDirection = {}));
38
+ /**
39
+ * Box - flexWrap
40
+ */
41
+ export var BoxFlexWrap;
42
+ (function (BoxFlexWrap) {
43
+ BoxFlexWrap["NoWrap"] = "flex-nowrap";
44
+ BoxFlexWrap["Wrap"] = "flex-wrap";
45
+ BoxFlexWrap["WrapReverse"] = "flex-wrap-reverse";
46
+ })(BoxFlexWrap || (BoxFlexWrap = {}));
47
+ /**
48
+ * Box - alignItems
49
+ */
50
+ export var BoxAlignItems;
51
+ (function (BoxAlignItems) {
52
+ BoxAlignItems["Start"] = "items-start";
53
+ BoxAlignItems["Center"] = "items-center";
54
+ BoxAlignItems["End"] = "items-end";
55
+ BoxAlignItems["Stretch"] = "items-stretch";
56
+ BoxAlignItems["Baseline"] = "items-baseline";
57
+ })(BoxAlignItems || (BoxAlignItems = {}));
58
+ /**
59
+ * Box - justifyContent
60
+ */
61
+ export var BoxJustifyContent;
62
+ (function (BoxJustifyContent) {
63
+ BoxJustifyContent["Start"] = "justify-start";
64
+ BoxJustifyContent["Center"] = "justify-center";
65
+ BoxJustifyContent["End"] = "justify-end";
66
+ BoxJustifyContent["Between"] = "justify-between";
67
+ BoxJustifyContent["Around"] = "justify-around";
68
+ BoxJustifyContent["Evenly"] = "justify-evenly";
69
+ })(BoxJustifyContent || (BoxJustifyContent = {}));
70
+ /**
71
+ * Box - backgroundColor
72
+ */
73
+ export var BoxBackgroundColor;
74
+ (function (BoxBackgroundColor) {
75
+ /** Default background color */
76
+ BoxBackgroundColor["BackgroundDefault"] = "bg-default";
77
+ /** Alternative background color */
78
+ BoxBackgroundColor["BackgroundAlternative"] = "bg-alternative";
79
+ /** Section background color */
80
+ BoxBackgroundColor["BackgroundSection"] = "bg-section";
81
+ /** Subsection background color */
82
+ BoxBackgroundColor["BackgroundSubsection"] = "bg-subsection";
83
+ /** Muted background color */
84
+ BoxBackgroundColor["BackgroundMuted"] = "bg-muted";
85
+ /** Primary default background color */
86
+ BoxBackgroundColor["PrimaryDefault"] = "bg-primary-default";
87
+ /** Primary alternative background color */
88
+ BoxBackgroundColor["PrimaryAlternative"] = "bg-primary-alternative";
89
+ /** Primary muted background color */
90
+ BoxBackgroundColor["PrimaryMuted"] = "bg-primary-muted";
91
+ /** Primary inverse background color */
92
+ BoxBackgroundColor["PrimaryInverse"] = "bg-primary-inverse";
93
+ /** Error default background color */
94
+ BoxBackgroundColor["ErrorDefault"] = "bg-error-default";
95
+ /** Error alternative background color */
96
+ BoxBackgroundColor["ErrorAlternative"] = "bg-error-alternative";
97
+ /** Error muted background color */
98
+ BoxBackgroundColor["ErrorMuted"] = "bg-error-muted";
99
+ /** Error inverse background color */
100
+ BoxBackgroundColor["ErrorInverse"] = "bg-error-inverse";
101
+ /** Warning default background color */
102
+ BoxBackgroundColor["WarningDefault"] = "bg-warning-default";
103
+ /** Warning alternative background color */
104
+ BoxBackgroundColor["WarningAlternative"] = "bg-warning-alternative";
105
+ /** Warning muted background color */
106
+ BoxBackgroundColor["WarningMuted"] = "bg-warning-muted";
107
+ /** Warning inverse background color */
108
+ BoxBackgroundColor["WarningInverse"] = "bg-warning-inverse";
109
+ /** Success default background color */
110
+ BoxBackgroundColor["SuccessDefault"] = "bg-success-default";
111
+ /** Success alternative background color */
112
+ BoxBackgroundColor["SuccessAlternative"] = "bg-success-alternative";
113
+ /** Success muted background color */
114
+ BoxBackgroundColor["SuccessMuted"] = "bg-success-muted";
115
+ /** Success inverse background color */
116
+ BoxBackgroundColor["SuccessInverse"] = "bg-success-inverse";
117
+ /** Info default background color */
118
+ BoxBackgroundColor["InfoDefault"] = "bg-info-default";
119
+ /** Info muted background color */
120
+ BoxBackgroundColor["InfoMuted"] = "bg-info-muted";
121
+ /** Info inverse background color */
122
+ BoxBackgroundColor["InfoInverse"] = "bg-info-inverse";
123
+ /** Flask default background color */
124
+ BoxBackgroundColor["FlaskDefault"] = "bg-flask-default";
125
+ /** Flask inverse background color */
126
+ BoxBackgroundColor["FlaskInverse"] = "bg-flask-inverse";
127
+ /** Overlay alternative background color */
128
+ BoxBackgroundColor["OverlayAlternative"] = "bg-overlay-alternative";
129
+ /** Overlay default background color */
130
+ BoxBackgroundColor["OverlayDefault"] = "bg-overlay-default";
131
+ /** Overlay inverse background color */
132
+ BoxBackgroundColor["OverlayInverse"] = "bg-overlay-inverse";
133
+ /** Transparent background color */
134
+ BoxBackgroundColor["Transparent"] = "bg-transparent";
135
+ })(BoxBackgroundColor || (BoxBackgroundColor = {}));
136
+ /**
137
+ * Box - borderColor
138
+ */
139
+ export var BoxBorderColor;
140
+ (function (BoxBorderColor) {
141
+ /** Background default for cut out effect */
142
+ BoxBorderColor["BackgroundDefault"] = "border-background-default";
143
+ /** Default border color */
144
+ BoxBorderColor["BorderDefault"] = "border-default";
145
+ /** Muted border color */
146
+ BoxBorderColor["BorderMuted"] = "border-muted";
147
+ /** Primary default border color */
148
+ BoxBorderColor["PrimaryDefault"] = "border-primary-default";
149
+ /** Primary alternative border color */
150
+ BoxBorderColor["PrimaryAlternative"] = "border-primary-alternative";
151
+ /** Primary muted border color */
152
+ BoxBorderColor["PrimaryMuted"] = "border-primary-muted";
153
+ /** Primary inverse border color */
154
+ BoxBorderColor["PrimaryInverse"] = "border-primary-inverse";
155
+ /** Error default border color */
156
+ BoxBorderColor["ErrorDefault"] = "border-error-default";
157
+ /** Error alternative border color */
158
+ BoxBorderColor["ErrorAlternative"] = "border-error-alternative";
159
+ /** Error muted border color */
160
+ BoxBorderColor["ErrorMuted"] = "border-error-muted";
161
+ /** Error inverse border color */
162
+ BoxBorderColor["ErrorInverse"] = "border-error-inverse";
163
+ /** Warning default border color */
164
+ BoxBorderColor["WarningDefault"] = "border-warning-default";
165
+ /** Warning alternative border color */
166
+ BoxBorderColor["WarningAlternative"] = "border-warning-alternative";
167
+ /** Warning muted border color */
168
+ BoxBorderColor["WarningMuted"] = "border-warning-muted";
169
+ /** Warning inverse border color */
170
+ BoxBorderColor["WarningInverse"] = "border-warning-inverse";
171
+ /** Success default border color */
172
+ BoxBorderColor["SuccessDefault"] = "border-success-default";
173
+ /** Success alternative border color */
174
+ BoxBorderColor["SuccessAlternative"] = "border-success-alternative";
175
+ /** Success muted border color */
176
+ BoxBorderColor["SuccessMuted"] = "border-success-muted";
177
+ /** Success inverse border color */
178
+ BoxBorderColor["SuccessInverse"] = "border-success-inverse";
179
+ /** Info default border color */
180
+ BoxBorderColor["InfoDefault"] = "border-info-default";
181
+ /** Info alternative border color */
182
+ BoxBorderColor["InfoAlternative"] = "border-info-alternative";
183
+ /** Info muted border color */
184
+ BoxBorderColor["InfoMuted"] = "border-info-muted";
185
+ /** Info inverse border color */
186
+ BoxBorderColor["InfoInverse"] = "border-info-inverse";
187
+ /** Flask default border color */
188
+ BoxBorderColor["FlaskDefault"] = "border-flask-default";
189
+ /** Flask inverse border color */
190
+ BoxBorderColor["FlaskInverse"] = "border-flask-inverse";
191
+ /** Overlay alternative border color */
192
+ BoxBorderColor["OverlayAlternative"] = "border-overlay-alternative";
193
+ /** Overlay default border color */
194
+ BoxBorderColor["OverlayDefault"] = "border-overlay-default";
195
+ /** Overlay inverse border color */
196
+ BoxBorderColor["OverlayInverse"] = "border-overlay-inverse";
197
+ /** Transparent border color */
198
+ BoxBorderColor["Transparent"] = "border-transparent";
199
+ })(BoxBorderColor || (BoxBorderColor = {}));
29
200
  /**
30
201
  * ButtonBase - size
31
202
  */
@@ -94,153 +265,32 @@ export var ButtonIconVariant;
94
265
  ButtonIconVariant["Filled"] = "filled";
95
266
  ButtonIconVariant["Floating"] = "floating";
96
267
  })(ButtonIconVariant || (ButtonIconVariant = {}));
97
- /**
98
- * Text - variant
99
- */
100
- export var TextVariant;
101
- (function (TextVariant) {
102
- // Display Sizes
103
- TextVariant["DisplayLg"] = "display-lg";
104
- TextVariant["DisplayMd"] = "display-md";
105
- // Heading Sizes
106
- TextVariant["HeadingLg"] = "heading-lg";
107
- TextVariant["HeadingMd"] = "heading-md";
108
- TextVariant["HeadingSm"] = "heading-sm";
109
- // Font Sizes
110
- TextVariant["BodyLg"] = "body-lg";
111
- TextVariant["BodyMd"] = "body-md";
112
- TextVariant["BodySm"] = "body-sm";
113
- TextVariant["BodyXs"] = "body-xs";
114
- // Special Typography Variants
115
- TextVariant["PageHeading"] = "page-heading";
116
- TextVariant["SectionHeading"] = "section-heading";
117
- TextVariant["ButtonLabelMd"] = "button-label-md";
118
- TextVariant["ButtonLabelLg"] = "button-label-lg";
119
- TextVariant["AmountDisplayLg"] = "amount-display-lg";
120
- })(TextVariant || (TextVariant = {}));
121
- /**
122
- * Text - color
123
- */
124
- export var TextColor;
125
- (function (TextColor) {
126
- /** For default neutral text. */
127
- TextColor["TextDefault"] = "text-default";
128
- /** For softer contrast neutral text */
129
- TextColor["TextAlternative"] = "text-alternative";
130
- /** For the softest contrast neutral text (not accessible) */
131
- TextColor["TextMuted"] = "text-muted";
132
- /** For elements used on top of overlay/alternative. Used for text, icon or border */
133
- TextColor["OverlayInverse"] = "text-overlay-inverse";
134
- /** For interactive, active, and selected semantics. Used for text, background, icon or border */
135
- TextColor["PrimaryDefault"] = "text-primary-default";
136
- /** For primary text in a hover state. */
137
- TextColor["PrimaryDefaultHover"] = "text-primary-default-hover";
138
- /** For primary text in a pressed state. */
139
- TextColor["PrimaryDefaultPressed"] = "text-primary-default-pressed";
140
- /** For elements used on top of primary/default. Used for text, icon or border */
141
- TextColor["PrimaryInverse"] = "text-primary-inverse";
142
- /** For the critical alert semantic elements. Used for text, background, icon or border */
143
- TextColor["ErrorDefault"] = "text-error-default";
144
- /** For critical alert text in a hover state. */
145
- TextColor["ErrorDefaultHover"] = "text-error-default-hover";
146
- /** For critical alert text in a pressed state. */
147
- TextColor["ErrorDefaultPressed"] = "text-error-default-pressed";
148
- /** For the stronger contrast error semantic elements. */
149
- TextColor["ErrorAlternative"] = "text-error-alternative";
150
- /** For elements used on top of error/default. Used for text, icon or border */
151
- TextColor["ErrorInverse"] = "text-error-inverse";
152
- /** For the positive semantic elements. Used for text, background, icon or border */
153
- TextColor["SuccessDefault"] = "text-success-default";
154
- /** For positive text in a hover state. */
155
- TextColor["SuccessDefaultHover"] = "text-success-default-hover";
156
- /** For positive text in a pressed state. */
157
- TextColor["SuccessDefaultPressed"] = "text-success-default-pressed";
158
- /** For elements used on top of success/default. Used for text, icon or border */
159
- TextColor["SuccessInverse"] = "text-success-inverse";
160
- /** For the caution alert semantic elements. Used for text, background, icon or border */
161
- TextColor["WarningDefault"] = "text-warning-default";
162
- /** For caution text in a hover state. */
163
- TextColor["WarningDefaultHover"] = "text-warning-default-hover";
164
- /** For caution text in a pressed state. */
165
- TextColor["WarningDefaultPressed"] = "text-warning-default-pressed";
166
- /** For elements used on top of warning/default. Used for text, icon or border */
167
- TextColor["WarningInverse"] = "text-warning-inverse";
168
- /** For informational read-only elements. Used for text, background, icon or border */
169
- TextColor["InfoDefault"] = "text-info-default";
170
- /** For elements used on top of info/default. Used for text, icon or border */
171
- TextColor["InfoInverse"] = "text-info-inverse";
172
- /** Inherit the color of the parent element */
173
- TextColor["Inherit"] = "text-inherit";
174
- /** Make the text color transparent */
175
- TextColor["Transparent"] = "text-transparent";
176
- })(TextColor || (TextColor = {}));
177
268
  /**
178
269
  * Text - textAlign
179
270
  */
180
- export var TextAlign;
181
- (function (TextAlign) {
182
- TextAlign["Left"] = "text-left";
183
- TextAlign["Center"] = "text-center";
184
- TextAlign["Right"] = "text-right";
185
- TextAlign["Justify"] = "text-justify";
186
- })(TextAlign || (TextAlign = {}));
187
- /**
188
- * Text - fontWeight
189
- */
190
- export var FontWeight;
191
- (function (FontWeight) {
192
- /**
193
- * Weight - 600
194
- */
195
- FontWeight["Bold"] = "font-bold";
196
- /**
197
- * Weight - 500
198
- */
199
- FontWeight["Medium"] = "font-medium";
200
- /**
201
- * Weight - 400
202
- */
203
- FontWeight["Regular"] = "font-regular";
204
- })(FontWeight || (FontWeight = {}));
271
+ export const TextAlign = {
272
+ Left: 'text-left',
273
+ Center: 'text-center',
274
+ Right: 'text-right',
275
+ Justify: 'text-justify',
276
+ };
205
277
  /**
206
278
  * Text - overflowWrap
207
279
  */
208
- export var OverflowWrap;
209
- (function (OverflowWrap) {
210
- OverflowWrap["BreakWord"] = "break-words";
211
- OverflowWrap["Anywhere"] = "break-all";
212
- OverflowWrap["Normal"] = "break-normal";
213
- })(OverflowWrap || (OverflowWrap = {}));
214
- /**
215
- * Text - fontStyle
216
- */
217
- export var FontStyle;
218
- (function (FontStyle) {
219
- FontStyle["Italic"] = "italic";
220
- FontStyle["Normal"] = "not-italic";
221
- })(FontStyle || (FontStyle = {}));
280
+ export const OverflowWrap = {
281
+ BreakWord: 'break-words',
282
+ Anywhere: 'break-all',
283
+ Normal: 'break-normal',
284
+ };
222
285
  /**
223
286
  * Text - textTransform
224
287
  */
225
- export var TextTransform;
226
- (function (TextTransform) {
227
- // eslint-disable-next-line @typescript-eslint/no-shadow
228
- TextTransform["Uppercase"] = "uppercase";
229
- // eslint-disable-next-line @typescript-eslint/no-shadow
230
- TextTransform["Lowercase"] = "lowercase";
231
- // eslint-disable-next-line @typescript-eslint/no-shadow
232
- TextTransform["Capitalize"] = "capitalize";
233
- TextTransform["Normal"] = "normal-case";
234
- })(TextTransform || (TextTransform = {}));
235
- /**
236
- * Text - fontFamily
237
- */
238
- export var FontFamily;
239
- (function (FontFamily) {
240
- FontFamily["Default"] = "font-default";
241
- FontFamily["Accent"] = "font-accent";
242
- FontFamily["Hero"] = "font-hero";
243
- })(FontFamily || (FontFamily = {}));
288
+ export const TextTransform = {
289
+ Uppercase: 'uppercase',
290
+ Lowercase: 'lowercase',
291
+ Capitalize: 'capitalize',
292
+ Normal: 'normal-case',
293
+ };
244
294
  /**
245
295
  * TextButton - size
246
296
  */
@@ -251,347 +301,4 @@ export var TextButtonSize;
251
301
  TextButtonSize["BodySm"] = "body-sm";
252
302
  TextButtonSize["BodyXs"] = "body-xs";
253
303
  })(TextButtonSize || (TextButtonSize = {}));
254
- /**
255
- * Icon - size
256
- */
257
- export var IconSize;
258
- (function (IconSize) {
259
- /** Extra small - 12px */
260
- IconSize["Xs"] = "xs";
261
- /** Small - 16px */
262
- IconSize["Sm"] = "sm";
263
- /** Medium - 20px (Default) */
264
- IconSize["Md"] = "md";
265
- /** Large - 24px */
266
- IconSize["Lg"] = "lg";
267
- /** Extra large - 32px */
268
- IconSize["Xl"] = "xl";
269
- })(IconSize || (IconSize = {}));
270
- /**
271
- * Icon - color
272
- */
273
- export var IconColor;
274
- (function (IconColor) {
275
- /** For default neutral icons */
276
- IconColor["IconDefault"] = "text-icon-default";
277
- /** For softer neutral icons */
278
- IconColor["IconAlternative"] = "text-icon-alternative";
279
- /** For the weakest contrast neutral icons (not accessible) */
280
- IconColor["IconMuted"] = "text-icon-muted";
281
- /** For elements used on top of overlay/alternative. Used for text, icon or border */
282
- IconColor["OverlayInverse"] = "text-overlay-inverse";
283
- /** For interactive, active, and selected semantics. Used for text, background, icon or border */
284
- IconColor["PrimaryDefault"] = "text-primary-default";
285
- /** For elements used on top of primary/default. Used for text, icon or border */
286
- IconColor["PrimaryInverse"] = "text-primary-inverse";
287
- /** For the critical alert semantic elements. Used for text, background, icon or border */
288
- IconColor["ErrorDefault"] = "text-error-default";
289
- /** For elements used on top of error/default. Used for text, icon or border */
290
- IconColor["ErrorInverse"] = "text-error-inverse";
291
- /** For the positive semantic elements. Used for text, background, icon or border */
292
- IconColor["SuccessDefault"] = "text-success-default";
293
- /** For elements used on top of success/default. Used for text, icon or border */
294
- IconColor["SuccessInverse"] = "text-success-inverse";
295
- /** For the caution alert semantic elements. Used for text, background, icon or border */
296
- IconColor["WarningDefault"] = "text-warning-default";
297
- /** For elements used on top of warning/default. Used for text, icon or border */
298
- IconColor["WarningInverse"] = "text-warning-inverse";
299
- /** For informational read-only elements. Used for text, background, icon or border */
300
- IconColor["InfoDefault"] = "text-info-default";
301
- /** For elements used on top of info/default. Used for text, icon or border */
302
- IconColor["InfoInverse"] = "text-info-inverse";
303
- })(IconColor || (IconColor = {}));
304
- /**
305
- * Autogenerated from the generate-icon-script.ts script.
306
- * Please do not edit this enum directly.
307
- */
308
- /**
309
- * Icon - name
310
- */
311
- /* eslint-disable @typescript-eslint/no-shadow */
312
- export var IconName;
313
- (function (IconName) {
314
- IconName["Accessibility"] = "Accessibility";
315
- IconName["Activity"] = "Activity";
316
- IconName["Add"] = "Add";
317
- IconName["AddCard"] = "AddCard";
318
- IconName["AddCircle"] = "AddCircle";
319
- IconName["AddSquare"] = "AddSquare";
320
- IconName["AfterHours"] = "AfterHours";
321
- IconName["Ai"] = "Ai";
322
- IconName["AlternateEmail"] = "AlternateEmail";
323
- IconName["AppleLogo"] = "AppleLogo";
324
- IconName["Apps"] = "Apps";
325
- IconName["Arrow2Down"] = "Arrow2Down";
326
- IconName["Arrow2Left"] = "Arrow2Left";
327
- IconName["Arrow2Right"] = "Arrow2Right";
328
- IconName["Arrow2Up"] = "Arrow2Up";
329
- IconName["Arrow2UpRight"] = "Arrow2UpRight";
330
- IconName["ArrowCircleDown"] = "ArrowCircleDown";
331
- IconName["ArrowCircleUp"] = "ArrowCircleUp";
332
- IconName["ArrowDoubleLeft"] = "ArrowDoubleLeft";
333
- IconName["ArrowDoubleRight"] = "ArrowDoubleRight";
334
- IconName["ArrowDown"] = "ArrowDown";
335
- IconName["ArrowDropDownCircle"] = "ArrowDropDownCircle";
336
- IconName["ArrowLeft"] = "ArrowLeft";
337
- IconName["ArrowRight"] = "ArrowRight";
338
- IconName["ArrowUp"] = "ArrowUp";
339
- IconName["AttachMoney"] = "AttachMoney";
340
- IconName["Attachment"] = "Attachment";
341
- IconName["Backspace"] = "Backspace";
342
- IconName["Ban"] = "Ban";
343
- IconName["Bank"] = "Bank";
344
- IconName["BankAssured"] = "BankAssured";
345
- IconName["Bold"] = "Bold";
346
- IconName["Book"] = "Book";
347
- IconName["Bookmark"] = "Bookmark";
348
- IconName["Bridge"] = "Bridge";
349
- IconName["Briefcase"] = "Briefcase";
350
- IconName["Bulb"] = "Bulb";
351
- IconName["BuySell"] = "BuySell";
352
- IconName["Cake"] = "Cake";
353
- IconName["Calculator"] = "Calculator";
354
- IconName["Calendar"] = "Calendar";
355
- IconName["Call"] = "Call";
356
- IconName["Camera"] = "Camera";
357
- IconName["Campaign"] = "Campaign";
358
- IconName["Candlestick"] = "Candlestick";
359
- IconName["Card"] = "Card";
360
- IconName["CardPos"] = "CardPos";
361
- IconName["Cash"] = "Cash";
362
- IconName["Category"] = "Category";
363
- IconName["Chart"] = "Chart";
364
- IconName["Check"] = "Check";
365
- IconName["CheckBold"] = "CheckBold";
366
- IconName["CircleX"] = "CircleX";
367
- IconName["Clear"] = "Clear";
368
- IconName["Clock"] = "Clock";
369
- IconName["ClockFilled"] = "ClockFilled";
370
- IconName["Close"] = "Close";
371
- IconName["Cloud"] = "Cloud";
372
- IconName["CloudDownload"] = "CloudDownload";
373
- IconName["CloudUpload"] = "CloudUpload";
374
- IconName["Code"] = "Code";
375
- IconName["CodeCircle"] = "CodeCircle";
376
- IconName["Coin"] = "Coin";
377
- IconName["Collapse"] = "Collapse";
378
- IconName["Confirmation"] = "Confirmation";
379
- IconName["Connect"] = "Connect";
380
- IconName["Copy"] = "Copy";
381
- IconName["CopySuccess"] = "CopySuccess";
382
- IconName["CorporateFare"] = "CorporateFare";
383
- IconName["CreditCheck"] = "CreditCheck";
384
- IconName["CurrencyFranc"] = "CurrencyFranc";
385
- IconName["CurrencyLira"] = "CurrencyLira";
386
- IconName["CurrencyPound"] = "CurrencyPound";
387
- IconName["CurrencyYuan"] = "CurrencyYuan";
388
- IconName["Customize"] = "Customize";
389
- IconName["Danger"] = "Danger";
390
- IconName["Dark"] = "Dark";
391
- IconName["DarkFilled"] = "DarkFilled";
392
- IconName["Data"] = "Data";
393
- IconName["Description"] = "Description";
394
- IconName["Details"] = "Details";
395
- IconName["Diagram"] = "Diagram";
396
- IconName["DocumentCode"] = "DocumentCode";
397
- IconName["Download"] = "Download";
398
- IconName["Draft"] = "Draft";
399
- IconName["EcoLeaf"] = "EcoLeaf";
400
- IconName["Edit"] = "Edit";
401
- IconName["EditSquare"] = "EditSquare";
402
- IconName["EncryptedAdd"] = "EncryptedAdd";
403
- IconName["Eraser"] = "Eraser";
404
- IconName["Error"] = "Error";
405
- IconName["Ethereum"] = "Ethereum";
406
- IconName["Exchange"] = "Exchange";
407
- IconName["Expand"] = "Expand";
408
- IconName["ExpandVertical"] = "ExpandVertical";
409
- IconName["Explore"] = "Explore";
410
- IconName["ExploreFilled"] = "ExploreFilled";
411
- IconName["Export"] = "Export";
412
- IconName["Extension"] = "Extension";
413
- IconName["Eye"] = "Eye";
414
- IconName["EyeSlash"] = "EyeSlash";
415
- IconName["FaceId"] = "FaceId";
416
- IconName["Feedback"] = "Feedback";
417
- IconName["File"] = "File";
418
- IconName["Filter"] = "Filter";
419
- IconName["Fingerprint"] = "Fingerprint";
420
- IconName["Fire"] = "Fire";
421
- IconName["FirstPage"] = "FirstPage";
422
- IconName["Flag"] = "Flag";
423
- IconName["Flash"] = "Flash";
424
- IconName["FlashSlash"] = "FlashSlash";
425
- IconName["Flask"] = "Flask";
426
- IconName["Flower"] = "Flower";
427
- IconName["Folder"] = "Folder";
428
- IconName["Forest"] = "Forest";
429
- IconName["FullCircle"] = "FullCircle";
430
- IconName["Gas"] = "Gas";
431
- IconName["Gift"] = "Gift";
432
- IconName["Global"] = "Global";
433
- IconName["GlobalSearch"] = "GlobalSearch";
434
- IconName["Graph"] = "Graph";
435
- IconName["Hardware"] = "Hardware";
436
- IconName["HashTag"] = "HashTag";
437
- IconName["Heart"] = "Heart";
438
- IconName["HeartFilled"] = "HeartFilled";
439
- IconName["Hierarchy"] = "Hierarchy";
440
- IconName["Home"] = "Home";
441
- IconName["HomeFilled"] = "HomeFilled";
442
- IconName["Image"] = "Image";
443
- IconName["Info"] = "Info";
444
- IconName["Inventory"] = "Inventory";
445
- IconName["Joystick"] = "Joystick";
446
- IconName["Keep"] = "Keep";
447
- IconName["KeepFilled"] = "KeepFilled";
448
- IconName["Key"] = "Key";
449
- IconName["LastPage"] = "LastPage";
450
- IconName["Light"] = "Light";
451
- IconName["LightFilled"] = "LightFilled";
452
- IconName["Link"] = "Link";
453
- IconName["Loading"] = "Loading";
454
- IconName["Location"] = "Location";
455
- IconName["Lock"] = "Lock";
456
- IconName["LockSlash"] = "LockSlash";
457
- IconName["LockedFilled"] = "LockedFilled";
458
- IconName["Login"] = "Login";
459
- IconName["Logout"] = "Logout";
460
- IconName["Mail"] = "Mail";
461
- IconName["Map"] = "Map";
462
- IconName["Menu"] = "Menu";
463
- IconName["MessageQuestion"] = "MessageQuestion";
464
- IconName["Messages"] = "Messages";
465
- IconName["MetamaskFoxOutline"] = "MetamaskFoxOutline";
466
- IconName["Mic"] = "Mic";
467
- IconName["Minus"] = "Minus";
468
- IconName["MinusBold"] = "MinusBold";
469
- IconName["MinusSquare"] = "MinusSquare";
470
- IconName["Mobile"] = "Mobile";
471
- IconName["Money"] = "Money";
472
- IconName["MoneyBag"] = "MoneyBag";
473
- IconName["Monitor"] = "Monitor";
474
- IconName["MoreHorizontal"] = "MoreHorizontal";
475
- IconName["MoreVertical"] = "MoreVertical";
476
- IconName["MountainFlag"] = "MountainFlag";
477
- IconName["MusicNote"] = "MusicNote";
478
- IconName["NoPhotography"] = "NoPhotography";
479
- IconName["Notification"] = "Notification";
480
- IconName["PageInfo"] = "PageInfo";
481
- IconName["Palette"] = "Palette";
482
- IconName["PasswordCheck"] = "PasswordCheck";
483
- IconName["Pending"] = "Pending";
484
- IconName["People"] = "People";
485
- IconName["PersonCancel"] = "PersonCancel";
486
- IconName["Pin"] = "Pin";
487
- IconName["Plant"] = "Plant";
488
- IconName["Plug"] = "Plug";
489
- IconName["PlusAndMinus"] = "PlusAndMinus";
490
- IconName["PolicyAlert"] = "PolicyAlert";
491
- IconName["PopUp"] = "PopUp";
492
- IconName["Print"] = "Print";
493
- IconName["PriorityHigh"] = "PriorityHigh";
494
- IconName["PrivacyTip"] = "PrivacyTip";
495
- IconName["ProgrammingArrows"] = "ProgrammingArrows";
496
- IconName["Publish"] = "Publish";
497
- IconName["QrCode"] = "QrCode";
498
- IconName["Question"] = "Question";
499
- IconName["Receive"] = "Receive";
500
- IconName["Received"] = "Received";
501
- IconName["Refresh"] = "Refresh";
502
- IconName["RemoveMinus"] = "RemoveMinus";
503
- IconName["Report"] = "Report";
504
- IconName["Rocket"] = "Rocket";
505
- IconName["Save"] = "Save";
506
- IconName["SaveFilled"] = "SaveFilled";
507
- IconName["Saving"] = "Saving";
508
- IconName["Scan"] = "Scan";
509
- IconName["ScanBarcode"] = "ScanBarcode";
510
- IconName["ScanFocus"] = "ScanFocus";
511
- IconName["Search"] = "Search";
512
- IconName["Security"] = "Security";
513
- IconName["SecurityAlert"] = "SecurityAlert";
514
- IconName["SecurityCross"] = "SecurityCross";
515
- IconName["SecurityKey"] = "SecurityKey";
516
- IconName["SecuritySearch"] = "SecuritySearch";
517
- IconName["SecuritySlash"] = "SecuritySlash";
518
- IconName["SecurityTick"] = "SecurityTick";
519
- IconName["SecurityTime"] = "SecurityTime";
520
- IconName["SecurityUser"] = "SecurityUser";
521
- IconName["Send"] = "Send";
522
- IconName["SentimentDissatisfied"] = "SentimentDissatisfied";
523
- IconName["SentimentNeutral"] = "SentimentNeutral";
524
- IconName["SentimentSatisfied"] = "SentimentSatisfied";
525
- IconName["SentimentVerySatisfied"] = "SentimentVerySatisfied";
526
- IconName["Setting"] = "Setting";
527
- IconName["SettingFilled"] = "SettingFilled";
528
- IconName["Share"] = "Share";
529
- IconName["ShieldLock"] = "ShieldLock";
530
- IconName["ShoppingBag"] = "ShoppingBag";
531
- IconName["ShoppingCart"] = "ShoppingCart";
532
- IconName["SidePanel"] = "SidePanel";
533
- IconName["SignalCellular"] = "SignalCellular";
534
- IconName["Slash"] = "Slash";
535
- IconName["Sms"] = "Sms";
536
- IconName["Snaps"] = "Snaps";
537
- IconName["SnapsMobile"] = "SnapsMobile";
538
- IconName["SnapsPlus"] = "SnapsPlus";
539
- IconName["SnapsRound"] = "SnapsRound";
540
- IconName["Sort"] = "Sort";
541
- IconName["SortByAlpha"] = "SortByAlpha";
542
- IconName["Sparkle"] = "Sparkle";
543
- IconName["Speed"] = "Speed";
544
- IconName["Speedometer"] = "Speedometer";
545
- IconName["Square"] = "Square";
546
- IconName["Stake"] = "Stake";
547
- IconName["Star"] = "Star";
548
- IconName["StarFilled"] = "StarFilled";
549
- IconName["Start"] = "Start";
550
- IconName["Storefront"] = "Storefront";
551
- IconName["Student"] = "Student";
552
- IconName["SwapHorizontal"] = "SwapHorizontal";
553
- IconName["SwapVertical"] = "SwapVertical";
554
- IconName["TabClose"] = "TabClose";
555
- IconName["TableRow"] = "TableRow";
556
- IconName["Tablet"] = "Tablet";
557
- IconName["Tag"] = "Tag";
558
- IconName["ThumbDown"] = "ThumbDown";
559
- IconName["ThumbDownFilled"] = "ThumbDownFilled";
560
- IconName["ThumbUp"] = "ThumbUp";
561
- IconName["ThumbUpFilled"] = "ThumbUpFilled";
562
- IconName["Tint"] = "Tint";
563
- IconName["Tooltip"] = "Tooltip";
564
- IconName["Translate"] = "Translate";
565
- IconName["Trash"] = "Trash";
566
- IconName["TrendDown"] = "TrendDown";
567
- IconName["TrendUp"] = "TrendUp";
568
- IconName["Undo"] = "Undo";
569
- IconName["Unfold"] = "Unfold";
570
- IconName["UnlockedFilled"] = "UnlockedFilled";
571
- IconName["Unpin"] = "Unpin";
572
- IconName["Upload"] = "Upload";
573
- IconName["UploadFile"] = "UploadFile";
574
- IconName["Usb"] = "Usb";
575
- IconName["User"] = "User";
576
- IconName["UserCheck"] = "UserCheck";
577
- IconName["UserCircle"] = "UserCircle";
578
- IconName["UserCircleAdd"] = "UserCircleAdd";
579
- IconName["UserCircleRemove"] = "UserCircleRemove";
580
- IconName["Verified"] = "Verified";
581
- IconName["VerifiedFilled"] = "VerifiedFilled";
582
- IconName["Videocam"] = "Videocam";
583
- IconName["ViewColumn"] = "ViewColumn";
584
- IconName["ViewInAr"] = "ViewInAr";
585
- IconName["VolumeOff"] = "VolumeOff";
586
- IconName["VolumeUp"] = "VolumeUp";
587
- IconName["Wallet"] = "Wallet";
588
- IconName["WalletFilled"] = "WalletFilled";
589
- IconName["Warning"] = "Warning";
590
- IconName["WebTraffic"] = "WebTraffic";
591
- IconName["Widgets"] = "Widgets";
592
- IconName["Wifi"] = "Wifi";
593
- IconName["WifiOff"] = "WifiOff";
594
- IconName["X"] = "X";
595
- })(IconName || (IconName = {}));
596
- /* eslint-enable @typescript-eslint/no-shadow */
597
304
  //# sourceMappingURL=index.mjs.map