@metamask-previews/design-system-react 0.13.0-preview.b4e6ece → 0.14.0-preview.dff9dce

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 (122) hide show
  1. package/CHANGELOG.md +12 -1
  2. package/dist/components/AvatarAccount/AvatarAccount.cjs +6 -6
  3. package/dist/components/AvatarAccount/AvatarAccount.cjs.map +1 -1
  4. package/dist/components/AvatarAccount/AvatarAccount.constants.cjs +6 -6
  5. package/dist/components/AvatarAccount/AvatarAccount.constants.cjs.map +1 -1
  6. package/dist/components/AvatarAccount/AvatarAccount.constants.d.cts +1 -1
  7. package/dist/components/AvatarAccount/AvatarAccount.constants.d.cts.map +1 -1
  8. package/dist/components/AvatarAccount/AvatarAccount.constants.d.mts +1 -1
  9. package/dist/components/AvatarAccount/AvatarAccount.constants.d.mts.map +1 -1
  10. package/dist/components/AvatarAccount/AvatarAccount.constants.mjs +1 -1
  11. package/dist/components/AvatarAccount/AvatarAccount.constants.mjs.map +1 -1
  12. package/dist/components/AvatarAccount/AvatarAccount.d.cts.map +1 -1
  13. package/dist/components/AvatarAccount/AvatarAccount.d.mts.map +1 -1
  14. package/dist/components/AvatarAccount/AvatarAccount.mjs +1 -1
  15. package/dist/components/AvatarAccount/AvatarAccount.mjs.map +1 -1
  16. package/dist/components/AvatarAccount/AvatarAccount.types.cjs.map +1 -1
  17. package/dist/components/AvatarAccount/AvatarAccount.types.d.cts +2 -18
  18. package/dist/components/AvatarAccount/AvatarAccount.types.d.cts.map +1 -1
  19. package/dist/components/AvatarAccount/AvatarAccount.types.d.mts +2 -18
  20. package/dist/components/AvatarAccount/AvatarAccount.types.d.mts.map +1 -1
  21. package/dist/components/AvatarAccount/AvatarAccount.types.mjs.map +1 -1
  22. package/dist/components/AvatarAccount/index.cjs +3 -3
  23. package/dist/components/AvatarAccount/index.cjs.map +1 -1
  24. package/dist/components/AvatarAccount/index.d.cts +1 -1
  25. package/dist/components/AvatarAccount/index.d.cts.map +1 -1
  26. package/dist/components/AvatarAccount/index.d.mts +1 -1
  27. package/dist/components/AvatarAccount/index.d.mts.map +1 -1
  28. package/dist/components/AvatarAccount/index.mjs +1 -1
  29. package/dist/components/AvatarAccount/index.mjs.map +1 -1
  30. package/dist/components/AvatarBase/index.cjs.map +1 -1
  31. package/dist/components/AvatarBase/index.d.cts.map +1 -1
  32. package/dist/components/AvatarBase/index.d.mts.map +1 -1
  33. package/dist/components/AvatarBase/index.mjs.map +1 -1
  34. package/dist/components/AvatarFavicon/AvatarFavicon.cjs +2 -1
  35. package/dist/components/AvatarFavicon/AvatarFavicon.cjs.map +1 -1
  36. package/dist/components/AvatarFavicon/AvatarFavicon.d.cts.map +1 -1
  37. package/dist/components/AvatarFavicon/AvatarFavicon.d.mts.map +1 -1
  38. package/dist/components/AvatarFavicon/AvatarFavicon.mjs +2 -1
  39. package/dist/components/AvatarFavicon/AvatarFavicon.mjs.map +1 -1
  40. package/dist/components/AvatarNetwork/AvatarNetwork.cjs +2 -1
  41. package/dist/components/AvatarNetwork/AvatarNetwork.cjs.map +1 -1
  42. package/dist/components/AvatarNetwork/AvatarNetwork.d.cts.map +1 -1
  43. package/dist/components/AvatarNetwork/AvatarNetwork.d.mts.map +1 -1
  44. package/dist/components/AvatarNetwork/AvatarNetwork.mjs +2 -1
  45. package/dist/components/AvatarNetwork/AvatarNetwork.mjs.map +1 -1
  46. package/dist/components/AvatarToken/AvatarToken.cjs +3 -3
  47. package/dist/components/AvatarToken/AvatarToken.cjs.map +1 -1
  48. package/dist/components/AvatarToken/AvatarToken.d.cts.map +1 -1
  49. package/dist/components/AvatarToken/AvatarToken.d.mts.map +1 -1
  50. package/dist/components/AvatarToken/AvatarToken.mjs +1 -1
  51. package/dist/components/AvatarToken/AvatarToken.mjs.map +1 -1
  52. package/dist/components/AvatarToken/AvatarToken.types.cjs.map +1 -1
  53. package/dist/components/AvatarToken/AvatarToken.types.d.cts +6 -6
  54. package/dist/components/AvatarToken/AvatarToken.types.d.cts.map +1 -1
  55. package/dist/components/AvatarToken/AvatarToken.types.d.mts +6 -6
  56. package/dist/components/AvatarToken/AvatarToken.types.d.mts.map +1 -1
  57. package/dist/components/AvatarToken/AvatarToken.types.mjs.map +1 -1
  58. package/dist/components/AvatarToken/index.cjs +2 -2
  59. package/dist/components/AvatarToken/index.cjs.map +1 -1
  60. package/dist/components/AvatarToken/index.d.cts +1 -1
  61. package/dist/components/AvatarToken/index.d.cts.map +1 -1
  62. package/dist/components/AvatarToken/index.d.mts +1 -1
  63. package/dist/components/AvatarToken/index.d.mts.map +1 -1
  64. package/dist/components/AvatarToken/index.mjs +1 -1
  65. package/dist/components/AvatarToken/index.mjs.map +1 -1
  66. package/dist/components/BannerBase/BannerBase.cjs +4 -3
  67. package/dist/components/BannerBase/BannerBase.cjs.map +1 -1
  68. package/dist/components/BannerBase/BannerBase.d.cts.map +1 -1
  69. package/dist/components/BannerBase/BannerBase.d.mts.map +1 -1
  70. package/dist/components/BannerBase/BannerBase.mjs +2 -1
  71. package/dist/components/BannerBase/BannerBase.mjs.map +1 -1
  72. package/dist/components/Input/Input.cjs +2 -2
  73. package/dist/components/Input/Input.cjs.map +1 -1
  74. package/dist/components/Input/Input.d.cts +1 -1
  75. package/dist/components/Input/Input.d.cts.map +1 -1
  76. package/dist/components/Input/Input.d.mts +1 -1
  77. package/dist/components/Input/Input.d.mts.map +1 -1
  78. package/dist/components/Input/Input.mjs +1 -1
  79. package/dist/components/Input/Input.mjs.map +1 -1
  80. package/dist/components/Input/Input.types.cjs.map +1 -1
  81. package/dist/components/Input/Input.types.d.cts +1 -1
  82. package/dist/components/Input/Input.types.d.cts.map +1 -1
  83. package/dist/components/Input/Input.types.d.mts +1 -1
  84. package/dist/components/Input/Input.types.d.mts.map +1 -1
  85. package/dist/components/Input/Input.types.mjs.map +1 -1
  86. package/dist/components/Text/Text.cjs +5 -3
  87. package/dist/components/Text/Text.cjs.map +1 -1
  88. package/dist/components/Text/Text.constants.cjs +58 -44
  89. package/dist/components/Text/Text.constants.cjs.map +1 -1
  90. package/dist/components/Text/Text.constants.d.cts +4 -1
  91. package/dist/components/Text/Text.constants.d.cts.map +1 -1
  92. package/dist/components/Text/Text.constants.d.mts +4 -1
  93. package/dist/components/Text/Text.constants.d.mts.map +1 -1
  94. package/dist/components/Text/Text.constants.mjs +15 -1
  95. package/dist/components/Text/Text.constants.mjs.map +1 -1
  96. package/dist/components/Text/Text.d.cts.map +1 -1
  97. package/dist/components/Text/Text.d.mts.map +1 -1
  98. package/dist/components/Text/Text.mjs +5 -3
  99. package/dist/components/Text/Text.mjs.map +1 -1
  100. package/dist/components/Text/Text.types.cjs.map +1 -1
  101. package/dist/components/Text/Text.types.d.cts +4 -20
  102. package/dist/components/Text/Text.types.d.cts.map +1 -1
  103. package/dist/components/Text/Text.types.d.mts +4 -20
  104. package/dist/components/Text/Text.types.d.mts.map +1 -1
  105. package/dist/components/Text/Text.types.mjs.map +1 -1
  106. package/dist/components/Text/index.cjs +7 -6
  107. package/dist/components/Text/index.cjs.map +1 -1
  108. package/dist/components/Text/index.d.cts +2 -1
  109. package/dist/components/Text/index.d.cts.map +1 -1
  110. package/dist/components/Text/index.d.mts +2 -1
  111. package/dist/components/Text/index.d.mts.map +1 -1
  112. package/dist/components/Text/index.mjs +2 -1
  113. package/dist/components/Text/index.mjs.map +1 -1
  114. package/dist/types/index.cjs +23 -157
  115. package/dist/types/index.cjs.map +1 -1
  116. package/dist/types/index.d.cts +20 -133
  117. package/dist/types/index.d.cts.map +1 -1
  118. package/dist/types/index.d.mts +20 -133
  119. package/dist/types/index.d.mts.map +1 -1
  120. package/dist/types/index.mjs +17 -149
  121. package/dist/types/index.mjs.map +1 -1
  122. package/package.json +3 -3
