@metamask/design-system-react 0.25.0 → 0.27.0

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 (188) hide show
  1. package/CHANGELOG.md +27 -1
  2. package/dist/components/AvatarIcon/AvatarIcon.constants.cjs +2 -2
  3. package/dist/components/AvatarIcon/AvatarIcon.constants.cjs.map +1 -1
  4. package/dist/components/AvatarIcon/AvatarIcon.constants.mjs +2 -2
  5. package/dist/components/AvatarIcon/AvatarIcon.constants.mjs.map +1 -1
  6. package/dist/components/AvatarNetwork/AvatarNetwork.cjs +1 -2
  7. package/dist/components/AvatarNetwork/AvatarNetwork.cjs.map +1 -1
  8. package/dist/components/AvatarNetwork/AvatarNetwork.d.cts.map +1 -1
  9. package/dist/components/AvatarNetwork/AvatarNetwork.d.mts.map +1 -1
  10. package/dist/components/AvatarNetwork/AvatarNetwork.mjs +1 -2
  11. package/dist/components/AvatarNetwork/AvatarNetwork.mjs.map +1 -1
  12. package/dist/components/AvatarNetwork/index.cjs +2 -2
  13. package/dist/components/AvatarNetwork/index.cjs.map +1 -1
  14. package/dist/components/AvatarNetwork/index.d.cts +1 -1
  15. package/dist/components/AvatarNetwork/index.d.cts.map +1 -1
  16. package/dist/components/AvatarNetwork/index.d.mts +1 -1
  17. package/dist/components/AvatarNetwork/index.d.mts.map +1 -1
  18. package/dist/components/AvatarNetwork/index.mjs +1 -1
  19. package/dist/components/AvatarNetwork/index.mjs.map +1 -1
  20. package/dist/components/BannerAlert/BannerAlert.cjs +1 -2
  21. package/dist/components/BannerAlert/BannerAlert.cjs.map +1 -1
  22. package/dist/components/BannerAlert/BannerAlert.constants.cjs +8 -9
  23. package/dist/components/BannerAlert/BannerAlert.constants.cjs.map +1 -1
  24. package/dist/components/BannerAlert/BannerAlert.constants.d.cts +1 -2
  25. package/dist/components/BannerAlert/BannerAlert.constants.d.cts.map +1 -1
  26. package/dist/components/BannerAlert/BannerAlert.constants.d.mts +1 -2
  27. package/dist/components/BannerAlert/BannerAlert.constants.d.mts.map +1 -1
  28. package/dist/components/BannerAlert/BannerAlert.constants.mjs +1 -2
  29. package/dist/components/BannerAlert/BannerAlert.constants.mjs.map +1 -1
  30. package/dist/components/BannerAlert/BannerAlert.d.cts.map +1 -1
  31. package/dist/components/BannerAlert/BannerAlert.d.mts.map +1 -1
  32. package/dist/components/BannerAlert/BannerAlert.mjs +1 -2
  33. package/dist/components/BannerAlert/BannerAlert.mjs.map +1 -1
  34. package/dist/components/Icon/Icon.cjs +2 -2
  35. package/dist/components/Icon/Icon.cjs.map +1 -1
  36. package/dist/components/Icon/Icon.constants.cjs +6 -6
  37. package/dist/components/Icon/Icon.constants.cjs.map +1 -1
  38. package/dist/components/Icon/Icon.constants.d.cts +1 -1
  39. package/dist/components/Icon/Icon.constants.d.cts.map +1 -1
  40. package/dist/components/Icon/Icon.constants.d.mts +1 -1
  41. package/dist/components/Icon/Icon.constants.d.mts.map +1 -1
  42. package/dist/components/Icon/Icon.constants.mjs +1 -1
  43. package/dist/components/Icon/Icon.constants.mjs.map +1 -1
  44. package/dist/components/Icon/Icon.d.cts.map +1 -1
  45. package/dist/components/Icon/Icon.d.mts.map +1 -1
  46. package/dist/components/Icon/Icon.mjs +1 -1
  47. package/dist/components/Icon/Icon.mjs.map +1 -1
  48. package/dist/components/Icon/icons/Trophy.cjs +32 -0
  49. package/dist/components/Icon/icons/Trophy.cjs.map +1 -0
  50. package/dist/components/Icon/icons/Trophy.d.cts +4 -0
  51. package/dist/components/Icon/icons/Trophy.d.cts.map +1 -0
  52. package/dist/components/Icon/icons/Trophy.d.mts +4 -0
  53. package/dist/components/Icon/icons/Trophy.d.mts.map +1 -0
  54. package/dist/components/Icon/icons/Trophy.mjs +7 -0
  55. package/dist/components/Icon/icons/Trophy.mjs.map +1 -0
  56. package/dist/components/Icon/icons/index.cjs +2 -0
  57. package/dist/components/Icon/icons/index.cjs.map +1 -1
  58. package/dist/components/Icon/icons/index.d.cts +1 -0
  59. package/dist/components/Icon/icons/index.d.cts.map +1 -1
  60. package/dist/components/Icon/icons/index.d.mts +1 -0
  61. package/dist/components/Icon/icons/index.d.mts.map +1 -1
  62. package/dist/components/Icon/icons/index.mjs +2 -0
  63. package/dist/components/Icon/icons/index.mjs.map +1 -1
  64. package/dist/components/Icon/index.cjs +4 -4
  65. package/dist/components/Icon/index.cjs.map +1 -1
  66. package/dist/components/Icon/index.d.cts +1 -1
  67. package/dist/components/Icon/index.d.cts.map +1 -1
  68. package/dist/components/Icon/index.d.mts +1 -1
  69. package/dist/components/Icon/index.d.mts.map +1 -1
  70. package/dist/components/Icon/index.mjs +1 -1
  71. package/dist/components/Icon/index.mjs.map +1 -1
  72. package/dist/components/Tag/Tag.cjs +51 -0
  73. package/dist/components/Tag/Tag.cjs.map +1 -0
  74. package/dist/components/Tag/Tag.constants.cjs +26 -0
  75. package/dist/components/Tag/Tag.constants.cjs.map +1 -0
  76. package/dist/components/Tag/Tag.constants.d.cts +5 -0
  77. package/dist/components/Tag/Tag.constants.d.cts.map +1 -0
  78. package/dist/components/Tag/Tag.constants.d.mts +5 -0
  79. package/dist/components/Tag/Tag.constants.d.mts.map +1 -0
  80. package/dist/components/Tag/Tag.constants.mjs +23 -0
  81. package/dist/components/Tag/Tag.constants.mjs.map +1 -0
  82. package/dist/components/Tag/Tag.d.cts +4 -0
  83. package/dist/components/Tag/Tag.d.cts.map +1 -0
  84. package/dist/components/Tag/Tag.d.mts +4 -0
  85. package/dist/components/Tag/Tag.d.mts.map +1 -0
  86. package/dist/components/Tag/Tag.mjs +32 -0
  87. package/dist/components/Tag/Tag.mjs.map +1 -0
  88. package/dist/components/Tag/Tag.types.cjs +3 -0
  89. package/dist/components/Tag/Tag.types.cjs.map +1 -0
  90. package/dist/components/Tag/Tag.types.d.cts +31 -0
  91. package/dist/components/Tag/Tag.types.d.cts.map +1 -0
  92. package/dist/components/Tag/Tag.types.d.mts +31 -0
  93. package/dist/components/Tag/Tag.types.d.mts.map +1 -0
  94. package/dist/components/Tag/Tag.types.mjs +2 -0
  95. package/dist/components/Tag/Tag.types.mjs.map +1 -0
  96. package/dist/components/Tag/index.cjs +8 -0
  97. package/dist/components/Tag/index.cjs.map +1 -0
  98. package/dist/components/Tag/index.d.cts +4 -0
  99. package/dist/components/Tag/index.d.cts.map +1 -0
  100. package/dist/components/Tag/index.d.mts +4 -0
  101. package/dist/components/Tag/index.d.mts.map +1 -0
  102. package/dist/components/Tag/index.mjs +3 -0
  103. package/dist/components/Tag/index.mjs.map +1 -0
  104. package/dist/components/TextButton/TextButton.cjs +7 -28
  105. package/dist/components/TextButton/TextButton.cjs.map +1 -1
  106. package/dist/components/TextButton/TextButton.d.cts.map +1 -1
  107. package/dist/components/TextButton/TextButton.d.mts.map +1 -1
  108. package/dist/components/TextButton/TextButton.mjs +7 -28
  109. package/dist/components/TextButton/TextButton.mjs.map +1 -1
  110. package/dist/components/TextButton/TextButton.types.cjs.map +1 -1
  111. package/dist/components/TextButton/TextButton.types.d.cts +9 -25
  112. package/dist/components/TextButton/TextButton.types.d.cts.map +1 -1
  113. package/dist/components/TextButton/TextButton.types.d.mts +9 -25
  114. package/dist/components/TextButton/TextButton.types.d.mts.map +1 -1
  115. package/dist/components/TextButton/TextButton.types.mjs.map +1 -1
  116. package/dist/components/TextButton/index.cjs +1 -3
  117. package/dist/components/TextButton/index.cjs.map +1 -1
  118. package/dist/components/TextButton/index.d.cts +0 -1
  119. package/dist/components/TextButton/index.d.cts.map +1 -1
  120. package/dist/components/TextButton/index.d.mts +0 -1
  121. package/dist/components/TextButton/index.d.mts.map +1 -1
  122. package/dist/components/TextButton/index.mjs +0 -1
  123. package/dist/components/TextButton/index.mjs.map +1 -1
  124. package/dist/components/Toast/Toast.cjs +73 -0
  125. package/dist/components/Toast/Toast.cjs.map +1 -0
  126. package/dist/components/Toast/Toast.constants.cjs +24 -0
  127. package/dist/components/Toast/Toast.constants.cjs.map +1 -0
  128. package/dist/components/Toast/Toast.constants.d.cts +16 -0
  129. package/dist/components/Toast/Toast.constants.d.cts.map +1 -0
  130. package/dist/components/Toast/Toast.constants.d.mts +16 -0
  131. package/dist/components/Toast/Toast.constants.d.mts.map +1 -0
  132. package/dist/components/Toast/Toast.constants.mjs +19 -0
  133. package/dist/components/Toast/Toast.constants.mjs.map +1 -0
  134. package/dist/components/Toast/Toast.d.cts +4 -0
  135. package/dist/components/Toast/Toast.d.cts.map +1 -0
  136. package/dist/components/Toast/Toast.d.mts +4 -0
  137. package/dist/components/Toast/Toast.d.mts.map +1 -0
  138. package/dist/components/Toast/Toast.mjs +54 -0
  139. package/dist/components/Toast/Toast.mjs.map +1 -0
  140. package/dist/components/Toast/Toast.types.cjs +3 -0
  141. package/dist/components/Toast/Toast.types.cjs.map +1 -0
  142. package/dist/components/Toast/Toast.types.d.cts +60 -0
  143. package/dist/components/Toast/Toast.types.d.cts.map +1 -0
  144. package/dist/components/Toast/Toast.types.d.mts +60 -0
  145. package/dist/components/Toast/Toast.types.d.mts.map +1 -0
  146. package/dist/components/Toast/Toast.types.mjs +2 -0
  147. package/dist/components/Toast/Toast.types.mjs.map +1 -0
  148. package/dist/components/Toast/Toaster.cjs +210 -0
  149. package/dist/components/Toast/Toaster.cjs.map +1 -0
  150. package/dist/components/Toast/Toaster.d.cts +11 -0
  151. package/dist/components/Toast/Toaster.d.cts.map +1 -0
  152. package/dist/components/Toast/Toaster.d.mts +11 -0
  153. package/dist/components/Toast/Toaster.d.mts.map +1 -0
  154. package/dist/components/Toast/Toaster.mjs +191 -0
  155. package/dist/components/Toast/Toaster.mjs.map +1 -0
  156. package/dist/components/Toast/index.cjs +11 -0
  157. package/dist/components/Toast/index.cjs.map +1 -0
  158. package/dist/components/Toast/index.d.cts +5 -0
  159. package/dist/components/Toast/index.d.cts.map +1 -0
  160. package/dist/components/Toast/index.d.mts +5 -0
  161. package/dist/components/Toast/index.d.mts.map +1 -0
  162. package/dist/components/Toast/index.mjs +4 -0
  163. package/dist/components/Toast/index.mjs.map +1 -0
  164. package/dist/components/index.cjs +10 -2
  165. package/dist/components/index.cjs.map +1 -1
  166. package/dist/components/index.d.cts +5 -1
  167. package/dist/components/index.d.cts.map +1 -1
  168. package/dist/components/index.d.mts +5 -1
  169. package/dist/components/index.d.mts.map +1 -1
  170. package/dist/components/index.mjs +3 -1
  171. package/dist/components/index.mjs.map +1 -1
  172. package/dist/types/index.cjs +2 -23
  173. package/dist/types/index.cjs.map +1 -1
  174. package/dist/types/index.d.cts +1 -14
  175. package/dist/types/index.d.cts.map +1 -1
  176. package/dist/types/index.d.mts +1 -14
  177. package/dist/types/index.d.mts.map +1 -1
  178. package/dist/types/index.mjs +1 -15
  179. package/dist/types/index.mjs.map +1 -1
  180. package/package.json +4 -2
  181. package/dist/components/TextButton/TextButton.constants.cjs +0 -12
  182. package/dist/components/TextButton/TextButton.constants.cjs.map +0 -1
  183. package/dist/components/TextButton/TextButton.constants.d.cts +0 -4
  184. package/dist/components/TextButton/TextButton.constants.d.cts.map +0 -1
  185. package/dist/components/TextButton/TextButton.constants.d.mts +0 -4
  186. package/dist/components/TextButton/TextButton.constants.d.mts.map +0 -1
  187. package/dist/components/TextButton/TextButton.constants.mjs +0 -9
  188. package/dist/components/TextButton/TextButton.constants.mjs.map +0 -1