@@ -1,53 +1,67 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.MAP_TEXT_VARIANT_TAG = exports.CLASSMAP_TEXT_VARIANT_FONTWEIGHT = exports.CLASSMAP_TEXT_VARIANT_FONTSTYLE = void 0;
4
- const types_1 = require("../../types/index.cjs");
3
+ exports.MAP_TEXT_VARIANT_TAG = exports.CLASSMAP_TEXT_VARIANT_FONTWEIGHT = exports.CLASSMAP_TEXT_VARIANT_FONTSTYLE = exports.MAP_FONTSTYLE_CLASS = exports.MAP_FONTFAMILY_CLASS = exports.MAP_FONTWEIGHT_CLASS = void 0;
4
+ const design_system_shared_1 = require("@metamask-previews/design-system-shared");
5
+ exports.MAP_FONTWEIGHT_CLASS = {
6
+ [design_system_shared_1.FontWeight.Bold]: 'font-bold',
7
+ [design_system_shared_1.FontWeight.Medium]: 'font-medium',
8
+ [design_system_shared_1.FontWeight.Regular]: 'font-regular',
9
+ };
10
+ exports.MAP_FONTFAMILY_CLASS = {
11
+ [design_system_shared_1.FontFamily.Default]: 'font-default',
12
+ [design_system_shared_1.FontFamily.Accent]: 'font-accent',
13
+ [design_system_shared_1.FontFamily.Hero]: 'font-hero',
14
+ };
15
+ exports.MAP_FONTSTYLE_CLASS = {
16
+ [design_system_shared_1.FontStyle.Italic]: 'italic',
17
+ [design_system_shared_1.FontStyle.Normal]: 'not-italic',
18
+ };
5
19
  exports.CLASSMAP_TEXT_VARIANT_FONTSTYLE = {
6
- [types_1.TextVariant.DisplayLg]: 'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',
7
- [types_1.TextVariant.DisplayMd]: 'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',
8
- [types_1.TextVariant.HeadingLg]: 'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',
9
- [types_1.TextVariant.HeadingMd]: 'text-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md md:leading-l-heading-md md:tracking-l-heading-md',
10
- [types_1.TextVariant.HeadingSm]: 'text-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm md:leading-l-heading-sm md:tracking-l-heading-sm',
11
- [types_1.TextVariant.BodyLg]: 'text-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg md:leading-l-body-lg md:tracking-l-body-lg',
12
- [types_1.TextVariant.BodyMd]: 'text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md',
13
- [types_1.TextVariant.BodySm]: 'text-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm md:leading-l-body-sm md:tracking-l-body-sm',
14
- [types_1.TextVariant.BodyXs]: 'text-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs md:leading-l-body-xs md:tracking-l-body-xs',
15
- [types_1.TextVariant.PageHeading]: 'text-s-page-heading leading-s-page-heading tracking-s-page-heading md:text-l-page-heading md:leading-l-page-heading md:tracking-l-page-heading',
16
- [types_1.TextVariant.SectionHeading]: 'text-s-section-heading leading-s-section-heading tracking-s-section-heading md:text-l-section-heading md:leading-l-section-heading md:tracking-l-section-heading',
17
- [types_1.TextVariant.ButtonLabelMd]: 'text-s-button-label-md leading-s-button-label-md tracking-s-button-label-md md:text-l-button-label-md md:leading-l-button-label-md md:tracking-l-button-label-md',
18
- [types_1.TextVariant.ButtonLabelLg]: 'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',
19
- [types_1.TextVariant.AmountDisplayLg]: 'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',
20
+ [design_system_shared_1.TextVariant.DisplayLg]: 'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',
21
+ [design_system_shared_1.TextVariant.DisplayMd]: 'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',
22
+ [design_system_shared_1.TextVariant.HeadingLg]: 'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',
23
+ [design_system_shared_1.TextVariant.HeadingMd]: 'text-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md md:leading-l-heading-md md:tracking-l-heading-md',
24
+ [design_system_shared_1.TextVariant.HeadingSm]: 'text-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm md:leading-l-heading-sm md:tracking-l-heading-sm',
25
+ [design_system_shared_1.TextVariant.BodyLg]: 'text-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg md:leading-l-body-lg md:tracking-l-body-lg',
26
+ [design_system_shared_1.TextVariant.BodyMd]: 'text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md',
27
+ [design_system_shared_1.TextVariant.BodySm]: 'text-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm md:leading-l-body-sm md:tracking-l-body-sm',
28
+ [design_system_shared_1.TextVariant.BodyXs]: 'text-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs md:leading-l-body-xs md:tracking-l-body-xs',
29
+ [design_system_shared_1.TextVariant.PageHeading]: 'text-s-page-heading leading-s-page-heading tracking-s-page-heading md:text-l-page-heading md:leading-l-page-heading md:tracking-l-page-heading',
30
+ [design_system_shared_1.TextVariant.SectionHeading]: 'text-s-section-heading leading-s-section-heading tracking-s-section-heading md:text-l-section-heading md:leading-l-section-heading md:tracking-l-section-heading',
31
+ [design_system_shared_1.TextVariant.ButtonLabelMd]: 'text-s-button-label-md leading-s-button-label-md tracking-s-button-label-md md:text-l-button-label-md md:leading-l-button-label-md md:tracking-l-button-label-md',
32
+ [design_system_shared_1.TextVariant.ButtonLabelLg]: 'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',
33
+ [design_system_shared_1.TextVariant.AmountDisplayLg]: 'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',
20
34
  };
21
35
  exports.CLASSMAP_TEXT_VARIANT_FONTWEIGHT = {
22
- [types_1.TextVariant.DisplayLg]: 'font-bold md:font-medium',
23
- [types_1.TextVariant.DisplayMd]: 'font-bold md:font-medium',
24
- [types_1.TextVariant.HeadingLg]: 'font-bold',
25
- [types_1.TextVariant.HeadingMd]: 'font-bold',
26
- [types_1.TextVariant.HeadingSm]: 'font-bold',
27
- [types_1.TextVariant.BodyLg]: 'font-medium',
28
- [types_1.TextVariant.BodyMd]: 'font-regular',
29
- [types_1.TextVariant.BodySm]: 'font-regular',
30
- [types_1.TextVariant.BodyXs]: 'font-regular',
31
- [types_1.TextVariant.PageHeading]: 'font-bold',
32
- [types_1.TextVariant.SectionHeading]: 'font-bold',
33
- [types_1.TextVariant.ButtonLabelMd]: 'font-medium',
34
- [types_1.TextVariant.ButtonLabelLg]: 'font-medium',
35
- [types_1.TextVariant.AmountDisplayLg]: 'font-bold md:font-medium',
36
+ [design_system_shared_1.TextVariant.DisplayLg]: 'font-bold md:font-medium',
37
+ [design_system_shared_1.TextVariant.DisplayMd]: 'font-bold md:font-medium',
38
+ [design_system_shared_1.TextVariant.HeadingLg]: 'font-bold',
39
+ [design_system_shared_1.TextVariant.HeadingMd]: 'font-bold',
40
+ [design_system_shared_1.TextVariant.HeadingSm]: 'font-bold',
41
+ [design_system_shared_1.TextVariant.BodyLg]: 'font-medium',
42
+ [design_system_shared_1.TextVariant.BodyMd]: 'font-regular',
43
+ [design_system_shared_1.TextVariant.BodySm]: 'font-regular',
44
+ [design_system_shared_1.TextVariant.BodyXs]: 'font-regular',
45
+ [design_system_shared_1.TextVariant.PageHeading]: 'font-bold',
46
+ [design_system_shared_1.TextVariant.SectionHeading]: 'font-bold',
47
+ [design_system_shared_1.TextVariant.ButtonLabelMd]: 'font-medium',
48
+ [design_system_shared_1.TextVariant.ButtonLabelLg]: 'font-medium',
49
+ [design_system_shared_1.TextVariant.AmountDisplayLg]: 'font-bold md:font-medium',
36
50
  };