@@ -1,20 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TextButtonSize = exports.TextTransform = exports.OverflowWrap = exports.TextAlign = exports.AvatarSize = exports.AvatarNetworkSize = exports.IconSize = exports.IconName = exports.IconColor = exports.AvatarBaseShape = exports.AvatarBaseSize = void 0;
4
- var design_system_shared_1 = require("@metamask/design-system-shared");
5
- Object.defineProperty(exports, "AvatarBaseSize", { enumerable: true, get: function () { return design_system_shared_1.AvatarBaseSize; } });
6
- Object.defineProperty(exports, "AvatarBaseShape", { enumerable: true, get: function () { return design_system_shared_1.AvatarBaseShape; } });
3
+ exports.TextTransform = exports.OverflowWrap = exports.TextAlign = void 0;
7
4
  /**
8
- * TODO: Remove the following exports and update imports in components to import directly from `@metamask/design-system-shared` once all components have been migrated to React Native.
5
+ * TODO: Align react native and react types and move to shared types package
9
6
  */
10
- var design_system_shared_2 = require("@metamask/design-system-shared");
11
- Object.defineProperty(exports, "IconColor", { enumerable: true, get: function () { return design_system_shared_2.IconColor; } });
12
- Object.defineProperty(exports, "IconName", { enumerable: true, get: function () { return design_system_shared_2.IconName; } });
13
- Object.defineProperty(exports, "IconSize", { enumerable: true, get: function () { return design_system_shared_2.IconSize; } });
14
- var design_system_shared_3 = require("@metamask/design-system-shared");
15
- Object.defineProperty(exports, "AvatarNetworkSize", { enumerable: true, get: function () { return design_system_shared_3.AvatarBaseSize; } });
16
- var design_system_shared_4 = require("@metamask/design-system-shared");
17
- Object.defineProperty(exports, "AvatarSize", { enumerable: true, get: function () { return design_system_shared_4.AvatarBaseSize; } });
18
7
  /**
19
8
  * Text - textAlign
20
9
  */