37
51
  exports.MAP_TEXT_VARIANT_TAG = {
38
- [types_1.TextVariant.DisplayLg]: 'h1',
39
- [types_1.TextVariant.DisplayMd]: 'h1',
40
- [types_1.TextVariant.HeadingLg]: 'h2',
41
- [types_1.TextVariant.HeadingMd]: 'h3',
42
- [types_1.TextVariant.HeadingSm]: 'h4',
43
- [types_1.TextVariant.BodyLg]: 'p',
44
- [types_1.TextVariant.BodyMd]: 'p',
45
- [types_1.TextVariant.BodySm]: 'p',
46
- [types_1.TextVariant.BodyXs]: 'p',
47
- [types_1.TextVariant.PageHeading]: 'h1',
48
- [types_1.TextVariant.SectionHeading]: 'h2',
49
- [types_1.TextVariant.ButtonLabelMd]: 'span',
50
- [types_1.TextVariant.ButtonLabelLg]: 'span',
51
- [types_1.TextVariant.AmountDisplayLg]: 'span',
52
+ [design_system_shared_1.TextVariant.DisplayLg]: 'h1',
53
+ [design_system_shared_1.TextVariant.DisplayMd]: 'h1',
54
+ [design_system_shared_1.TextVariant.HeadingLg]: 'h2',
55
+ [design_system_shared_1.TextVariant.HeadingMd]: 'h3',
56
+ [design_system_shared_1.TextVariant.HeadingSm]: 'h4',
57
+ [design_system_shared_1.TextVariant.BodyLg]: 'p',
58
+ [design_system_shared_1.TextVariant.BodyMd]: 'p',
59
+ [design_system_shared_1.TextVariant.BodySm]: 'p',
60
+ [design_system_shared_1.TextVariant.BodyXs]: 'p',
61
+ [design_system_shared_1.TextVariant.PageHeading]: 'h1',
62
+ [design_system_shared_1.TextVariant.SectionHeading]: 'h2',
63
+ [design_system_shared_1.TextVariant.ButtonLabelMd]: 'span',
64
+ [design_system_shared_1.TextVariant.ButtonLabelLg]: 'span',
65
+ [design_system_shared_1.TextVariant.AmountDisplayLg]: 'span',
52
66
  };
53
67
  //# sourceMappingURL=Text.constants.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Text.constants.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";;;AAAA,iDAA0C;AAE7B,QAAA,+BAA+B,GAAgC;IAC1E,CAAC,mBAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,mBAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,mBAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,mBAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,mBAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,mBAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,mBAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,mBAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,mBAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,mBAAW,CAAC,WAAW,CAAC,EACvB,gJAAgJ;IAClJ,CAAC,mBAAW,CAAC,cAAc,CAAC,EAC1B,kKAAkK;IACpK,CAAC,mBAAW,CAAC,aAAa,CAAC,EACzB,kKAAkK;IACpK,CAAC,mBAAW,CAAC,aAAa,CAAC,EACzB,kKAAkK;IACpK,CAAC,mBAAW,CAAC,eAAe,CAAC,EAC3B,8KAA8K;CACjL,CAAC;AAEW,QAAA,gCAAgC,GAAgC;IAC3E,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,0BAA0B;IACnD,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,0BAA0B;IACnD,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,aAAa;IACnC,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,cAAc;IACpC,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,cAAc;IACpC,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,cAAc;IACpC,CAAC,mBAAW,CAAC,WAAW,CAAC,EAAE,WAAW;IACtC,CAAC,mBAAW,CAAC,cAAc,CAAC,EAAE,WAAW;IACzC,CAAC,mBAAW,CAAC,aAAa,CAAC,EAAE,aAAa;IAC1C,CAAC,mBAAW,CAAC,aAAa,CAAC,EAAE,aAAa;IAC1C,CAAC,mBAAW,CAAC,eAAe,CAAC,EAAE,0BAA0B;CAC1D,CAAC;AAEW,QAAA,oBAAoB,GAG7B;IACF,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,mBAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,mBAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,mBAAW,CAAC,WAAW,CAAC,EAAE,IAAI;IAC/B,CAAC,mBAAW,CAAC,cAAc,CAAC,EAAE,IAAI;IAClC,CAAC,mBAAW,CAAC,aAAa,CAAC,EAAE,MAAM;IACnC,CAAC,mBAAW,CAAC,aAAa,CAAC,EAAE,MAAM;IACnC,CAAC,mBAAW,CAAC,eAAe,CAAC,EAAE,MAAM;CACtC,CAAC","sourcesContent":["import { TextVariant } from '../../types';\n\nexport const CLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string> = {\n [TextVariant.DisplayLg]:\n 'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',\n [TextVariant.DisplayMd]:\n 'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',\n [TextVariant.HeadingLg]:\n 'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',\n [TextVariant.HeadingMd]:\n 'text-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md md:leading-l-heading-md md:tracking-l-heading-md',\n [TextVariant.HeadingSm]:\n 'text-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm md:leading-l-heading-sm md:tracking-l-heading-sm',\n [TextVariant.BodyLg]:\n 'text-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg md:leading-l-body-lg md:tracking-l-body-lg',\n [TextVariant.BodyMd]:\n 'text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md',\n [TextVariant.BodySm]:\n 'text-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm md:leading-l-body-sm md:tracking-l-body-sm',\n [TextVariant.BodyXs]:\n 'text-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs md:leading-l-body-xs md:tracking-l-body-xs',\n [TextVariant.PageHeading]:\n 'text-s-page-heading leading-s-page-heading tracking-s-page-heading md:text-l-page-heading md:leading-l-page-heading md:tracking-l-page-heading',\n [TextVariant.SectionHeading]:\n 'text-s-section-heading leading-s-section-heading tracking-s-section-heading md:text-l-section-heading md:leading-l-section-heading md:tracking-l-section-heading',\n [TextVariant.ButtonLabelMd]:\n 'text-s-button-label-md leading-s-button-label-md tracking-s-button-label-md md:text-l-button-label-md md:leading-l-button-label-md md:tracking-l-button-label-md',\n [TextVariant.ButtonLabelLg]:\n 'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',\n [TextVariant.AmountDisplayLg]:\n 'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',\n};\n\nexport const CLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string> = {\n [TextVariant.DisplayLg]: 'font-bold md:font-medium',\n [TextVariant.DisplayMd]: 'font-bold md:font-medium',\n [TextVariant.HeadingLg]: 'font-bold',\n [TextVariant.HeadingMd]: 'font-bold',\n [TextVariant.HeadingSm]: 'font-bold',\n [TextVariant.BodyLg]: 'font-medium',\n [TextVariant.BodyMd]: 'font-regular',\n [TextVariant.BodySm]: 'font-regular',\n [TextVariant.BodyXs]: 'font-regular',\n [TextVariant.PageHeading]: 'font-bold',\n [TextVariant.SectionHeading]: 'font-bold',\n [TextVariant.ButtonLabelMd]: 'font-medium',\n [TextVariant.ButtonLabelLg]: 'font-medium',\n [TextVariant.AmountDisplayLg]: 'font-bold md:font-medium',\n};\n\nexport const MAP_TEXT_VARIANT_TAG: Record<\n TextVariant,\n keyof JSX.IntrinsicElements\n> = {\n [TextVariant.DisplayLg]: 'h1',\n [TextVariant.DisplayMd]: 'h1',\n [TextVariant.HeadingLg]: 'h2',\n [TextVariant.HeadingMd]: 'h3',\n [TextVariant.HeadingSm]: 'h4',\n [TextVariant.BodyLg]: 'p',\n [TextVariant.BodyMd]: 'p',\n [TextVariant.BodySm]: 'p',\n [TextVariant.BodyXs]: 'p',\n [TextVariant.PageHeading]: 'h1',\n [TextVariant.SectionHeading]: 'h2',\n [TextVariant.ButtonLabelMd]: 'span',\n [TextVariant.ButtonLabelLg]: 'span',\n [TextVariant.AmountDisplayLg]: 'span',\n};\n"]}
1
+ {"version":3,"file":"Text.constants.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n FontFamily,\n FontStyle,\n FontWeight,\n TextVariant,\n} from '@metamask-previews/design-system-shared';\n\nexport const MAP_FONTWEIGHT_CLASS: Record<FontWeight, string> = {\n [FontWeight.Bold]: 'font-bold',\n [FontWeight.Medium]: 'font-medium',\n [FontWeight.Regular]: 'font-regular',\n};\n\nexport const MAP_FONTFAMILY_CLASS: Record<FontFamily, string> = {\n [FontFamily.Default]: 'font-default',\n [FontFamily.Accent]: 'font-accent',\n [FontFamily.Hero]: 'font-hero',\n};\n\nexport const MAP_FONTSTYLE_CLASS: Record<FontStyle, string> = {\n [FontStyle.Italic]: 'italic',\n [FontStyle.Normal]: 'not-italic',\n};\n\nexport const CLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string> = {\n [TextVariant.DisplayLg]:\n 'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',\n [TextVariant.DisplayMd]:\n 'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',\n [TextVariant.HeadingLg]:\n 'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',\n [TextVariant.HeadingMd]:\n 'text-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md md:leading-l-heading-md md:tracking-l-heading-md',\n [TextVariant.HeadingSm]:\n 'text-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm md:leading-l-heading-sm md:tracking-l-heading-sm',\n [TextVariant.BodyLg]:\n 'text-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg md:leading-l-body-lg md:tracking-l-body-lg',\n [TextVariant.BodyMd]:\n 'text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md',\n [TextVariant.BodySm]:\n 'text-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm md:leading-l-body-sm md:tracking-l-body-sm',\n [TextVariant.BodyXs]:\n 'text-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs md:leading-l-body-xs md:tracking-l-body-xs',\n [TextVariant.PageHeading]:\n 'text-s-page-heading leading-s-page-heading tracking-s-page-heading md:text-l-page-heading md:leading-l-page-heading md:tracking-l-page-heading',\n [TextVariant.SectionHeading]:\n 'text-s-section-heading leading-s-section-heading tracking-s-section-heading md:text-l-section-heading md:leading-l-section-heading md:tracking-l-section-heading',\n [TextVariant.ButtonLabelMd]:\n 'text-s-button-label-md leading-s-button-label-md tracking-s-button-label-md md:text-l-button-label-md md:leading-l-button-label-md md:tracking-l-button-label-md',\n [TextVariant.ButtonLabelLg]:\n 'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',\n [TextVariant.AmountDisplayLg]:\n 'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',\n};\n\nexport const CLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string> = {\n [TextVariant.DisplayLg]: 'font-bold md:font-medium',\n [TextVariant.DisplayMd]: 'font-bold md:font-medium',\n [TextVariant.HeadingLg]: 'font-bold',\n [TextVariant.HeadingMd]: 'font-bold',\n [TextVariant.HeadingSm]: 'font-bold',\n [TextVariant.BodyLg]: 'font-medium',\n [TextVariant.BodyMd]: 'font-regular',\n [TextVariant.BodySm]: 'font-regular',\n [TextVariant.BodyXs]: 'font-regular',\n [TextVariant.PageHeading]: 'font-bold',\n [TextVariant.SectionHeading]: 'font-bold',\n [TextVariant.ButtonLabelMd]: 'font-medium',\n [TextVariant.ButtonLabelLg]: 'font-medium',\n [TextVariant.AmountDisplayLg]: 'font-bold md:font-medium',\n};\n\nexport const MAP_TEXT_VARIANT_TAG: Record<\n TextVariant,\n keyof JSX.IntrinsicElements\n> = {\n [TextVariant.DisplayLg]: 'h1',\n [TextVariant.DisplayMd]: 'h1',\n [TextVariant.HeadingLg]: 'h2',\n [TextVariant.HeadingMd]: 'h3',\n [TextVariant.HeadingSm]: 'h4',\n [TextVariant.BodyLg]: 'p',\n [TextVariant.BodyMd]: 'p',\n [TextVariant.BodySm]: 'p',\n [TextVariant.BodyXs]: 'p',\n [TextVariant.PageHeading]: 'h1',\n [TextVariant.SectionHeading]: 'h2',\n [TextVariant.ButtonLabelMd]: 'span',\n [TextVariant.ButtonLabelLg]: 'span',\n [TextVariant.AmountDisplayLg]: 'span',\n};\n"]}
@@ -1,5 +1,8 @@
1
1
  /// <reference types="react" />
2
- import { TextVariant } from "../../types/index.cjs";
2
+ import { FontFamily, FontStyle, FontWeight, TextVariant } from "@metamask-previews/design-system-shared";
3
+ export declare const MAP_FONTWEIGHT_CLASS: Record<FontWeight, string>;
4
+ export declare const MAP_FONTFAMILY_CLASS: Record<FontFamily, string>;
5
+ export declare const MAP_FONTSTYLE_CLASS: Record<FontStyle, string>;
3
6
  export declare const CLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string>;
4
7
  export declare const CLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string>;
5
8
  export declare const MAP_TEXT_VARIANT_TAG: Record<TextVariant, keyof JSX.IntrinsicElements>;
@@ -1 +1 @@
1
- {"version":3,"file":"Text.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,8BAAoB;AAE1C,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CA6BvE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAexE,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,WAAW,EACX,MAAM,GAAG,CAAC,iBAAiB,CAgB5B,CAAC"}
1
+ {"version":3,"file":"Text.constants.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAW,EACZ,gDAAgD;AAEjD,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAI3D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAI3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAGzD,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CA6BvE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAexE,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,WAAW,EACX,MAAM,GAAG,CAAC,iBAAiB,CAgB5B,CAAC"}
@@ -1,5 +1,8 @@
1
1
  /// <reference types="react" />
2
- import { TextVariant } from "../../types/index.mjs";
2
+ import { FontFamily, FontStyle, FontWeight, TextVariant } from "@metamask-previews/design-system-shared";
3
+ export declare const MAP_FONTWEIGHT_CLASS: Record<FontWeight, string>;
4
+ export declare const MAP_FONTFAMILY_CLASS: Record<FontFamily, string>;
5
+ export declare const MAP_FONTSTYLE_CLASS: Record<FontStyle, string>;
3
6
  export declare const CLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string>;
4
7
  export declare const CLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string>;
5
8
  export declare const MAP_TEXT_VARIANT_TAG: Record<TextVariant, keyof JSX.IntrinsicElements>;