@@ -41,14 +30,4 @@ exports.TextTransform = {
41
30
  Capitalize: 'capitalize',
42
31
  Normal: 'normal-case',
43
32
  };
44
- /**
45
- * TextButton - size
46
- */
47
- var TextButtonSize;
48
- (function (TextButtonSize) {
49
- TextButtonSize["BodyLg"] = "body-lg";
50
- TextButtonSize["BodyMd"] = "body-md";
51
- TextButtonSize["BodySm"] = "body-sm";
52
- TextButtonSize["BodyXs"] = "body-xs";
53
- })(TextButtonSize || (exports.TextButtonSize = TextButtonSize = {}));
54
33
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":";;;AAAA,uEAGwC;AAFtC,sHAAA,cAAc,OAAA;AACd,uHAAA,eAAe,OAAA;AAEjB;;GAEG;AACH,uEAA+E;AAAtE,iHAAA,SAAS,OAAA;AAAE,gHAAA,QAAQ,OAAA;AAAE,gHAAA,QAAQ,OAAA;AACtC,uEAAqF;AAA5E,yHAAA,cAAc,OAAqB;AAC5C,uEAA8E;AAArE,kHAAA,cAAc,OAAc;AAErC;;GAEG;AACU,QAAA,SAAS,GAAG;IACvB,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;CACf,CAAC;AAGX;;GAEG;AACU,QAAA,YAAY,GAAG;IAC1B,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,WAAW;IACrB,MAAM,EAAE,cAAc;CACd,CAAC;AAGX;;GAEG;AACU,QAAA,aAAa,GAAG;IAC3B,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;IACxB,MAAM,EAAE,aAAa;CACb,CAAC;AAGX;;GAEG;AACH,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;AACpB,CAAC,EALW,cAAc,8BAAd,cAAc,QAKzB","sourcesContent":["export {\n AvatarBaseSize,\n AvatarBaseShape,\n} from '@metamask/design-system-shared';\n/**\n * TODO: Remove the following exports and update imports in components to import directly from `@metamask/design-system-shared` once all components have been migrated to React Native.\n */\nexport { IconColor, IconName, IconSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarNetworkSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarSize } from '@metamask/design-system-shared';\n\n/**\n * Text - textAlign\n */\nexport const TextAlign = {\n Left: 'text-left',\n Center: 'text-center',\n Right: 'text-right',\n Justify: 'text-justify',\n} as const;\nexport type TextAlign = (typeof TextAlign)[keyof typeof TextAlign];\n\n/**\n * Text - overflowWrap\n */\nexport const OverflowWrap = {\n BreakWord: 'break-words',\n Anywhere: 'break-all',\n Normal: 'break-normal',\n} as const;\nexport type OverflowWrap = (typeof OverflowWrap)[keyof typeof OverflowWrap];\n\n/**\n * Text - textTransform\n */\nexport const TextTransform = {\n Uppercase: 'uppercase',\n Lowercase: 'lowercase',\n Capitalize: 'capitalize',\n Normal: 'normal-case',\n} as const;\nexport type TextTransform = (typeof TextTransform)[keyof typeof TextTransform];\n\n/**\n * TextButton - size\n */\nexport enum TextButtonSize {\n BodyLg = 'body-lg',\n BodyMd = 'body-md',\n BodySm = 'body-sm',\n BodyXs = 'body-xs',\n}\n"]}
1
+ {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":";;;AAAA;;GAEG;AACH;;GAEG;AACU,QAAA,SAAS,GAAG;IACvB,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;CACf,CAAC;AAGX;;GAEG;AACU,QAAA,YAAY,GAAG;IAC1B,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,WAAW;IACrB,MAAM,EAAE,cAAc;CACd,CAAC;AAGX;;GAEG;AACU,QAAA,aAAa,GAAG;IAC3B,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;IACxB,MAAM,EAAE,aAAa;CACb,CAAC","sourcesContent":["/**\n * TODO: Align react native and react types and move to shared types package\n */\n/**\n * Text - textAlign\n */\nexport const TextAlign = {\n Left: 'text-left',\n Center: 'text-center',\n Right: 'text-right',\n Justify: 'text-justify',\n} as const;\nexport type TextAlign = (typeof TextAlign)[keyof typeof TextAlign];\n\n/**\n * Text - overflowWrap\n */\nexport const OverflowWrap = {\n BreakWord: 'break-words',\n Anywhere: 'break-all',\n Normal: 'break-normal',\n} as const;\nexport type OverflowWrap = (typeof OverflowWrap)[keyof typeof OverflowWrap];\n\n/**\n * Text - textTransform\n */\nexport const TextTransform = {\n Uppercase: 'uppercase',\n Lowercase: 'lowercase',\n Capitalize: 'capitalize',\n Normal: 'normal-case',\n} as const;\nexport type TextTransform = (typeof TextTransform)[keyof typeof TextTransform];\n"]}
@@ -1,10 +1,6 @@
1
- export { AvatarBaseSize, AvatarBaseShape, } from "@metamask/design-system-shared";
2
1
  /**
3
- * TODO: Remove the following exports and update imports in components to import directly from `@metamask/design-system-shared` once all components have been migrated to React Native.
2
+ * TODO: Align react native and react types and move to shared types package
4
3
  */
5
- export { IconColor, IconName, IconSize } from "@metamask/design-system-shared";
6
- export { AvatarBaseSize as AvatarNetworkSize } from "@metamask/design-system-shared";
7
- export { AvatarBaseSize as AvatarSize } from "@metamask/design-system-shared";
8
4
  /**
9
5
  * Text - textAlign
10
6
  */
@@ -34,13 +30,4 @@ export declare const TextTransform: {
34
30
  readonly Normal: "normal-case";
35
31
  };
36
32
  export type TextTransform = (typeof TextTransform)[keyof typeof TextTransform];
37
- /**
38
- * TextButton - size
39
- */
40
- export declare enum TextButtonSize {
41
- BodyLg = "body-lg",
42
- BodyMd = "body-md",
43
- BodySm = "body-sm",
44
- BodyXs = "body-xs"
45
- }
46
33
  //# sourceMappingURL=index.d.cts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,GAChB,uCAAuC;AACxC;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,uCAAuC;AAC/E,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,uCAAuC;AACrF,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,uCAAuC;AAE9E;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;GAEG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E;;GAEG;AACH,oBAAY,cAAc;IACxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB"}
1
+ {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;GAEG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC"}
@@ -1,10 +1,6 @@
1
- export { AvatarBaseSize, AvatarBaseShape, } from "@metamask/design-system-shared";
2
1
  /**
3
- * TODO: Remove the following exports and update imports in components to import directly from `@metamask/design-system-shared` once all components have been migrated to React Native.
2
+ * TODO: Align react native and react types and move to shared types package
4
3
  */
5
- export { IconColor, IconName, IconSize } from "@metamask/design-system-shared";
6
- export { AvatarBaseSize as AvatarNetworkSize } from "@metamask/design-system-shared";
7
- export { AvatarBaseSize as AvatarSize } from "@metamask/design-system-shared";
8
4
  /**
9
5
  * Text - textAlign
10
6
  */
@@ -34,13 +30,4 @@ export declare const TextTransform: {
34
30
  readonly Normal: "normal-case";
35
31
  };
36
32
  export type TextTransform = (typeof TextTransform)[keyof typeof TextTransform];
37
- /**
38
- * TextButton - size
39
- */
40
- export declare enum TextButtonSize {
41
- BodyLg = "body-lg",
42
- BodyMd = "body-md",
43
- BodySm = "body-sm",
44
- BodyXs = "body-xs"
45
- }
46
33
  //# sourceMappingURL=index.d.mts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,GAChB,uCAAuC;AACxC;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,uCAAuC;AAC/E,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,uCAAuC;AACrF,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,uCAAuC;AAE9E;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;GAEG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAE/E;;GAEG;AACH,oBAAY,cAAc;IACxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB"}
1
+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH;;GAEG;AACH,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AACX,MAAM,MAAM,SAAS,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEnE;;GAEG;AACH,eAAO,MAAM,YAAY;;;;CAIf,CAAC;AACX,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,aAAa;;;;;CAKhB,CAAC;AACX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC"}
@@ -1,10 +1,6 @@
1
- export { AvatarBaseSize, AvatarBaseShape } from "@metamask/design-system-shared";
2
1
  /**
3
- * TODO: Remove the following exports and update imports in components to import directly from `@metamask/design-system-shared` once all components have been migrated to React Native.
2
+ * TODO: Align react native and react types and move to shared types package
4
3
  */
5
- export { IconColor, IconName, IconSize } from "@metamask/design-system-shared";
6
- export { AvatarBaseSize as AvatarNetworkSize } from "@metamask/design-system-shared";
7
- export { AvatarBaseSize as AvatarSize } from "@metamask/design-system-shared";
8
4
  /**
9
5
  * Text - textAlign
10
6
  */
@@ -31,14 +27,4 @@ export const TextTransform = {
31
27
  Capitalize: 'capitalize',
32
28
  Normal: 'normal-case',
33
29
  };
34
- /**
35
- * TextButton - size
36
- */
37
- export var TextButtonSize;
38
- (function (TextButtonSize) {
39
- TextButtonSize["BodyLg"] = "body-lg";
40
- TextButtonSize["BodyMd"] = "body-md";
41
- TextButtonSize["BodySm"] = "body-sm";
42
- TextButtonSize["BodyXs"] = "body-xs";
43
- })(TextButtonSize || (TextButtonSize = {}));
44
30
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,EAChB,uCAAuC;AACxC;;GAEG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,uCAAuC;AAC/E,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,uCAAuC;AACrF,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,uCAAuC;AAE9E;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;CACf,CAAC;AAGX;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,WAAW;IACrB,MAAM,EAAE,cAAc;CACd,CAAC;AAGX;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;IACxB,MAAM,EAAE,aAAa;CACb,CAAC;AAGX;;GAEG;AACH,MAAM,CAAN,IAAY,cAKX;AALD,WAAY,cAAc;IACxB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;AACpB,CAAC,EALW,cAAc,KAAd,cAAc,QAKzB","sourcesContent":["export {\n AvatarBaseSize,\n AvatarBaseShape,\n} from '@metamask/design-system-shared';\n/**\n * TODO: Remove the following exports and update imports in components to import directly from `@metamask/design-system-shared` once all components have been migrated to React Native.\n */\nexport { IconColor, IconName, IconSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarNetworkSize } from '@metamask/design-system-shared';\nexport { AvatarBaseSize as AvatarSize } from '@metamask/design-system-shared';\n\n/**\n * Text - textAlign\n */\nexport const TextAlign = {\n Left: 'text-left',\n Center: 'text-center',\n Right: 'text-right',\n Justify: 'text-justify',\n} as const;\nexport type TextAlign = (typeof TextAlign)[keyof typeof TextAlign];\n\n/**\n * Text - overflowWrap\n */\nexport const OverflowWrap = {\n BreakWord: 'break-words',\n Anywhere: 'break-all',\n Normal: 'break-normal',\n} as const;\nexport type OverflowWrap = (typeof OverflowWrap)[keyof typeof OverflowWrap];\n\n/**\n * Text - textTransform\n */\nexport const TextTransform = {\n Uppercase: 'uppercase',\n Lowercase: 'lowercase',\n Capitalize: 'capitalize',\n Normal: 'normal-case',\n} as const;\nexport type TextTransform = (typeof TextTransform)[keyof typeof TextTransform];\n\n/**\n * TextButton - size\n */\nexport enum TextButtonSize {\n BodyLg = 'body-lg',\n BodyMd = 'body-md',\n BodySm = 'body-sm',\n BodyXs = 'body-xs',\n}\n"]}
1
+ {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;CACf,CAAC;AAGX;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,SAAS,EAAE,aAAa;IACxB,QAAQ,EAAE,WAAW;IACrB,MAAM,EAAE,cAAc;CACd,CAAC;AAGX;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG;IAC3B,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE,YAAY;IACxB,MAAM,EAAE,aAAa;CACb,CAAC","sourcesContent":["/**\n * TODO: Align react native and react types and move to shared types package\n */\n/**\n * Text - textAlign\n */\nexport const TextAlign = {\n Left: 'text-left',\n Center: 'text-center',\n Right: 'text-right',\n Justify: 'text-justify',\n} as const;\nexport type TextAlign = (typeof TextAlign)[keyof typeof TextAlign];\n\n/**\n * Text - overflowWrap\n */\nexport const OverflowWrap = {\n BreakWord: 'break-words',\n Anywhere: 'break-all',\n Normal: 'break-normal',\n} as const;\nexport type OverflowWrap = (typeof OverflowWrap)[keyof typeof OverflowWrap];\n\n/**\n * Text - textTransform\n */\nexport const TextTransform = {\n Uppercase: 'uppercase',\n Lowercase: 'lowercase',\n Capitalize: 'capitalize',\n Normal: 'normal-case',\n} as const;\nexport type TextTransform = (typeof TextTransform)[keyof typeof TextTransform];\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@metamask/design-system-react",
3
- "version": "0.25.0",
3
+ "version": "0.27.0",
4
4
  "description": "Design system react ui components",
5
5
  "keywords": [
6
6
  "MetaMask",
@@ -48,7 +48,7 @@
48
48
  },
49
49
  "dependencies": {
50
50
  "@floating-ui/react-dom": "^2.1.2",
51
- "@metamask/design-system-shared": "^0.21.0",
51
+ "@metamask/design-system-shared": "^0.23.0",
52
52
  "@metamask/jazzicon": "^2.0.0",
53
53
  "@radix-ui/react-slot": "^1.1.0",
54
54
  "blo": "^2.0.0",
@@ -62,6 +62,7 @@
62
62
  "@metamask/design-system-tailwind-preset": "^0.9.0",
63
63
  "@metamask/utils": "^11.11.0",
64
64
  "@svgr/cli": "^8.1.0",
65
+ "@testing-library/dom": "^10.0.0",
65
66
  "@testing-library/jest-dom": "^6.6.3",
66
67
  "@testing-library/react": "^16.0.1",
67
68
  "@testing-library/user-event": "^14.6.1",
@@ -76,6 +77,7 @@
76
77
  "react": "19.1.0",
77
78
  "react-dom": "19.1.0",
78
79
  "rimraf": "^5.0.5",
80
+ "tailwindcss": "^3.0.0",
79
81
  "ts-jest": "^29.2.5",
80
82
  "tsx": "^4.20.6",
81
83
  "typescript": "~5.2.2"
@@ -1,12 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.MAP_TEXTBUTTON_SIZE_TEXTVARIANT = void 0;
4
- const types_1 = require("../../types/index.cjs");
5
- const Text_1 = require("../Text/index.cjs");
6
- exports.MAP_TEXTBUTTON_SIZE_TEXTVARIANT = {
7
- [types_1.TextButtonSize.BodyXs]: Text_1.TextVariant.BodyXs,
8
- [types_1.TextButtonSize.BodySm]: Text_1.TextVariant.BodySm,
9
- [types_1.TextButtonSize.BodyMd]: Text_1.TextVariant.BodyMd,
10
- [types_1.TextButtonSize.BodyLg]: Text_1.TextVariant.BodyLg,
11
- };
12
- //# sourceMappingURL=TextButton.constants.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextButton.constants.cjs","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.constants.ts"],"names":[],"mappings":";;;AAAA,iDAA6C;AAC7C,4CAAsC;AAEzB,QAAA,+BAA+B,GAGxC;IACF,CAAC,sBAAc,CAAC,MAAM,CAAC,EAAE,kBAAW,CAAC,MAAM;IAC3C,CAAC,sBAAc,CAAC,MAAM,CAAC,EAAE,kBAAW,CAAC,MAAM;IAC3C,CAAC,sBAAc,CAAC,MAAM,CAAC,EAAE,kBAAW,CAAC,MAAM;IAC3C,CAAC,sBAAc,CAAC,MAAM,CAAC,EAAE,kBAAW,CAAC,MAAM;CAC5C,CAAC","sourcesContent":["import { TextButtonSize } from '../../types';\nimport { TextVariant } from '../Text';\n\nexport const MAP_TEXTBUTTON_SIZE_TEXTVARIANT: Record<\n TextButtonSize,\n TextVariant\n> = {\n [TextButtonSize.BodyXs]: TextVariant.BodyXs,\n [TextButtonSize.BodySm]: TextVariant.BodySm,\n [TextButtonSize.BodyMd]: TextVariant.BodyMd,\n [TextButtonSize.BodyLg]: TextVariant.BodyLg,\n};\n"]}
@@ -1,4 +0,0 @@
1
- import { TextButtonSize } from "../../types/index.cjs";
2
- import { TextVariant } from "../Text/index.cjs";
3
- export declare const MAP_TEXTBUTTON_SIZE_TEXTVARIANT: Record<TextButtonSize, TextVariant>;
4
- //# sourceMappingURL=TextButton.constants.d.cts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextButton.constants.d.cts","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAEtC,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,cAAc,EACd,WAAW,CAMZ,CAAC"}
@@ -1,4 +0,0 @@
1
- import { TextButtonSize } from "../../types/index.mjs";
2
- import { TextVariant } from "../Text/index.mjs";
3
- export declare const MAP_TEXTBUTTON_SIZE_TEXTVARIANT: Record<TextButtonSize, TextVariant>;
4
- //# sourceMappingURL=TextButton.constants.d.mts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextButton.constants.d.mts","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAEtC,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAClD,cAAc,EACd,WAAW,CAMZ,CAAC"}
@@ -1,9 +0,0 @@
1
- import { TextButtonSize } from "../../types/index.mjs";
2
- import { TextVariant } from "../Text/index.mjs";
3
- export const MAP_TEXTBUTTON_SIZE_TEXTVARIANT = {
4
- [TextButtonSize.BodyXs]: TextVariant.BodyXs,
5
- [TextButtonSize.BodySm]: TextVariant.BodySm,
6
- [TextButtonSize.BodyMd]: TextVariant.BodyMd,
7
- [TextButtonSize.BodyLg]: TextVariant.BodyLg,
8
- };
9
- //# sourceMappingURL=TextButton.constants.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TextButton.constants.mjs","sourceRoot":"","sources":["../../../src/components/TextButton/TextButton.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,8BAAoB;AAC7C,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAEtC,MAAM,CAAC,MAAM,+BAA+B,GAGxC;IACF,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM;IAC3C,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM;IAC3C,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM;IAC3C,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,WAAW,CAAC,MAAM;CAC5C,CAAC","sourcesContent":["import { TextButtonSize } from '../../types';\nimport { TextVariant } from '../Text';\n\nexport const MAP_TEXTBUTTON_SIZE_TEXTVARIANT: Record<\n TextButtonSize,\n TextVariant\n> = {\n [TextButtonSize.BodyXs]: TextVariant.BodyXs,\n [TextButtonSize.BodySm]: TextVariant.BodySm,\n [TextButtonSize.BodyMd]: TextVariant.BodyMd,\n [TextButtonSize.BodyLg]: TextVariant.BodyLg,\n};\n"]}