@@ -1 +1 @@
1
- {"version":3,"file":"Text.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,8BAAoB;AAE1C,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CA6BvE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAexE,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,WAAW,EACX,MAAM,GAAG,CAAC,iBAAiB,CAgB5B,CAAC"}
1
+ {"version":3,"file":"Text.constants.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,WAAW,EACZ,gDAAgD;AAEjD,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAI3D,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,UAAU,EAAE,MAAM,CAI3D,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,SAAS,EAAE,MAAM,CAGzD,CAAC;AAEF,eAAO,MAAM,+BAA+B,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CA6BvE,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAexE,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CACvC,WAAW,EACX,MAAM,GAAG,CAAC,iBAAiB,CAgB5B,CAAC"}
@@ -1,4 +1,18 @@
1
- import { TextVariant } from "../../types/index.mjs";
1
+ import { FontFamily, FontStyle, FontWeight, TextVariant } from "@metamask-previews/design-system-shared";
2
+ export const MAP_FONTWEIGHT_CLASS = {
3
+ [FontWeight.Bold]: 'font-bold',
4
+ [FontWeight.Medium]: 'font-medium',
5
+ [FontWeight.Regular]: 'font-regular',
6
+ };
7
+ export const MAP_FONTFAMILY_CLASS = {
8
+ [FontFamily.Default]: 'font-default',
9
+ [FontFamily.Accent]: 'font-accent',
10
+ [FontFamily.Hero]: 'font-hero',
11
+ };
12
+ export const MAP_FONTSTYLE_CLASS = {
13
+ [FontStyle.Italic]: 'italic',
14
+ [FontStyle.Normal]: 'not-italic',
15
+ };
2
16
  export const CLASSMAP_TEXT_VARIANT_FONTSTYLE = {
3
17
  [TextVariant.DisplayLg]: 'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',
4
18
  [TextVariant.DisplayMd]: 'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',
@@ -1 +1 @@
1
- {"version":3,"file":"Text.constants.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,8BAAoB;AAE1C,MAAM,CAAC,MAAM,+BAA+B,GAAgC;IAC1E,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,WAAW,CAAC,SAAS,CAAC,EACrB,oIAAoI;IACtI,CAAC,WAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,WAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,WAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,WAAW,CAAC,MAAM,CAAC,EAClB,kHAAkH;IACpH,CAAC,WAAW,CAAC,WAAW,CAAC,EACvB,gJAAgJ;IAClJ,CAAC,WAAW,CAAC,cAAc,CAAC,EAC1B,kKAAkK;IACpK,CAAC,WAAW,CAAC,aAAa,CAAC,EACzB,kKAAkK;IACpK,CAAC,WAAW,CAAC,aAAa,CAAC,EACzB,kKAAkK;IACpK,CAAC,WAAW,CAAC,eAAe,CAAC,EAC3B,8KAA8K;CACjL,CAAC;AAEF,MAAM,CAAC,MAAM,gCAAgC,GAAgC;IAC3E,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,0BAA0B;IACnD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,0BAA0B;IACnD,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,WAAW;IACpC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,aAAa;IACnC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,cAAc;IACpC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,cAAc;IACpC,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,cAAc;IACpC,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,WAAW;IACtC,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,WAAW;IACzC,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,aAAa;IAC1C,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,aAAa;IAC1C,CAAC,WAAW,CAAC,eAAe,CAAC,EAAE,0BAA0B;CAC1D,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAG7B;IACF,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,IAAI;IAC7B,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG;IACzB,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,IAAI;IAC/B,CAAC,WAAW,CAAC,cAAc,CAAC,EAAE,IAAI;IAClC,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,MAAM;IACnC,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE,MAAM;IACnC,CAAC,WAAW,CAAC,eAAe,CAAC,EAAE,MAAM;CACtC,CAAC","sourcesContent":["import { TextVariant } from '../../types';\n\nexport const CLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string> = {\n [TextVariant.DisplayLg]:\n 'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',\n [TextVariant.DisplayMd]:\n 'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',\n [TextVariant.HeadingLg]:\n 'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',\n [TextVariant.HeadingMd]:\n 'text-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md md:leading-l-heading-md md:tracking-l-heading-md',\n [TextVariant.HeadingSm]:\n 'text-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm md:leading-l-heading-sm md:tracking-l-heading-sm',\n [TextVariant.BodyLg]:\n 'text-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg md:leading-l-body-lg md:tracking-l-body-lg',\n [TextVariant.BodyMd]:\n 'text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md',\n [TextVariant.BodySm]:\n 'text-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm md:leading-l-body-sm md:tracking-l-body-sm',\n [TextVariant.BodyXs]:\n 'text-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs md:leading-l-body-xs md:tracking-l-body-xs',\n [TextVariant.PageHeading]:\n 'text-s-page-heading leading-s-page-heading tracking-s-page-heading md:text-l-page-heading md:leading-l-page-heading md:tracking-l-page-heading',\n [TextVariant.SectionHeading]:\n 'text-s-section-heading leading-s-section-heading tracking-s-section-heading md:text-l-section-heading md:leading-l-section-heading md:tracking-l-section-heading',\n [TextVariant.ButtonLabelMd]:\n 'text-s-button-label-md leading-s-button-label-md tracking-s-button-label-md md:text-l-button-label-md md:leading-l-button-label-md md:tracking-l-button-label-md',\n [TextVariant.ButtonLabelLg]:\n 'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',\n [TextVariant.AmountDisplayLg]:\n 'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',\n};\n\nexport const CLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string> = {\n [TextVariant.DisplayLg]: 'font-bold md:font-medium',\n [TextVariant.DisplayMd]: 'font-bold md:font-medium',\n [TextVariant.HeadingLg]: 'font-bold',\n [TextVariant.HeadingMd]: 'font-bold',\n [TextVariant.HeadingSm]: 'font-bold',\n [TextVariant.BodyLg]: 'font-medium',\n [TextVariant.BodyMd]: 'font-regular',\n [TextVariant.BodySm]: 'font-regular',\n [TextVariant.BodyXs]: 'font-regular',\n [TextVariant.PageHeading]: 'font-bold',\n [TextVariant.SectionHeading]: 'font-bold',\n [TextVariant.ButtonLabelMd]: 'font-medium',\n [TextVariant.ButtonLabelLg]: 'font-medium',\n [TextVariant.AmountDisplayLg]: 'font-bold md:font-medium',\n};\n\nexport const MAP_TEXT_VARIANT_TAG: Record<\n TextVariant,\n keyof JSX.IntrinsicElements\n> = {\n [TextVariant.DisplayLg]: 'h1',\n [TextVariant.DisplayMd]: 'h1',\n [TextVariant.HeadingLg]: 'h2',\n [TextVariant.HeadingMd]: 'h3',\n [TextVariant.HeadingSm]: 'h4',\n [TextVariant.BodyLg]: 'p',\n [TextVariant.BodyMd]: 'p',\n [TextVariant.BodySm]: 'p',\n [TextVariant.BodyXs]: 'p',\n [TextVariant.PageHeading]: 'h1',\n [TextVariant.SectionHeading]: 'h2',\n [TextVariant.ButtonLabelMd]: 'span',\n [TextVariant.ButtonLabelLg]: 'span',\n [TextVariant.AmountDisplayLg]: 'span',\n};\n"]}
1
+ {"version":3,"file":"Text.constants.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.constants.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n FontFamily,\n FontStyle,\n FontWeight,\n TextVariant,\n} from '@metamask-previews/design-system-shared';\n\nexport const MAP_FONTWEIGHT_CLASS: Record<FontWeight, string> = {\n [FontWeight.Bold]: 'font-bold',\n [FontWeight.Medium]: 'font-medium',\n [FontWeight.Regular]: 'font-regular',\n};\n\nexport const MAP_FONTFAMILY_CLASS: Record<FontFamily, string> = {\n [FontFamily.Default]: 'font-default',\n [FontFamily.Accent]: 'font-accent',\n [FontFamily.Hero]: 'font-hero',\n};\n\nexport const MAP_FONTSTYLE_CLASS: Record<FontStyle, string> = {\n [FontStyle.Italic]: 'italic',\n [FontStyle.Normal]: 'not-italic',\n};\n\nexport const CLASSMAP_TEXT_VARIANT_FONTSTYLE: Record<TextVariant, string> = {\n [TextVariant.DisplayLg]:\n 'text-s-display-lg leading-s-display-lg tracking-s-display-lg md:text-l-display-lg md:leading-l-display-lg md:tracking-l-display-lg',\n [TextVariant.DisplayMd]:\n 'text-s-display-md leading-s-display-md tracking-s-display-md md:text-l-display-md md:leading-l-display-md md:tracking-l-display-md',\n [TextVariant.HeadingLg]:\n 'text-s-heading-lg leading-s-heading-lg tracking-s-heading-lg md:text-l-heading-lg md:leading-l-heading-lg md:tracking-l-heading-lg',\n [TextVariant.HeadingMd]:\n 'text-s-heading-md leading-s-heading-md tracking-s-heading-md md:text-l-heading-md md:leading-l-heading-md md:tracking-l-heading-md',\n [TextVariant.HeadingSm]:\n 'text-s-heading-sm leading-s-heading-sm tracking-s-heading-sm md:text-l-heading-sm md:leading-l-heading-sm md:tracking-l-heading-sm',\n [TextVariant.BodyLg]:\n 'text-s-body-lg leading-s-body-lg tracking-s-body-lg md:text-l-body-lg md:leading-l-body-lg md:tracking-l-body-lg',\n [TextVariant.BodyMd]:\n 'text-s-body-md leading-s-body-md tracking-s-body-md md:text-l-body-md md:leading-l-body-md md:tracking-l-body-md',\n [TextVariant.BodySm]:\n 'text-s-body-sm leading-s-body-sm tracking-s-body-sm md:text-l-body-sm md:leading-l-body-sm md:tracking-l-body-sm',\n [TextVariant.BodyXs]:\n 'text-s-body-xs leading-s-body-xs tracking-s-body-xs md:text-l-body-xs md:leading-l-body-xs md:tracking-l-body-xs',\n [TextVariant.PageHeading]:\n 'text-s-page-heading leading-s-page-heading tracking-s-page-heading md:text-l-page-heading md:leading-l-page-heading md:tracking-l-page-heading',\n [TextVariant.SectionHeading]:\n 'text-s-section-heading leading-s-section-heading tracking-s-section-heading md:text-l-section-heading md:leading-l-section-heading md:tracking-l-section-heading',\n [TextVariant.ButtonLabelMd]:\n 'text-s-button-label-md leading-s-button-label-md tracking-s-button-label-md md:text-l-button-label-md md:leading-l-button-label-md md:tracking-l-button-label-md',\n [TextVariant.ButtonLabelLg]:\n 'text-s-button-label-lg leading-s-button-label-lg tracking-s-button-label-lg md:text-l-button-label-lg md:leading-l-button-label-lg md:tracking-l-button-label-lg',\n [TextVariant.AmountDisplayLg]:\n 'text-s-amount-display-lg leading-s-amount-display-lg tracking-s-amount-display-lg md:text-l-amount-display-lg md:leading-l-amount-display-lg md:tracking-l-amount-display-lg',\n};\n\nexport const CLASSMAP_TEXT_VARIANT_FONTWEIGHT: Record<TextVariant, string> = {\n [TextVariant.DisplayLg]: 'font-bold md:font-medium',\n [TextVariant.DisplayMd]: 'font-bold md:font-medium',\n [TextVariant.HeadingLg]: 'font-bold',\n [TextVariant.HeadingMd]: 'font-bold',\n [TextVariant.HeadingSm]: 'font-bold',\n [TextVariant.BodyLg]: 'font-medium',\n [TextVariant.BodyMd]: 'font-regular',\n [TextVariant.BodySm]: 'font-regular',\n [TextVariant.BodyXs]: 'font-regular',\n [TextVariant.PageHeading]: 'font-bold',\n [TextVariant.SectionHeading]: 'font-bold',\n [TextVariant.ButtonLabelMd]: 'font-medium',\n [TextVariant.ButtonLabelLg]: 'font-medium',\n [TextVariant.AmountDisplayLg]: 'font-bold md:font-medium',\n};\n\nexport const MAP_TEXT_VARIANT_TAG: Record<\n TextVariant,\n keyof JSX.IntrinsicElements\n> = {\n [TextVariant.DisplayLg]: 'h1',\n [TextVariant.DisplayMd]: 'h1',\n [TextVariant.HeadingLg]: 'h2',\n [TextVariant.HeadingMd]: 'h3',\n [TextVariant.HeadingSm]: 'h4',\n [TextVariant.BodyLg]: 'p',\n [TextVariant.BodyMd]: 'p',\n [TextVariant.BodySm]: 'p',\n [TextVariant.BodyXs]: 'p',\n [TextVariant.PageHeading]: 'h1',\n [TextVariant.SectionHeading]: 'h2',\n [TextVariant.ButtonLabelMd]: 'span',\n [TextVariant.ButtonLabelLg]: 'span',\n [TextVariant.AmountDisplayLg]: 'span',\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAU1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsCpC,CAAC"}
1
+ {"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwCpC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAU1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAsCpC,CAAC"}
1
+ {"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,cAAc;AAY1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAE9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwCpC,CAAC"}
@@ -4,17 +4,19 @@ function $importDefault(module) {
4
4
  }
5
5
  return module;
6
6
  }
7
+ import { FontFamily, TextColor, TextVariant } from "@metamask-previews/design-system-shared";
7
8
  import { Slot } from "@radix-ui/react-slot";
8
9
  import $React from "react";
9
10
  const React = $importDefault($React);
10
- import { FontFamily, TextColor, TextVariant } from "../../types/index.mjs";
11
11
  import { twMerge } from "../../utils/tw-merge.mjs";
12
- import { CLASSMAP_TEXT_VARIANT_FONTSTYLE, CLASSMAP_TEXT_VARIANT_FONTWEIGHT, MAP_TEXT_VARIANT_TAG } from "./Text.constants.mjs";
12
+ import { CLASSMAP_TEXT_VARIANT_FONTSTYLE, CLASSMAP_TEXT_VARIANT_FONTWEIGHT, MAP_FONTFAMILY_CLASS, MAP_FONTSTYLE_CLASS, MAP_FONTWEIGHT_CLASS, MAP_TEXT_VARIANT_TAG } from "./Text.constants.mjs";
13
13
  export const Text = ({ variant = TextVariant.BodyMd, children, className, fontWeight, fontFamily = FontFamily.Default, fontStyle, textTransform, textAlign, overflowWrap, ellipsis, asChild, color = TextColor.TextDefault, style, ...props }) => {
14
14
  // When asChild is true, use Radix Slot to merge props onto the child component.
15
15
  // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).
16
16
  const Component = asChild ? Slot : MAP_TEXT_VARIANT_TAG[variant];
17
- const mergedClassName = `${twMerge(color, CLASSMAP_TEXT_VARIANT_FONTSTYLE[variant], fontWeight || CLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant], fontStyle, fontFamily, textTransform, textAlign, overflowWrap, ellipsis && 'truncate', className)}`;
17
+ const mergedClassName = `${twMerge(color, CLASSMAP_TEXT_VARIANT_FONTSTYLE[variant], fontWeight
18
+ ? MAP_FONTWEIGHT_CLASS[fontWeight]
19
+ : CLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant], fontStyle ? MAP_FONTSTYLE_CLASS[fontStyle] : undefined, MAP_FONTFAMILY_CLASS[fontFamily], textTransform, textAlign, overflowWrap, ellipsis && 'truncate', className)}`;
18
20
  return (React.createElement(Component, { className: mergedClassName, style: style, ...props }, children));
19
21
  };
20
22
  //# sourceMappingURL=Text.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,6BAA6B;AAC5C,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,8BAAoB;AACjE,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAE/C,OAAO,EACL,+BAA+B,EAC/B,gCAAgC,EAChC,oBAAoB,EACrB,6BAAyB;AAG1B,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GAAG,UAAU,CAAC,OAAO,EAC/B,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,gFAAgF;IAChF,sFAAsF;IACtF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAG,GAAG,OAAO,CAChC,KAAK,EACL,+BAA+B,CAAC,OAAO,CAAC,EACxC,UAAU,IAAI,gCAAgC,CAAC,OAAO,CAAC,EACvD,SAAS,EACT,UAAU,EACV,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,EAAE,CAAC;IAEJ,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IAC3D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { FontFamily, TextColor, TextVariant } from '../../types';\nimport { twMerge } from '../../utils/tw-merge';\n\nimport {\n CLASSMAP_TEXT_VARIANT_FONTSTYLE,\n CLASSMAP_TEXT_VARIANT_FONTWEIGHT,\n MAP_TEXT_VARIANT_TAG,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n variant = TextVariant.BodyMd,\n children,\n className,\n fontWeight,\n fontFamily = FontFamily.Default,\n fontStyle,\n textTransform,\n textAlign,\n overflowWrap,\n ellipsis,\n asChild,\n color = TextColor.TextDefault,\n style,\n ...props\n}) => {\n // When asChild is true, use Radix Slot to merge props onto the child component.\n // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).\n const Component = asChild ? Slot : MAP_TEXT_VARIANT_TAG[variant];\n\n const mergedClassName = `${twMerge(\n color,\n CLASSMAP_TEXT_VARIANT_FONTSTYLE[variant],\n fontWeight || CLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant],\n fontStyle,\n fontFamily,\n textTransform,\n textAlign,\n overflowWrap,\n ellipsis && 'truncate',\n className,\n )}`;\n\n return (\n <Component className={mergedClassName} style={style} {...props}>\n {children}\n </Component>\n );\n};\n"]}
1
+ {"version":3,"file":"Text.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,WAAW,EACZ,gDAAgD;AACjD,OAAO,EAAE,IAAI,EAAE,6BAA6B;AAC5C,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAE/C,OAAO,EACL,+BAA+B,EAC/B,gCAAgC,EAChC,oBAAoB,EACpB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACrB,6BAAyB;AAG1B,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,UAAU,GAAG,UAAU,CAAC,OAAO,EAC/B,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,gFAAgF;IAChF,sFAAsF;IACtF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAG,GAAG,OAAO,CAChC,KAAK,EACL,+BAA+B,CAAC,OAAO,CAAC,EACxC,UAAU;QACR,CAAC,CAAC,oBAAoB,CAAC,UAAU,CAAC;QAClC,CAAC,CAAC,gCAAgC,CAAC,OAAO,CAAC,EAC7C,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,EACtD,oBAAoB,CAAC,UAAU,CAAC,EAChC,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,EAAE,CAAC;IAEJ,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IAC3D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import {\n FontFamily,\n TextColor,\n TextVariant,\n} from '@metamask-previews/design-system-shared';\nimport { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\n\nimport {\n CLASSMAP_TEXT_VARIANT_FONTSTYLE,\n CLASSMAP_TEXT_VARIANT_FONTWEIGHT,\n MAP_FONTFAMILY_CLASS,\n MAP_FONTSTYLE_CLASS,\n MAP_FONTWEIGHT_CLASS,\n MAP_TEXT_VARIANT_TAG,\n} from './Text.constants';\nimport type { TextProps } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n variant = TextVariant.BodyMd,\n children,\n className,\n fontWeight,\n fontFamily = FontFamily.Default,\n fontStyle,\n textTransform,\n textAlign,\n overflowWrap,\n ellipsis,\n asChild,\n color = TextColor.TextDefault,\n style,\n ...props\n}) => {\n // When asChild is true, use Radix Slot to merge props onto the child component.\n // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).\n const Component = asChild ? Slot : MAP_TEXT_VARIANT_TAG[variant];\n\n const mergedClassName = `${twMerge(\n color,\n CLASSMAP_TEXT_VARIANT_FONTSTYLE[variant],\n fontWeight\n ? MAP_FONTWEIGHT_CLASS[fontWeight]\n : CLASSMAP_TEXT_VARIANT_FONTWEIGHT[variant],\n fontStyle ? MAP_FONTSTYLE_CLASS[fontStyle] : undefined,\n MAP_FONTFAMILY_CLASS[fontFamily],\n textTransform,\n textAlign,\n overflowWrap,\n ellipsis && 'truncate',\n className,\n )}`;\n\n return (\n <Component className={mergedClassName} style={style} {...props}>\n {children}\n </Component>\n );\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n FontFamily,\n FontStyle,\n FontWeight,\n OverflowWrap,\n TextAlign,\n TextVariant,\n TextTransform,\n TextColor,\n} from '../../types';\n\nexport type TextProps = {\n /**\n * Optional prop for inline styles\n */\n style?: React.CSSProperties;\n /**\n * Optional prop to change the font size of the component. The Text component uses responsive font sizes.\n * Different variants map to specific HTML elements by default.\n *\n * @default TextVariant.BodyMd\n */\n variant?: TextVariant;\n /**\n * The text content or elements to be rendered within the component.\n */\n children: React.ReactNode;\n /**\n * Optional prop for additional CSS classes to be applied to the Text component.\n */\n className?: string;\n /**\n * Optional prop to control the font weight of the text.\n * Regular: 400\n * Medium: 500\n * Bold: 600\n */\n fontWeight?: FontWeight;\n /**\n * Optional prop to adjust the font family.\n * Default: Geist\n * Accent: MM Sans\n * Hero: MM Poly\n */\n fontFamily?: FontFamily;\n /**\n * Optional prop to control the font style of the text.\n * Options: Normal, Italic\n */\n fontStyle?: FontStyle;\n /**\n * Optional prop to apply text transformation to the content.\n * Options: Uppercase, Lowercase, Capitalize, Normal\n */\n textTransform?: TextTransform;\n /**\n * Optional prop to control the text alignment within its container.\n * Options: Left, Center, Right, Justify\n */\n textAlign?: TextAlign;\n /**\n * Optional prop to determine how text should wrap when it reaches the edge of its container.\n * Options: BreakWord, Anywhere, Normal\n */\n overflowWrap?: OverflowWrap;\n /**\n * Optional prop that when true, adds an ellipsis (...) when text overflows its container.\n *\n * @default false\n */\n ellipsis?: boolean;\n /**\n * Optional boolean that determines if the component should merge its props onto its immediate child\n * instead of rendering a default DOM element.\n *\n * @default false\n */\n asChild?: boolean;\n /**\n * Optional prop that sets the color of the text using predefined theme colors.\n *\n * @default TextColor.TextDefault\n */\n color?: TextColor;\n /**\n * Optional prop for testing purposes\n */\n 'data-testid'?: string;\n};\n"]}
1
+ {"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n FontFamily,\n FontStyle,\n FontWeight,\n TextPropsShared,\n} from '@metamask-previews/design-system-shared';\n\nimport type { OverflowWrap, TextAlign, TextTransform } from '../../types';\n\nexport type TextProps = TextPropsShared & {\n /**\n * Optional prop for inline styles\n */\n style?: React.CSSProperties;\n /**\n * Optional prop for additional CSS classes to be applied to the Text component.\n */\n className?: string;\n /**\n * Optional prop to control the font weight of the text.\n * Regular: 400\n * Medium: 500\n * Bold: 600\n */\n fontWeight?: FontWeight;\n /**\n * Optional prop to adjust the font family.\n * Default: Geist\n * Accent: MM Sans\n * Hero: MM Poly\n */\n fontFamily?: FontFamily;\n /**\n * Optional prop to control the font style of the text.\n * Options: Normal, Italic\n */\n fontStyle?: FontStyle;\n /**\n * Optional prop to apply text transformation to the content.\n * Options: Uppercase, Lowercase, Capitalize, Normal\n */\n textTransform?: TextTransform;\n /**\n * Optional prop to control the text alignment within its container.\n * Options: Left, Center, Right, Justify\n */\n textAlign?: TextAlign;\n /**\n * Optional prop to determine how text should wrap when it reaches the edge of its container.\n * Options: BreakWord, Anywhere, Normal\n */\n overflowWrap?: OverflowWrap;\n /**\n * Optional boolean that adds an ellipsis (...) when text overflows its container.\n *\n * @default false\n */\n ellipsis?: boolean;\n /**\n * Optional boolean that determines if the component should merge its props onto its immediate child\n * instead of rendering a default DOM element.\n *\n * @default false\n */\n asChild?: boolean;\n /**\n * Optional prop for testing purposes\n */\n 'data-testid'?: string;\n};\n"]}
@@ -1,21 +1,11 @@
1
1
  /// <reference types="react" />
2
- import type { FontFamily, FontStyle, FontWeight, OverflowWrap, TextAlign, TextVariant, TextTransform, TextColor } from "../../types/index.cjs";
3
- export type TextProps = {
2
+ import type { FontFamily, FontStyle, FontWeight, TextPropsShared } from "@metamask-previews/design-system-shared";
3
+ import type { OverflowWrap, TextAlign, TextTransform } from "../../types/index.cjs";
4
+ export type TextProps = TextPropsShared & {
4
5
  /**
5
6
  * Optional prop for inline styles
6
7
  */
7
8
  style?: React.CSSProperties;
8
- /**
9
- * Optional prop to change the font size of the component. The Text component uses responsive font sizes.
10
- * Different variants map to specific HTML elements by default.
11
- *
12
- * @default TextVariant.BodyMd
13
- */
14
- variant?: TextVariant;
15
- /**
16
- * The text content or elements to be rendered within the component.
17
- */
18
- children: React.ReactNode;
19
9
  /**
20
10
  * Optional prop for additional CSS classes to be applied to the Text component.
21
11
  */
@@ -55,7 +45,7 @@ export type TextProps = {
55
45
  */
56
46
  overflowWrap?: OverflowWrap;
57
47
  /**
58
- * Optional prop that when true, adds an ellipsis (...) when text overflows its container.
48
+ * Optional boolean that adds an ellipsis (...) when text overflows its container.
59
49
  *
60
50
  * @default false
61
51
  */
@@ -67,12 +57,6 @@ export type TextProps = {
67
57
  * @default false
68
58
  */
69
59
  asChild?: boolean;
70
- /**
71
- * Optional prop that sets the color of the text using predefined theme colors.
72
- *
73
- * @default TextColor.TextDefault
74
- */
75
- color?: TextColor;
76
60
  /**
77
61
  * Optional prop for testing purposes
78
62
  */
@@ -1 +1 @@
1
- {"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,SAAS,EACV,8BAAoB;AAErB,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
1
+ {"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EAChB,gDAAgD;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,8BAAoB;AAE1E,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
@@ -1,21 +1,11 @@
1
1
  /// <reference types="react" />
2
- import type { FontFamily, FontStyle, FontWeight, OverflowWrap, TextAlign, TextVariant, TextTransform, TextColor } from "../../types/index.mjs";
3
- export type TextProps = {
2
+ import type { FontFamily, FontStyle, FontWeight, TextPropsShared } from "@metamask-previews/design-system-shared";
3
+ import type { OverflowWrap, TextAlign, TextTransform } from "../../types/index.mjs";
4
+ export type TextProps = TextPropsShared & {
4
5
  /**
5
6
  * Optional prop for inline styles
6
7
  */
7
8
  style?: React.CSSProperties;
8
- /**
9
- * Optional prop to change the font size of the component. The Text component uses responsive font sizes.
10
- * Different variants map to specific HTML elements by default.
11
- *
12
- * @default TextVariant.BodyMd
13
- */
14
- variant?: TextVariant;
15
- /**
16
- * The text content or elements to be rendered within the component.
17
- */
18
- children: React.ReactNode;
19
9
  /**
20
10
  * Optional prop for additional CSS classes to be applied to the Text component.
21
11
  */
@@ -55,7 +45,7 @@ export type TextProps = {
55
45
  */
56
46
  overflowWrap?: OverflowWrap;
57
47
  /**
58
- * Optional prop that when true, adds an ellipsis (...) when text overflows its container.
48
+ * Optional boolean that adds an ellipsis (...) when text overflows its container.
59
49
  *
60
50
  * @default false
61
51
  */
@@ -67,12 +57,6 @@ export type TextProps = {
67
57
  * @default false
68
58
  */
69
59
  asChild?: boolean;
70
- /**
71
- * Optional prop that sets the color of the text using predefined theme colors.
72
- *
73
- * @default TextColor.TextDefault
74
- */
75
- color?: TextColor;
76
60
  /**
77
61
  * Optional prop for testing purposes
78
62
  */
@@ -1 +1 @@
1
- {"version":3,"file":"Text.types.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,SAAS,EACV,8BAAoB;AAErB,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
1
+ {"version":3,"file":"Text.types.d.mts","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,UAAU,EACV,eAAe,EAChB,gDAAgD;AAEjD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,8BAAoB;AAE1E,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG;IACxC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;;;OAKG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n FontFamily,\n FontStyle,\n FontWeight,\n OverflowWrap,\n TextAlign,\n TextVariant,\n TextTransform,\n TextColor,\n} from '../../types';\n\nexport type TextProps = {\n /**\n * Optional prop for inline styles\n */\n style?: React.CSSProperties;\n /**\n * Optional prop to change the font size of the component. The Text component uses responsive font sizes.\n * Different variants map to specific HTML elements by default.\n *\n * @default TextVariant.BodyMd\n */\n variant?: TextVariant;\n /**\n * The text content or elements to be rendered within the component.\n */\n children: React.ReactNode;\n /**\n * Optional prop for additional CSS classes to be applied to the Text component.\n */\n className?: string;\n /**\n * Optional prop to control the font weight of the text.\n * Regular: 400\n * Medium: 500\n * Bold: 600\n */\n fontWeight?: FontWeight;\n /**\n * Optional prop to adjust the font family.\n * Default: Geist\n * Accent: MM Sans\n * Hero: MM Poly\n */\n fontFamily?: FontFamily;\n /**\n * Optional prop to control the font style of the text.\n * Options: Normal, Italic\n */\n fontStyle?: FontStyle;\n /**\n * Optional prop to apply text transformation to the content.\n * Options: Uppercase, Lowercase, Capitalize, Normal\n */\n textTransform?: TextTransform;\n /**\n * Optional prop to control the text alignment within its container.\n * Options: Left, Center, Right, Justify\n */\n textAlign?: TextAlign;\n /**\n * Optional prop to determine how text should wrap when it reaches the edge of its container.\n * Options: BreakWord, Anywhere, Normal\n */\n overflowWrap?: OverflowWrap;\n /**\n * Optional prop that when true, adds an ellipsis (...) when text overflows its container.\n *\n * @default false\n */\n ellipsis?: boolean;\n /**\n * Optional boolean that determines if the component should merge its props onto its immediate child\n * instead of rendering a default DOM element.\n *\n * @default false\n */\n asChild?: boolean;\n /**\n * Optional prop that sets the color of the text using predefined theme colors.\n *\n * @default TextColor.TextDefault\n */\n color?: TextColor;\n /**\n * Optional prop for testing purposes\n */\n 'data-testid'?: string;\n};\n"]}
1
+ {"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/components/Text/Text.types.ts"],"names":[],"mappings":"","sourcesContent":["import type {\n FontFamily,\n FontStyle,\n FontWeight,\n TextPropsShared,\n} from '@metamask-previews/design-system-shared';\n\nimport type { OverflowWrap, TextAlign, TextTransform } from '../../types';\n\nexport type TextProps = TextPropsShared & {\n /**\n * Optional prop for inline styles\n */\n style?: React.CSSProperties;\n /**\n * Optional prop for additional CSS classes to be applied to the Text component.\n */\n className?: string;\n /**\n * Optional prop to control the font weight of the text.\n * Regular: 400\n * Medium: 500\n * Bold: 600\n */\n fontWeight?: FontWeight;\n /**\n * Optional prop to adjust the font family.\n * Default: Geist\n * Accent: MM Sans\n * Hero: MM Poly\n */\n fontFamily?: FontFamily;\n /**\n * Optional prop to control the font style of the text.\n * Options: Normal, Italic\n */\n fontStyle?: FontStyle;\n /**\n * Optional prop to apply text transformation to the content.\n * Options: Uppercase, Lowercase, Capitalize, Normal\n */\n textTransform?: TextTransform;\n /**\n * Optional prop to control the text alignment within its container.\n * Options: Left, Center, Right, Justify\n */\n textAlign?: TextAlign;\n /**\n * Optional prop to determine how text should wrap when it reaches the edge of its container.\n * Options: BreakWord, Anywhere, Normal\n */\n overflowWrap?: OverflowWrap;\n /**\n * Optional boolean that adds an ellipsis (...) when text overflows its container.\n *\n * @default false\n */\n ellipsis?: boolean;\n /**\n * Optional boolean that determines if the component should merge its props onto its immediate child\n * instead of rendering a default DOM element.\n *\n * @default false\n */\n asChild?: boolean;\n /**\n * Optional prop for testing purposes\n */\n 'data-testid'?: string;\n};\n"]}
@@ -1,15 +1,16 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Text = exports.TextColor = exports.TextTransform = exports.TextVariant = exports.TextAlign = exports.OverflowWrap = exports.FontWeight = exports.FontStyle = exports.FontFamily = void 0;
3
+ exports.Text = exports.TextTransform = exports.TextAlign = exports.OverflowWrap = exports.FontWeight = exports.FontStyle = exports.FontFamily = exports.TextVariant = exports.TextColor = void 0;
4
+ var design_system_shared_1 = require("@metamask-previews/design-system-shared");
5
+ Object.defineProperty(exports, "TextColor", { enumerable: true, get: function () { return design_system_shared_1.TextColor; } });
6
+ Object.defineProperty(exports, "TextVariant", { enumerable: true, get: function () { return design_system_shared_1.TextVariant; } });
7
+ Object.defineProperty(exports, "FontFamily", { enumerable: true, get: function () { return design_system_shared_1.FontFamily; } });
8
+ Object.defineProperty(exports, "FontStyle", { enumerable: true, get: function () { return design_system_shared_1.FontStyle; } });
9
+ Object.defineProperty(exports, "FontWeight", { enumerable: true, get: function () { return design_system_shared_1.FontWeight; } });
4
10
  var types_1 = require("../../types/index.cjs");
5
- Object.defineProperty(exports, "FontFamily", { enumerable: true, get: function () { return types_1.FontFamily; } });
6
- Object.defineProperty(exports, "FontStyle", { enumerable: true, get: function () { return types_1.FontStyle; } });
7
- Object.defineProperty(exports, "FontWeight", { enumerable: true, get: function () { return types_1.FontWeight; } });
8
11
  Object.defineProperty(exports, "OverflowWrap", { enumerable: true, get: function () { return types_1.OverflowWrap; } });
9
12
  Object.defineProperty(exports, "TextAlign", { enumerable: true, get: function () { return types_1.TextAlign; } });
10
- Object.defineProperty(exports, "TextVariant", { enumerable: true, get: function () { return types_1.TextVariant; } });
11
13
  Object.defineProperty(exports, "TextTransform", { enumerable: true, get: function () { return types_1.TextTransform; } });
12
- Object.defineProperty(exports, "TextColor", { enumerable: true, get: function () { return types_1.TextColor; } });
13
14
  var Text_1 = require("./Text.cjs");
14
15
  Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return Text_1.Text; } });
15
16
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":";;;AAAA,+CASqB;AARnB,mGAAA,UAAU,OAAA;AACV,kGAAA,SAAS,OAAA;AACT,mGAAA,UAAU,OAAA;AACV,qGAAA,YAAY,OAAA;AACZ,kGAAA,SAAS,OAAA;AACT,oGAAA,WAAW,OAAA;AACX,sGAAA,aAAa,OAAA;AACb,kGAAA,SAAS,OAAA;AAEX,mCAA8B;AAArB,4FAAA,IAAI,OAAA","sourcesContent":["export {\n FontFamily,\n FontStyle,\n FontWeight,\n OverflowWrap,\n TextAlign,\n TextVariant,\n TextTransform,\n TextColor,\n} from '../../types';\nexport { Text } from './Text';\nexport type { TextProps } from './Text.types';\n"]}
1
+ {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":";;;AAAA,gFAOiD;AAN/C,iHAAA,SAAS,OAAA;AACT,mHAAA,WAAW,OAAA;AACX,kHAAA,UAAU,OAAA;AACV,iHAAA,SAAS,OAAA;AACT,kHAAA,UAAU,OAAA;AAGZ,+CAAqE;AAA5D,qGAAA,YAAY,OAAA;AAAE,kGAAA,SAAS,OAAA;AAAE,sGAAA,aAAa,OAAA;AAC/C,mCAA8B;AAArB,4FAAA,IAAI,OAAA","sourcesContent":["export {\n TextColor,\n TextVariant,\n FontFamily,\n FontStyle,\n FontWeight,\n type TextPropsShared,\n} from '@metamask-previews/design-system-shared';\nexport { OverflowWrap, TextAlign, TextTransform } from '../../types';\nexport { Text } from './Text';\nexport type { TextProps } from './Text.types';\n"]}
@@ -1,4 +1,5 @@
1
- export { FontFamily, FontStyle, FontWeight, OverflowWrap, TextAlign, TextVariant, TextTransform, TextColor, } from "../../types/index.cjs";
1
+ export { TextColor, TextVariant, FontFamily, FontStyle, FontWeight, type TextPropsShared, } from "@metamask-previews/design-system-shared";
2
+ export { OverflowWrap, TextAlign, TextTransform } from "../../types/index.cjs";
2
3
  export { Text } from "./Text.cjs";
3
4
  export type { TextProps } from "./Text.types.cjs";
4
5
  //# sourceMappingURL=index.d.cts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,SAAS,GACV,8BAAoB;AACrB,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,YAAY,EAAE,SAAS,EAAE,yBAAqB"}
1
+ {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,UAAU,EACV,KAAK,eAAe,GACrB,gDAAgD;AACjD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,8BAAoB;AACrE,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,YAAY,EAAE,SAAS,EAAE,yBAAqB"}
@@ -1,4 +1,5 @@
1
- export { FontFamily, FontStyle, FontWeight, OverflowWrap, TextAlign, TextVariant, TextTransform, TextColor, } from "../../types/index.mjs";
1
+ export { TextColor, TextVariant, FontFamily, FontStyle, FontWeight, type TextPropsShared, } from "@metamask-previews/design-system-shared";
2
+ export { OverflowWrap, TextAlign, TextTransform } from "../../types/index.mjs";
2
3
  export { Text } from "./Text.mjs";
3
4
  export type { TextProps } from "./Text.types.mjs";
4
5
  //# sourceMappingURL=index.d.mts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,SAAS,GACV,8BAAoB;AACrB,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,YAAY,EAAE,SAAS,EAAE,yBAAqB"}
1
+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,UAAU,EACV,KAAK,eAAe,GACrB,gDAAgD;AACjD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,8BAAoB;AACrE,OAAO,EAAE,IAAI,EAAE,mBAAe;AAC9B,YAAY,EAAE,SAAS,EAAE,yBAAqB"}
@@ -1,3 +1,4 @@
1
- export { FontFamily, FontStyle, FontWeight, OverflowWrap, TextAlign, TextVariant, TextTransform, TextColor } from "../../types/index.mjs";
1
+ export { TextColor, TextVariant, FontFamily, FontStyle, FontWeight } from "@metamask-previews/design-system-shared";
2
+ export { OverflowWrap, TextAlign, TextTransform } from "../../types/index.mjs";
2
3
  export { Text } from "./Text.mjs";
3
4
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,EACV,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,WAAW,EACX,aAAa,EACb,SAAS,EACV,8BAAoB;AACrB,OAAO,EAAE,IAAI,EAAE,mBAAe","sourcesContent":["export {\n FontFamily,\n FontStyle,\n FontWeight,\n OverflowWrap,\n TextAlign,\n TextVariant,\n TextTransform,\n TextColor,\n} from '../../types';\nexport { Text } from './Text';\nexport type { TextProps } from './Text.types';\n"]}
1
+ {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,WAAW,EACX,UAAU,EACV,SAAS,EACT,UAAU,EAEX,gDAAgD;AACjD,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,8BAAoB;AACrE,OAAO,EAAE,IAAI,EAAE,mBAAe","sourcesContent":["export {\n TextColor,\n TextVariant,\n FontFamily,\n FontStyle,\n FontWeight,\n type TextPropsShared,\n} from '@metamask-previews/design-system-shared';\nexport { OverflowWrap, TextAlign, TextTransform } from '../../types';\nexport { Text } from './Text';\nexport type { TextProps } from './Text.types';\n"]}