@metamask-previews/design-system-react 0.0.0-preview.bf69b6b → 0.0.0-preview.fbd1fe9

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 (310) hide show
  1. package/dist/components/avatar-base/AvatarBase.cjs +28 -0
  2. package/dist/components/avatar-base/AvatarBase.cjs.map +1 -0
  3. package/dist/components/avatar-base/AvatarBase.constants.cjs +19 -0
  4. package/dist/components/avatar-base/AvatarBase.constants.cjs.map +1 -0
  5. package/dist/components/avatar-base/AvatarBase.constants.d.cts +4 -0
  6. package/dist/components/avatar-base/AvatarBase.constants.d.cts.map +1 -0
  7. package/dist/components/avatar-base/AvatarBase.constants.d.mts +4 -0
  8. package/dist/components/avatar-base/AvatarBase.constants.d.mts.map +1 -0
  9. package/dist/components/avatar-base/AvatarBase.constants.mjs +16 -0
  10. package/dist/components/avatar-base/AvatarBase.constants.mjs.map +1 -0
  11. package/dist/components/avatar-base/AvatarBase.d.cts +4 -0
  12. package/dist/components/avatar-base/AvatarBase.d.cts.map +1 -0
  13. package/dist/components/avatar-base/AvatarBase.d.mts +4 -0
  14. package/dist/components/avatar-base/AvatarBase.d.mts.map +1 -0
  15. package/dist/components/avatar-base/AvatarBase.mjs +29 -0
  16. package/dist/components/avatar-base/AvatarBase.mjs.map +1 -0
  17. package/dist/components/avatar-base/AvatarBase.types.cjs +38 -0
  18. package/dist/components/avatar-base/AvatarBase.types.cjs.map +1 -0
  19. package/dist/components/avatar-base/AvatarBase.types.d.cts +77 -0
  20. package/dist/components/avatar-base/AvatarBase.types.d.cts.map +1 -0
  21. package/dist/components/avatar-base/AvatarBase.types.d.mts +77 -0
  22. package/dist/components/avatar-base/AvatarBase.types.d.mts.map +1 -0
  23. package/dist/components/avatar-base/AvatarBase.types.mjs +35 -0
  24. package/dist/components/avatar-base/AvatarBase.types.mjs.map +1 -0
  25. package/dist/components/avatar-base/index.cjs +9 -0
  26. package/dist/components/avatar-base/index.cjs.map +1 -0
  27. package/dist/components/avatar-base/index.d.cts +4 -0
  28. package/dist/components/{button-link → avatar-base}/index.d.cts.map +1 -1
  29. package/dist/components/avatar-base/index.d.mts +4 -0
  30. package/dist/components/{button-link → avatar-base}/index.d.mts.map +1 -1
  31. package/dist/components/avatar-base/index.mjs +3 -0
  32. package/dist/components/avatar-base/index.mjs.map +1 -0
  33. package/dist/components/avatar-favicon/AvatarFavicon.cjs +16 -0
  34. package/dist/components/avatar-favicon/AvatarFavicon.cjs.map +1 -0
  35. package/dist/components/avatar-favicon/AvatarFavicon.constants.cjs +13 -0
  36. package/dist/components/avatar-favicon/AvatarFavicon.constants.cjs.map +1 -0
  37. package/dist/components/avatar-favicon/AvatarFavicon.constants.d.cts +4 -0
  38. package/dist/components/avatar-favicon/AvatarFavicon.constants.d.cts.map +1 -0
  39. package/dist/components/avatar-favicon/AvatarFavicon.constants.d.mts +4 -0
  40. package/dist/components/avatar-favicon/AvatarFavicon.constants.d.mts.map +1 -0
  41. package/dist/components/avatar-favicon/AvatarFavicon.constants.mjs +10 -0
  42. package/dist/components/avatar-favicon/AvatarFavicon.constants.mjs.map +1 -0
  43. package/dist/components/avatar-favicon/AvatarFavicon.d.cts +4 -0
  44. package/dist/components/avatar-favicon/AvatarFavicon.d.cts.map +1 -0
  45. package/dist/components/avatar-favicon/AvatarFavicon.d.mts +4 -0
  46. package/dist/components/avatar-favicon/AvatarFavicon.d.mts.map +1 -0
  47. package/dist/components/avatar-favicon/AvatarFavicon.mjs +17 -0
  48. package/dist/components/avatar-favicon/AvatarFavicon.mjs.map +1 -0
  49. package/dist/components/avatar-favicon/AvatarFavicon.types.cjs +27 -0
  50. package/dist/components/avatar-favicon/AvatarFavicon.types.cjs.map +1 -0
  51. package/dist/components/avatar-favicon/AvatarFavicon.types.d.cts +62 -0
  52. package/dist/components/avatar-favicon/AvatarFavicon.types.d.cts.map +1 -0
  53. package/dist/components/avatar-favicon/AvatarFavicon.types.d.mts +62 -0
  54. package/dist/components/avatar-favicon/AvatarFavicon.types.d.mts.map +1 -0
  55. package/dist/components/avatar-favicon/AvatarFavicon.types.mjs +24 -0
  56. package/dist/components/avatar-favicon/AvatarFavicon.types.mjs.map +1 -0
  57. package/dist/components/avatar-favicon/index.cjs +8 -0
  58. package/dist/components/avatar-favicon/index.cjs.map +1 -0
  59. package/dist/components/avatar-favicon/index.d.cts +4 -0
  60. package/dist/components/avatar-favicon/index.d.cts.map +1 -0
  61. package/dist/components/avatar-favicon/index.d.mts +4 -0
  62. package/dist/components/avatar-favicon/index.d.mts.map +1 -0
  63. package/dist/components/avatar-favicon/index.mjs +3 -0
  64. package/dist/components/avatar-favicon/index.mjs.map +1 -0
  65. package/dist/components/avatar-icon/AvatarIcon.cjs +19 -0
  66. package/dist/components/avatar-icon/AvatarIcon.cjs.map +1 -0
  67. package/dist/components/avatar-icon/AvatarIcon.constants.cjs +44 -0
  68. package/dist/components/avatar-icon/AvatarIcon.constants.cjs.map +1 -0
  69. package/dist/components/avatar-icon/AvatarIcon.constants.d.cts +11 -0
  70. package/dist/components/avatar-icon/AvatarIcon.constants.d.cts.map +1 -0
  71. package/dist/components/avatar-icon/AvatarIcon.constants.d.mts +11 -0
  72. package/dist/components/avatar-icon/AvatarIcon.constants.d.mts.map +1 -0
  73. package/dist/components/avatar-icon/AvatarIcon.constants.mjs +41 -0
  74. package/dist/components/avatar-icon/AvatarIcon.constants.mjs.map +1 -0
  75. package/dist/components/avatar-icon/AvatarIcon.d.cts +4 -0
  76. package/dist/components/avatar-icon/AvatarIcon.d.cts.map +1 -0
  77. package/dist/components/avatar-icon/AvatarIcon.d.mts +4 -0
  78. package/dist/components/avatar-icon/AvatarIcon.d.mts.map +1 -0
  79. package/dist/components/avatar-icon/AvatarIcon.mjs +20 -0
  80. package/dist/components/avatar-icon/AvatarIcon.mjs.map +1 -0
  81. package/dist/components/avatar-icon/AvatarIcon.types.cjs +36 -0
  82. package/dist/components/avatar-icon/AvatarIcon.types.cjs.map +1 -0
  83. package/dist/components/avatar-icon/AvatarIcon.types.d.cts +57 -0
  84. package/dist/components/avatar-icon/AvatarIcon.types.d.cts.map +1 -0
  85. package/dist/components/avatar-icon/AvatarIcon.types.d.mts +57 -0
  86. package/dist/components/avatar-icon/AvatarIcon.types.d.mts.map +1 -0
  87. package/dist/components/avatar-icon/AvatarIcon.types.mjs +33 -0
  88. package/dist/components/avatar-icon/AvatarIcon.types.mjs.map +1 -0
  89. package/dist/components/avatar-icon/index.cjs +9 -0
  90. package/dist/components/avatar-icon/index.cjs.map +1 -0
  91. package/dist/components/avatar-icon/index.d.cts +4 -0
  92. package/dist/components/avatar-icon/index.d.cts.map +1 -0
  93. package/dist/components/avatar-icon/index.d.mts +4 -0
  94. package/dist/components/avatar-icon/index.d.mts.map +1 -0
  95. package/dist/components/avatar-icon/index.mjs +3 -0
  96. package/dist/components/avatar-icon/index.mjs.map +1 -0
  97. package/dist/components/avatar-network/AvatarNetwork.cjs +15 -0
  98. package/dist/components/avatar-network/AvatarNetwork.cjs.map +1 -0
  99. package/dist/components/avatar-network/AvatarNetwork.d.cts +4 -0
  100. package/dist/components/avatar-network/AvatarNetwork.d.cts.map +1 -0
  101. package/dist/components/avatar-network/AvatarNetwork.d.mts +4 -0
  102. package/dist/components/avatar-network/AvatarNetwork.d.mts.map +1 -0
  103. package/dist/components/avatar-network/AvatarNetwork.mjs +16 -0
  104. package/dist/components/avatar-network/AvatarNetwork.mjs.map +1 -0
  105. package/dist/components/avatar-network/AvatarNetwork.types.cjs +4 -0
  106. package/dist/components/avatar-network/AvatarNetwork.types.cjs.map +1 -0
  107. package/dist/components/avatar-network/AvatarNetwork.types.d.cts +40 -0
  108. package/dist/components/avatar-network/AvatarNetwork.types.d.cts.map +1 -0
  109. package/dist/components/avatar-network/AvatarNetwork.types.d.mts +40 -0
  110. package/dist/components/avatar-network/AvatarNetwork.types.d.mts.map +1 -0
  111. package/dist/components/avatar-network/AvatarNetwork.types.mjs +2 -0
  112. package/dist/components/avatar-network/AvatarNetwork.types.mjs.map +1 -0
  113. package/dist/components/avatar-network/index.cjs +8 -0
  114. package/dist/components/avatar-network/index.cjs.map +1 -0
  115. package/dist/components/avatar-network/index.d.cts +4 -0
  116. package/dist/components/avatar-network/index.d.cts.map +1 -0
  117. package/dist/components/avatar-network/index.d.mts +4 -0
  118. package/dist/components/avatar-network/index.d.mts.map +1 -0
  119. package/dist/components/avatar-network/index.mjs +3 -0
  120. package/dist/components/avatar-network/index.mjs.map +1 -0
  121. package/dist/components/avatar-token/AvatarToken.cjs +15 -0
  122. package/dist/components/avatar-token/AvatarToken.cjs.map +1 -0
  123. package/dist/components/avatar-token/AvatarToken.d.cts +4 -0
  124. package/dist/components/avatar-token/AvatarToken.d.cts.map +1 -0
  125. package/dist/components/avatar-token/AvatarToken.d.mts +4 -0
  126. package/dist/components/avatar-token/AvatarToken.d.mts.map +1 -0
  127. package/dist/components/avatar-token/AvatarToken.mjs +16 -0
  128. package/dist/components/avatar-token/AvatarToken.mjs.map +1 -0
  129. package/dist/components/avatar-token/AvatarToken.types.cjs +4 -0
  130. package/dist/components/avatar-token/AvatarToken.types.cjs.map +1 -0
  131. package/dist/components/avatar-token/AvatarToken.types.d.cts +40 -0
  132. package/dist/components/avatar-token/AvatarToken.types.d.cts.map +1 -0
  133. package/dist/components/avatar-token/AvatarToken.types.d.mts +40 -0
  134. package/dist/components/avatar-token/AvatarToken.types.d.mts.map +1 -0
  135. package/dist/components/avatar-token/AvatarToken.types.mjs +2 -0
  136. package/dist/components/avatar-token/AvatarToken.types.mjs.map +1 -0
  137. package/dist/components/avatar-token/index.cjs +8 -0
  138. package/dist/components/avatar-token/index.cjs.map +1 -0
  139. package/dist/components/avatar-token/index.d.cts +4 -0
  140. package/dist/components/avatar-token/index.d.cts.map +1 -0
  141. package/dist/components/avatar-token/index.d.mts +4 -0
  142. package/dist/components/avatar-token/index.d.mts.map +1 -0
  143. package/dist/components/avatar-token/index.mjs +3 -0
  144. package/dist/components/avatar-token/index.mjs.map +1 -0
  145. package/dist/components/button/Button.cjs +25 -0
  146. package/dist/components/button/Button.cjs.map +1 -0
  147. package/dist/components/button/Button.d.cts +4 -0
  148. package/dist/components/button/Button.d.cts.map +1 -0
  149. package/dist/components/button/Button.d.mts +4 -0
  150. package/dist/components/button/Button.d.mts.map +1 -0
  151. package/dist/components/button/Button.mjs +26 -0
  152. package/dist/components/button/Button.mjs.map +1 -0
  153. package/dist/components/button/Button.types.cjs +19 -0
  154. package/dist/components/button/Button.types.cjs.map +1 -0
  155. package/dist/components/button/Button.types.d.cts +31 -0
  156. package/dist/components/button/Button.types.d.cts.map +1 -0
  157. package/dist/components/button/Button.types.d.mts +31 -0
  158. package/dist/components/button/Button.types.d.mts.map +1 -0
  159. package/dist/components/button/Button.types.mjs +16 -0
  160. package/dist/components/button/Button.types.mjs.map +1 -0
  161. package/dist/components/button/index.cjs +10 -0
  162. package/dist/components/button/index.cjs.map +1 -0
  163. package/dist/components/button/index.d.cts +5 -0
  164. package/dist/components/button/index.d.cts.map +1 -0
  165. package/dist/components/button/index.d.mts +5 -0
  166. package/dist/components/button/index.d.mts.map +1 -0
  167. package/dist/components/button/index.mjs +4 -0
  168. package/dist/components/button/index.mjs.map +1 -0
  169. package/dist/components/button-base/ButtonBase.cjs +24 -10
  170. package/dist/components/button-base/ButtonBase.cjs.map +1 -1
  171. package/dist/components/button-base/ButtonBase.d.cts.map +1 -1
  172. package/dist/components/button-base/ButtonBase.d.mts.map +1 -1
  173. package/dist/components/button-base/ButtonBase.mjs +22 -8
  174. package/dist/components/button-base/ButtonBase.mjs.map +1 -1
  175. package/dist/components/button-base/ButtonBase.types.cjs.map +1 -1
  176. package/dist/components/button-base/ButtonBase.types.d.cts +1 -1
  177. package/dist/components/button-base/ButtonBase.types.d.mts +1 -1
  178. package/dist/components/button-base/ButtonBase.types.mjs.map +1 -1
  179. package/dist/components/button-icon/ButtonIcon.cjs +38 -0
  180. package/dist/components/button-icon/ButtonIcon.cjs.map +1 -0
  181. package/dist/components/button-icon/ButtonIcon.constants.cjs +16 -0
  182. package/dist/components/button-icon/ButtonIcon.constants.cjs.map +1 -0
  183. package/dist/components/button-icon/ButtonIcon.constants.d.cts +12 -0
  184. package/dist/components/button-icon/ButtonIcon.constants.d.cts.map +1 -0
  185. package/dist/components/button-icon/ButtonIcon.constants.d.mts +12 -0
  186. package/dist/components/button-icon/ButtonIcon.constants.d.mts.map +1 -0
  187. package/dist/components/button-icon/ButtonIcon.constants.mjs +13 -0
  188. package/dist/components/button-icon/ButtonIcon.constants.mjs.map +1 -0
  189. package/dist/components/button-icon/ButtonIcon.d.cts +4 -0
  190. package/dist/components/button-icon/ButtonIcon.d.cts.map +1 -0
  191. package/dist/components/button-icon/ButtonIcon.d.mts +4 -0
  192. package/dist/components/button-icon/ButtonIcon.d.mts.map +1 -0
  193. package/dist/components/button-icon/ButtonIcon.mjs +39 -0
  194. package/dist/components/button-icon/ButtonIcon.mjs.map +1 -0
  195. package/dist/components/button-icon/ButtonIcon.types.cjs +19 -0
  196. package/dist/components/button-icon/ButtonIcon.types.cjs.map +1 -0
  197. package/dist/components/button-icon/ButtonIcon.types.d.cts +61 -0
  198. package/dist/components/button-icon/ButtonIcon.types.d.cts.map +1 -0
  199. package/dist/components/button-icon/ButtonIcon.types.d.mts +61 -0
  200. package/dist/components/button-icon/ButtonIcon.types.d.mts.map +1 -0
  201. package/dist/components/button-icon/ButtonIcon.types.mjs +16 -0
  202. package/dist/components/button-icon/ButtonIcon.types.mjs.map +1 -0
  203. package/dist/components/button-icon/index.cjs +8 -0
  204. package/dist/components/button-icon/index.cjs.map +1 -0
  205. package/dist/components/button-icon/index.d.cts +4 -0
  206. package/dist/components/button-icon/index.d.cts.map +1 -0
  207. package/dist/components/button-icon/index.d.mts +4 -0
  208. package/dist/components/button-icon/index.d.mts.map +1 -0
  209. package/dist/components/button-icon/index.mjs +3 -0
  210. package/dist/components/button-icon/index.mjs.map +1 -0
  211. package/dist/components/button-primary/ButtonPrimary.cjs +45 -23
  212. package/dist/components/button-primary/ButtonPrimary.cjs.map +1 -1
  213. package/dist/components/button-primary/ButtonPrimary.d.cts.map +1 -1
  214. package/dist/components/button-primary/ButtonPrimary.d.mts.map +1 -1
  215. package/dist/components/button-primary/ButtonPrimary.mjs +45 -23
  216. package/dist/components/button-primary/ButtonPrimary.mjs.map +1 -1
  217. package/dist/components/button-secondary/ButtonSecondary.cjs +26 -25
  218. package/dist/components/button-secondary/ButtonSecondary.cjs.map +1 -1
  219. package/dist/components/button-secondary/ButtonSecondary.d.cts.map +1 -1
  220. package/dist/components/button-secondary/ButtonSecondary.d.mts.map +1 -1
  221. package/dist/components/button-secondary/ButtonSecondary.mjs +26 -25
  222. package/dist/components/button-secondary/ButtonSecondary.mjs.map +1 -1
  223. package/dist/components/button-tertiary/ButtonTertiary.cjs +60 -0
  224. package/dist/components/button-tertiary/ButtonTertiary.cjs.map +1 -0
  225. package/dist/components/button-tertiary/ButtonTertiary.d.cts +4 -0
  226. package/dist/components/button-tertiary/ButtonTertiary.d.cts.map +1 -0
  227. package/dist/components/button-tertiary/ButtonTertiary.d.mts +4 -0
  228. package/dist/components/button-tertiary/ButtonTertiary.d.mts.map +1 -0
  229. package/dist/components/button-tertiary/ButtonTertiary.mjs +61 -0
  230. package/dist/components/button-tertiary/ButtonTertiary.mjs.map +1 -0
  231. package/dist/components/button-tertiary/ButtonTertiary.types.cjs +3 -0
  232. package/dist/components/button-tertiary/ButtonTertiary.types.cjs.map +1 -0
  233. package/dist/components/{button-link/ButtonLink.types.d.cts → button-tertiary/ButtonTertiary.types.d.cts} +8 -3
  234. package/dist/components/button-tertiary/ButtonTertiary.types.d.cts.map +1 -0
  235. package/dist/components/{button-link/ButtonLink.types.d.mts → button-tertiary/ButtonTertiary.types.d.mts} +8 -3
  236. package/dist/components/button-tertiary/ButtonTertiary.types.d.mts.map +1 -0
  237. package/dist/components/button-tertiary/ButtonTertiary.types.mjs +2 -0
  238. package/dist/components/button-tertiary/ButtonTertiary.types.mjs.map +1 -0
  239. package/dist/components/button-tertiary/index.cjs +8 -0
  240. package/dist/components/button-tertiary/index.cjs.map +1 -0
  241. package/dist/components/button-tertiary/index.d.cts +4 -0
  242. package/dist/components/button-tertiary/index.d.cts.map +1 -0
  243. package/dist/components/button-tertiary/index.d.mts +4 -0
  244. package/dist/components/button-tertiary/index.d.mts.map +1 -0
  245. package/dist/components/button-tertiary/index.mjs +3 -0
  246. package/dist/components/button-tertiary/index.mjs.map +1 -0
  247. package/dist/components/index.cjs +30 -9
  248. package/dist/components/index.cjs.map +1 -1
  249. package/dist/components/index.d.cts +20 -7
  250. package/dist/components/index.d.cts.map +1 -1
  251. package/dist/components/index.d.mts +20 -7
  252. package/dist/components/index.d.mts.map +1 -1
  253. package/dist/components/index.mjs +11 -6
  254. package/dist/components/index.mjs.map +1 -1
  255. package/dist/components/text/Text.cjs +2 -2
  256. package/dist/components/text/Text.cjs.map +1 -1
  257. package/dist/components/text/Text.d.cts.map +1 -1
  258. package/dist/components/text/Text.d.mts.map +1 -1
  259. package/dist/components/text/Text.mjs +2 -2
  260. package/dist/components/text/Text.mjs.map +1 -1
  261. package/dist/components/text/Text.types.cjs.map +1 -1
  262. package/dist/components/text/Text.types.d.cts +4 -0
  263. package/dist/components/text/Text.types.d.cts.map +1 -1
  264. package/dist/components/text/Text.types.d.mts +4 -0
  265. package/dist/components/text/Text.types.d.mts.map +1 -1
  266. package/dist/components/text/Text.types.mjs.map +1 -1
  267. package/dist/components/text-button/TextButton.cjs +49 -0
  268. package/dist/components/text-button/TextButton.cjs.map +1 -0
  269. package/dist/components/text-button/TextButton.d.cts +4 -0
  270. package/dist/components/text-button/TextButton.d.cts.map +1 -0
  271. package/dist/components/text-button/TextButton.d.mts +4 -0
  272. package/dist/components/text-button/TextButton.d.mts.map +1 -0
  273. package/dist/components/text-button/TextButton.mjs +50 -0
  274. package/dist/components/text-button/TextButton.mjs.map +1 -0
  275. package/dist/components/{button-link/ButtonLink.types.cjs → text-button/TextButton.types.cjs} +1 -1
  276. package/dist/components/text-button/TextButton.types.cjs.map +1 -0
  277. package/dist/components/text-button/TextButton.types.d.cts +35 -0
  278. package/dist/components/text-button/TextButton.types.d.cts.map +1 -0
  279. package/dist/components/text-button/TextButton.types.d.mts +35 -0
  280. package/dist/components/text-button/TextButton.types.d.mts.map +1 -0
  281. package/dist/components/text-button/TextButton.types.mjs +2 -0
  282. package/dist/components/text-button/TextButton.types.mjs.map +1 -0
  283. package/dist/components/text-button/index.cjs +6 -0
  284. package/dist/components/text-button/index.cjs.map +1 -0
  285. package/dist/components/text-button/index.d.cts +3 -0
  286. package/dist/components/text-button/index.d.cts.map +1 -0
  287. package/dist/components/text-button/index.d.mts +3 -0
  288. package/dist/components/text-button/index.d.mts.map +1 -0
  289. package/dist/components/text-button/index.mjs +2 -0
  290. package/dist/components/text-button/index.mjs.map +1 -0
  291. package/package.json +6 -6
  292. package/dist/components/button-link/ButtonLink.cjs +0 -32
  293. package/dist/components/button-link/ButtonLink.cjs.map +0 -1
  294. package/dist/components/button-link/ButtonLink.d.cts +0 -4
  295. package/dist/components/button-link/ButtonLink.d.cts.map +0 -1
  296. package/dist/components/button-link/ButtonLink.d.mts +0 -4
  297. package/dist/components/button-link/ButtonLink.d.mts.map +0 -1
  298. package/dist/components/button-link/ButtonLink.mjs +0 -33
  299. package/dist/components/button-link/ButtonLink.mjs.map +0 -1
  300. package/dist/components/button-link/ButtonLink.types.cjs.map +0 -1
  301. package/dist/components/button-link/ButtonLink.types.d.cts.map +0 -1
  302. package/dist/components/button-link/ButtonLink.types.d.mts.map +0 -1
  303. package/dist/components/button-link/ButtonLink.types.mjs +0 -2
  304. package/dist/components/button-link/ButtonLink.types.mjs.map +0 -1
  305. package/dist/components/button-link/index.cjs +0 -8
  306. package/dist/components/button-link/index.cjs.map +0 -1
  307. package/dist/components/button-link/index.d.cts +0 -4
  308. package/dist/components/button-link/index.d.mts +0 -4
  309. package/dist/components/button-link/index.mjs +0 -3
  310. package/dist/components/button-link/index.mjs.map +0 -1
@@ -7,13 +7,26 @@ export type { IconProps } from "./icon/index.cjs";
7
7
  export { ButtonBase } from "./button-base/index.cjs";
8
8
  export type { ButtonBaseProps } from "./button-base/index.cjs";
9
9
  export { ButtonBaseSize } from "./button-base/index.cjs";
10
- export { ButtonPrimary } from "./button-primary/index.cjs";
10
+ export { ButtonPrimary, ButtonPrimarySize } from "./button-primary/index.cjs";
11
11
  export type { ButtonPrimaryProps } from "./button-primary/index.cjs";
12
- export { ButtonPrimarySize } from "./button-primary/index.cjs";
13
- export { ButtonSecondary } from "./button-secondary/index.cjs";
12
+ export { ButtonSecondary, ButtonSecondarySize } from "./button-secondary/index.cjs";
14
13
  export type { ButtonSecondaryProps } from "./button-secondary/index.cjs";
15
- export { ButtonSecondarySize } from "./button-secondary/index.cjs";
16
- export { ButtonLink } from "./button-link/index.cjs";
17
- export type { ButtonLinkProps } from "./button-link/index.cjs";
18
- export { ButtonLinkSize } from "./button-link/index.cjs";
14
+ export { ButtonTertiary, ButtonTertiarySize } from "./button-tertiary/index.cjs";
15
+ export type { ButtonTertiaryProps } from "./button-tertiary/index.cjs";
16
+ export { Button, ButtonSize, ButtonVariant } from "./button/index.cjs";
17
+ export type { ButtonProps } from "./button/index.cjs";
18
+ export { TextButton } from "./text-button/index.cjs";
19
+ export type { TextButtonProps } from "./text-button/index.cjs";
20
+ export { ButtonIcon } from "./button-icon/index.cjs";
21
+ export type { ButtonIconProps } from "./button-icon/index.cjs";
22
+ export { AvatarBase, AvatarBaseSize } from "./avatar-base/index.cjs";
23
+ export type { AvatarBaseProps } from "./avatar-base/index.cjs";
24
+ export { AvatarNetwork, AvatarNetworkSize } from "./avatar-network/index.cjs";
25
+ export type { AvatarNetworkProps } from "./avatar-network/index.cjs";
26
+ export { AvatarToken, AvatarTokenSize } from "./avatar-token/index.cjs";
27
+ export type { AvatarTokenProps } from "./avatar-token/index.cjs";
28
+ export { AvatarFavicon, AvatarFaviconSize } from "./avatar-favicon/index.cjs";
29
+ export type { AvatarFaviconProps } from "./avatar-favicon/index.cjs";
30
+ export { AvatarIcon, AvatarIconSize, AvatarIconSeverity } from "./avatar-icon/index.cjs";
31
+ export type { AvatarIconProps } from "./avatar-icon/index.cjs";
19
32
  //# sourceMappingURL=index.d.cts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,yBAAe;AAC9B,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,GACb,yBAAe;AAChB,YAAY,EAAE,SAAS,EAAE,yBAAe;AAExC,OAAO,EAAE,IAAI,EAAE,yBAAe;AAC9B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,yBAAe;AACvD,YAAY,EAAE,SAAS,EAAE,yBAAe;AAExC,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,YAAY,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,EAAE,cAAc,EAAE,gCAAsB;AAE/C,OAAO,EAAE,aAAa,EAAE,mCAAyB;AACjD,YAAY,EAAE,kBAAkB,EAAE,mCAAyB;AAC3D,OAAO,EAAE,iBAAiB,EAAE,mCAAyB;AAErD,OAAO,EAAE,eAAe,EAAE,qCAA2B;AACrD,YAAY,EAAE,oBAAoB,EAAE,qCAA2B;AAC/D,OAAO,EAAE,mBAAmB,EAAE,qCAA2B;AAEzD,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,YAAY,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,EAAE,cAAc,EAAE,gCAAsB"}
1
+ {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,yBAAe;AAC9B,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,GACb,yBAAe;AAChB,YAAY,EAAE,SAAS,EAAE,yBAAe;AAExC,OAAO,EAAE,IAAI,EAAE,yBAAe;AAC9B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,yBAAe;AACvD,YAAY,EAAE,SAAS,EAAE,yBAAe;AAExC,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,YAAY,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,EAAE,cAAc,EAAE,gCAAsB;AAE/C,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,mCAAyB;AACpE,YAAY,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,qCAA2B;AAC1E,YAAY,EAAE,oBAAoB,EAAE,qCAA2B;AAE/D,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,oCAA0B;AACvE,YAAY,EAAE,mBAAmB,EAAE,oCAA0B;AAE7D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,2BAAiB;AAC7D,YAAY,EAAE,WAAW,EAAE,2BAAiB;AAE5C,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,YAAY,EAAE,eAAe,EAAE,gCAAsB;AAErD,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,YAAY,EAAE,eAAe,EAAE,gCAAsB;AAErD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,gCAAsB;AAC3D,YAAY,EAAE,eAAe,EAAE,gCAAsB;AAErD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,mCAAyB;AACpE,YAAY,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,iCAAuB;AAC9D,YAAY,EAAE,gBAAgB,EAAE,iCAAuB;AAEvD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,mCAAyB;AACpE,YAAY,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,gCAAsB;AAC/E,YAAY,EAAE,eAAe,EAAE,gCAAsB"}
@@ -7,13 +7,26 @@ export type { IconProps } from "./icon/index.mjs";
7
7
  export { ButtonBase } from "./button-base/index.mjs";
8
8
  export type { ButtonBaseProps } from "./button-base/index.mjs";
9
9
  export { ButtonBaseSize } from "./button-base/index.mjs";
10
- export { ButtonPrimary } from "./button-primary/index.mjs";
10
+ export { ButtonPrimary, ButtonPrimarySize } from "./button-primary/index.mjs";
11
11
  export type { ButtonPrimaryProps } from "./button-primary/index.mjs";
12
- export { ButtonPrimarySize } from "./button-primary/index.mjs";
13
- export { ButtonSecondary } from "./button-secondary/index.mjs";
12
+ export { ButtonSecondary, ButtonSecondarySize } from "./button-secondary/index.mjs";
14
13
  export type { ButtonSecondaryProps } from "./button-secondary/index.mjs";
15
- export { ButtonSecondarySize } from "./button-secondary/index.mjs";
16
- export { ButtonLink } from "./button-link/index.mjs";
17
- export type { ButtonLinkProps } from "./button-link/index.mjs";
18
- export { ButtonLinkSize } from "./button-link/index.mjs";
14
+ export { ButtonTertiary, ButtonTertiarySize } from "./button-tertiary/index.mjs";
15
+ export type { ButtonTertiaryProps } from "./button-tertiary/index.mjs";
16
+ export { Button, ButtonSize, ButtonVariant } from "./button/index.mjs";
17
+ export type { ButtonProps } from "./button/index.mjs";
18
+ export { TextButton } from "./text-button/index.mjs";
19
+ export type { TextButtonProps } from "./text-button/index.mjs";
20
+ export { ButtonIcon } from "./button-icon/index.mjs";
21
+ export type { ButtonIconProps } from "./button-icon/index.mjs";
22
+ export { AvatarBase, AvatarBaseSize } from "./avatar-base/index.mjs";
23
+ export type { AvatarBaseProps } from "./avatar-base/index.mjs";
24
+ export { AvatarNetwork, AvatarNetworkSize } from "./avatar-network/index.mjs";
25
+ export type { AvatarNetworkProps } from "./avatar-network/index.mjs";
26
+ export { AvatarToken, AvatarTokenSize } from "./avatar-token/index.mjs";
27
+ export type { AvatarTokenProps } from "./avatar-token/index.mjs";
28
+ export { AvatarFavicon, AvatarFaviconSize } from "./avatar-favicon/index.mjs";
29
+ export type { AvatarFaviconProps } from "./avatar-favicon/index.mjs";
30
+ export { AvatarIcon, AvatarIconSize, AvatarIconSeverity } from "./avatar-icon/index.mjs";
31
+ export type { AvatarIconProps } from "./avatar-icon/index.mjs";
19
32
  //# sourceMappingURL=index.d.mts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,yBAAe;AAC9B,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,GACb,yBAAe;AAChB,YAAY,EAAE,SAAS,EAAE,yBAAe;AAExC,OAAO,EAAE,IAAI,EAAE,yBAAe;AAC9B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,yBAAe;AACvD,YAAY,EAAE,SAAS,EAAE,yBAAe;AAExC,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,YAAY,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,EAAE,cAAc,EAAE,gCAAsB;AAE/C,OAAO,EAAE,aAAa,EAAE,mCAAyB;AACjD,YAAY,EAAE,kBAAkB,EAAE,mCAAyB;AAC3D,OAAO,EAAE,iBAAiB,EAAE,mCAAyB;AAErD,OAAO,EAAE,eAAe,EAAE,qCAA2B;AACrD,YAAY,EAAE,oBAAoB,EAAE,qCAA2B;AAC/D,OAAO,EAAE,mBAAmB,EAAE,qCAA2B;AAEzD,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,YAAY,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,EAAE,cAAc,EAAE,gCAAsB"}
1
+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,yBAAe;AAC9B,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,GACb,yBAAe;AAChB,YAAY,EAAE,SAAS,EAAE,yBAAe;AAExC,OAAO,EAAE,IAAI,EAAE,yBAAe;AAC9B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,yBAAe;AACvD,YAAY,EAAE,SAAS,EAAE,yBAAe;AAExC,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,YAAY,EAAE,eAAe,EAAE,gCAAsB;AACrD,OAAO,EAAE,cAAc,EAAE,gCAAsB;AAE/C,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,mCAAyB;AACpE,YAAY,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,qCAA2B;AAC1E,YAAY,EAAE,oBAAoB,EAAE,qCAA2B;AAE/D,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,oCAA0B;AACvE,YAAY,EAAE,mBAAmB,EAAE,oCAA0B;AAE7D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,2BAAiB;AAC7D,YAAY,EAAE,WAAW,EAAE,2BAAiB;AAE5C,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,YAAY,EAAE,eAAe,EAAE,gCAAsB;AAErD,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAC3C,YAAY,EAAE,eAAe,EAAE,gCAAsB;AAErD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,gCAAsB;AAC3D,YAAY,EAAE,eAAe,EAAE,gCAAsB;AAErD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,mCAAyB;AACpE,YAAY,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,iCAAuB;AAC9D,YAAY,EAAE,gBAAgB,EAAE,iCAAuB;AAEvD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,mCAAyB;AACpE,YAAY,EAAE,kBAAkB,EAAE,mCAAyB;AAE3D,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,gCAAsB;AAC/E,YAAY,EAAE,eAAe,EAAE,gCAAsB"}
@@ -4,10 +4,15 @@ export { Icon } from "./icon/index.mjs";
4
4
  export { IconName, IconSize, IconColor } from "./icon/index.mjs";
5
5
  export { ButtonBase } from "./button-base/index.mjs";
6
6
  export { ButtonBaseSize } from "./button-base/index.mjs";
7
- export { ButtonPrimary } from "./button-primary/index.mjs";
8
- export { ButtonPrimarySize } from "./button-primary/index.mjs";
9
- export { ButtonSecondary } from "./button-secondary/index.mjs";
10
- export { ButtonSecondarySize } from "./button-secondary/index.mjs";
11
- export { ButtonLink } from "./button-link/index.mjs";
12
- export { ButtonLinkSize } from "./button-link/index.mjs";
7
+ export { ButtonPrimary, ButtonPrimarySize } from "./button-primary/index.mjs";
8
+ export { ButtonSecondary, ButtonSecondarySize } from "./button-secondary/index.mjs";
9
+ export { ButtonTertiary, ButtonTertiarySize } from "./button-tertiary/index.mjs";
10
+ export { Button, ButtonSize, ButtonVariant } from "./button/index.mjs";
11
+ export { TextButton } from "./text-button/index.mjs";
12
+ export { ButtonIcon } from "./button-icon/index.mjs";
13
+ export { AvatarBase, AvatarBaseSize } from "./avatar-base/index.mjs";
14
+ export { AvatarNetwork, AvatarNetworkSize } from "./avatar-network/index.mjs";
15
+ export { AvatarToken, AvatarTokenSize } from "./avatar-token/index.mjs";
16
+ export { AvatarFavicon, AvatarFaviconSize } from "./avatar-favicon/index.mjs";
17
+ export { AvatarIcon, AvatarIconSize, AvatarIconSeverity } from "./avatar-icon/index.mjs";
13
18
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,yBAAe;AAC9B,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,EACb,yBAAe;AAGhB,OAAO,EAAE,IAAI,EAAE,yBAAe;AAC9B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,yBAAe;AAGvD,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAE3C,OAAO,EAAE,cAAc,EAAE,gCAAsB;AAE/C,OAAO,EAAE,aAAa,EAAE,mCAAyB;AAEjD,OAAO,EAAE,iBAAiB,EAAE,mCAAyB;AAErD,OAAO,EAAE,eAAe,EAAE,qCAA2B;AAErD,OAAO,EAAE,mBAAmB,EAAE,qCAA2B;AAEzD,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAE3C,OAAO,EAAE,cAAc,EAAE,gCAAsB","sourcesContent":["export { Text } from './text';\nexport {\n TextVariant,\n TextColor,\n TextAlign,\n FontWeight,\n FontStyle,\n TextTransform,\n OverflowWrap,\n} from './text';\nexport type { TextProps } from './text';\n\nexport { Icon } from './icon';\nexport { IconName, IconSize, IconColor } from './icon';\nexport type { IconProps } from './icon';\n\nexport { ButtonBase } from './button-base';\nexport type { ButtonBaseProps } from './button-base';\nexport { ButtonBaseSize } from './button-base';\n\nexport { ButtonPrimary } from './button-primary';\nexport type { ButtonPrimaryProps } from './button-primary';\nexport { ButtonPrimarySize } from './button-primary';\n\nexport { ButtonSecondary } from './button-secondary';\nexport type { ButtonSecondaryProps } from './button-secondary';\nexport { ButtonSecondarySize } from './button-secondary';\n\nexport { ButtonLink } from './button-link';\nexport type { ButtonLinkProps } from './button-link';\nexport { ButtonLinkSize } from './button-link';\n"]}
1
+ {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,yBAAe;AAC9B,OAAO,EACL,WAAW,EACX,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,YAAY,EACb,yBAAe;AAGhB,OAAO,EAAE,IAAI,EAAE,yBAAe;AAC9B,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,yBAAe;AAGvD,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAE3C,OAAO,EAAE,cAAc,EAAE,gCAAsB;AAE/C,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,mCAAyB;AAGpE,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,qCAA2B;AAG1E,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,oCAA0B;AAGvE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,2BAAiB;AAG7D,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAG3C,OAAO,EAAE,UAAU,EAAE,gCAAsB;AAG3C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,gCAAsB;AAG3D,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,mCAAyB;AAGpE,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,iCAAuB;AAG9D,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,mCAAyB;AAGpE,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,kBAAkB,EAAE,gCAAsB","sourcesContent":["export { Text } from './text';\nexport {\n TextVariant,\n TextColor,\n TextAlign,\n FontWeight,\n FontStyle,\n TextTransform,\n OverflowWrap,\n} from './text';\nexport type { TextProps } from './text';\n\nexport { Icon } from './icon';\nexport { IconName, IconSize, IconColor } from './icon';\nexport type { IconProps } from './icon';\n\nexport { ButtonBase } from './button-base';\nexport type { ButtonBaseProps } from './button-base';\nexport { ButtonBaseSize } from './button-base';\n\nexport { ButtonPrimary, ButtonPrimarySize } from './button-primary';\nexport type { ButtonPrimaryProps } from './button-primary';\n\nexport { ButtonSecondary, ButtonSecondarySize } from './button-secondary';\nexport type { ButtonSecondaryProps } from './button-secondary';\n\nexport { ButtonTertiary, ButtonTertiarySize } from './button-tertiary';\nexport type { ButtonTertiaryProps } from './button-tertiary';\n\nexport { Button, ButtonSize, ButtonVariant } from './button';\nexport type { ButtonProps } from './button';\n\nexport { TextButton } from './text-button';\nexport type { TextButtonProps } from './text-button';\n\nexport { ButtonIcon } from './button-icon';\nexport type { ButtonIconProps } from './button-icon';\n\nexport { AvatarBase, AvatarBaseSize } from './avatar-base';\nexport type { AvatarBaseProps } from './avatar-base';\n\nexport { AvatarNetwork, AvatarNetworkSize } from './avatar-network';\nexport type { AvatarNetworkProps } from './avatar-network';\n\nexport { AvatarToken, AvatarTokenSize } from './avatar-token';\nexport type { AvatarTokenProps } from './avatar-token';\n\nexport { AvatarFavicon, AvatarFaviconSize } from './avatar-favicon';\nexport type { AvatarFaviconProps } from './avatar-favicon';\n\nexport { AvatarIcon, AvatarIconSize, AvatarIconSeverity } from './avatar-icon';\nexport type { AvatarIconProps } from './avatar-icon';\n"]}
@@ -9,12 +9,12 @@ const react_1 = __importDefault(require("react"));
9
9
  const tw_merge_1 = require("../../utils/tw-merge.cjs");
10
10
  const Text_constants_1 = require("./Text.constants.cjs");
11
11
  const Text_types_1 = require("./Text.types.cjs");
12
- const Text = ({ variant = Text_types_1.TextVariant.BodyMd, children, className, fontWeight, fontStyle, textTransform, textAlign, overflowWrap, ellipsis, asChild, color = Text_types_1.TextColor.TextDefault, style, }) => {
12
+ const Text = ({ variant = Text_types_1.TextVariant.BodyMd, children, className, fontWeight, fontStyle, textTransform, textAlign, overflowWrap, ellipsis, asChild, color = Text_types_1.TextColor.TextDefault, style, ...props }) => {
13
13
  // When asChild is true, use Radix Slot to merge props onto the child component.
14
14
  // Otherwise, render the semantic HTML element mapped to this variant (e.g. h1-h4, p).
15
15
  const Component = asChild ? react_slot_1.Slot : Text_constants_1.TEXT_DEFAULT_TAG_MAP[variant];
16
16
  const mergedClassName = (0, tw_merge_1.twMerge)(color, Text_constants_1.TEXT_CLASS_MAP[variant], fontWeight, fontStyle, textTransform, textAlign, overflowWrap, ellipsis && 'truncate', className);
17
- return (react_1.default.createElement(Component, { className: mergedClassName, style: style }, children));
17
+ return (react_1.default.createElement(Component, { className: mergedClassName, style: style, ...props }, children));
18
18
  };
19
19
  exports.Text = Text;
20
20
  //# sourceMappingURL=Text.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,qDAA4C;AAC5C,kDAA0B;AAE1B,uDAA+C;AAC/C,yDAAwE;AAExE,iDAAsD;AAE/C,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,wBAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,sBAAS,CAAC,WAAW,EAC7B,KAAK,GACN,EAAE,EAAE;IACH,gFAAgF;IAChF,sFAAsF;IACtF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,qCAAoB,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,KAAK,EACL,+BAAc,CAAC,OAAO,CAAC,EACvB,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,IAChD,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAnCW,QAAA,IAAI,QAmCf","sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { TEXT_CLASS_MAP, TEXT_DEFAULT_TAG_MAP } from './Text.constants';\nimport type { TextProps } from './Text.types';\nimport { TextVariant, TextColor } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n variant = TextVariant.BodyMd,\n children,\n className,\n fontWeight,\n fontStyle,\n textTransform,\n textAlign,\n overflowWrap,\n ellipsis,\n asChild,\n color = TextColor.TextDefault,\n style,\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 : TEXT_DEFAULT_TAG_MAP[variant];\n\n const mergedClassName = twMerge(\n color,\n TEXT_CLASS_MAP[variant],\n fontWeight,\n fontStyle,\n textTransform,\n textAlign,\n overflowWrap,\n ellipsis && 'truncate',\n className,\n );\n\n return (\n <Component className={mergedClassName} style={style}>\n {children}\n </Component>\n );\n};\n"]}
1
+ {"version":3,"file":"Text.cjs","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":";;;;;;AAAA,qDAA4C;AAC5C,kDAA0B;AAE1B,uDAA+C;AAC/C,yDAAwE;AAExE,iDAAsD;AAE/C,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,wBAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,sBAAS,CAAC,WAAW,EAC7B,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,gFAAgF;IAChF,sFAAsF;IACtF,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,qCAAoB,CAAC,OAAO,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAG,IAAA,kBAAO,EAC7B,KAAK,EACL,+BAAc,CAAC,OAAO,CAAC,EACvB,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,KAAM,KAAK,IAC3D,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,IAAI,QAoCf","sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { TEXT_CLASS_MAP, TEXT_DEFAULT_TAG_MAP } from './Text.constants';\nimport type { TextProps } from './Text.types';\nimport { TextVariant, TextColor } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n variant = TextVariant.BodyMd,\n children,\n className,\n fontWeight,\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 : TEXT_DEFAULT_TAG_MAP[variant];\n\n const mergedClassName = twMerge(\n color,\n TEXT_CLASS_MAP[variant],\n fontWeight,\n fontStyle,\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.d.cts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmCpC,CAAC"}
1
+ {"version":3,"file":"Text.d.cts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoCpC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmCpC,CAAC"}
1
+ {"version":3,"file":"Text.d.mts","sourceRoot":"","sources":["../../../src/components/text/Text.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,SAAS,EAAE,yBAAqB;AAG9C,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAoCpC,CAAC"}
@@ -10,11 +10,11 @@ const React = $importDefault($React);
10
10
  import { twMerge } from "../../utils/tw-merge.mjs";
11
11
  import { TEXT_CLASS_MAP, TEXT_DEFAULT_TAG_MAP } from "./Text.constants.mjs";
12
12
  import { TextVariant, TextColor } from "./Text.types.mjs";
13
- export const Text = ({ variant = TextVariant.BodyMd, children, className, fontWeight, fontStyle, textTransform, textAlign, overflowWrap, ellipsis, asChild, color = TextColor.TextDefault, style, }) => {
13
+ export const Text = ({ variant = TextVariant.BodyMd, children, className, fontWeight, 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 : TEXT_DEFAULT_TAG_MAP[variant];
17
17
  const mergedClassName = twMerge(color, TEXT_CLASS_MAP[variant], fontWeight, fontStyle, textTransform, textAlign, overflowWrap, ellipsis && 'truncate', className);
18
- return (React.createElement(Component, { className: mergedClassName, style: style }, children));
18
+ return (React.createElement(Component, { className: mergedClassName, style: style, ...props }, children));
19
19
  };
20
20
  //# 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,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,6BAAyB;AAExE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,yBAAqB;AAEtD,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,KAAK,GAAG,SAAS,CAAC,WAAW,EAC7B,KAAK,GACN,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,OAAO,CAC7B,KAAK,EACL,cAAc,CAAC,OAAO,CAAC,EACvB,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,IAAC,SAAS,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,IAChD,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { TEXT_CLASS_MAP, TEXT_DEFAULT_TAG_MAP } from './Text.constants';\nimport type { TextProps } from './Text.types';\nimport { TextVariant, TextColor } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n variant = TextVariant.BodyMd,\n children,\n className,\n fontWeight,\n fontStyle,\n textTransform,\n textAlign,\n overflowWrap,\n ellipsis,\n asChild,\n color = TextColor.TextDefault,\n style,\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 : TEXT_DEFAULT_TAG_MAP[variant];\n\n const mergedClassName = twMerge(\n color,\n TEXT_CLASS_MAP[variant],\n fontWeight,\n fontStyle,\n textTransform,\n textAlign,\n overflowWrap,\n ellipsis && 'truncate',\n className,\n );\n\n return (\n <Component className={mergedClassName} style={style}>\n {children}\n </Component>\n );\n};\n"]}
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,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,cAAc,EAAE,oBAAoB,EAAE,6BAAyB;AAExE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,yBAAqB;AAEtD,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EACxC,OAAO,GAAG,WAAW,CAAC,MAAM,EAC5B,QAAQ,EACR,SAAS,EACT,UAAU,EACV,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,OAAO,CAC7B,KAAK,EACL,cAAc,CAAC,OAAO,CAAC,EACvB,UAAU,EACV,SAAS,EACT,aAAa,EACb,SAAS,EACT,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,SAAS,CACV,CAAC;IAEF,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 { twMerge } from '../../utils/tw-merge';\nimport { TEXT_CLASS_MAP, TEXT_DEFAULT_TAG_MAP } from './Text.constants';\nimport type { TextProps } from './Text.types';\nimport { TextVariant, TextColor } from './Text.types';\n\nexport const Text: React.FC<TextProps> = ({\n variant = TextVariant.BodyMd,\n children,\n className,\n fontWeight,\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 : TEXT_DEFAULT_TAG_MAP[variant];\n\n const mergedClassName = twMerge(\n color,\n TEXT_CLASS_MAP[variant],\n fontWeight,\n fontStyle,\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":";;;AAgEA,IAAY,WAeX;AAfD,WAAY,WAAW;IACrB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,aAAa;IACb,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;AACpB,CAAC,EAfW,WAAW,2BAAX,WAAW,QAetB;AAED,IAAY,SAmCX;AAnCD,WAAY,SAAS;IACnB,gCAAgC;IAChC,yCAA4B,CAAA;IAC5B,uCAAuC;IACvC,iDAAoC,CAAA;IACpC,6DAA6D;IAC7D,qCAAwB,CAAA;IACxB,qFAAqF;IACrF,oDAAuC,CAAA;IACvC,iGAAiG;IACjG,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,0FAA0F;IAC1F,gDAAmC,CAAA;IACnC,yDAAyD;IACzD,wDAA2C,CAAA;IAC3C,+EAA+E;IAC/E,gDAAmC,CAAA;IACnC,oFAAoF;IACpF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,yFAAyF;IACzF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,sFAAsF;IACtF,8CAAiC,CAAA;IACjC,8EAA8E;IAC9E,8CAAiC,CAAA;IACjC,8CAA8C;IAC9C,qCAAwB,CAAA;IACxB,sCAAsC;IACtC,6CAAgC,CAAA;AAClC,CAAC,EAnCW,SAAS,yBAAT,SAAS,QAmCpB;AAED,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,+BAAkB,CAAA;IAClB,mCAAsB,CAAA;IACtB,iCAAoB,CAAA;IACpB,qCAAwB,CAAA;AAC1B,CAAC,EALW,SAAS,yBAAT,SAAS,QAKpB;AAED,IAAY,UAaX;AAbD,WAAY,UAAU;IACpB;;OAEG;IACH,gCAAkB,CAAA;IAClB;;OAEG;IACH,oCAAsB,CAAA;IACtB;;OAEG;IACH,oCAAsB,CAAA;AACxB,CAAC,EAbW,UAAU,0BAAV,UAAU,QAarB;AAED,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,yCAAyB,CAAA;IACzB,sCAAsB,CAAA;IACtB,uCAAuB,CAAA;AACzB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB;AAED,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;AACvB,CAAC,EAHW,SAAS,yBAAT,SAAS,QAGpB;AAED,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,wCAAuB,CAAA;IACvB,wCAAuB,CAAA;IACvB,0CAAyB,CAAA;IACzB,uCAAsB,CAAA;AACxB,CAAC,EALW,aAAa,6BAAb,aAAa,QAKxB","sourcesContent":["export 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 * @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 * - Normal: 400\n * - Medium: 500\n * - Bold: 700\n */\n fontWeight?: FontWeight;\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 * @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 * @default false\n */\n asChild?: boolean;\n /**\n * Optional prop that sets the color of the text using predefined theme colors.\n * @default TextColor.TextDefault\n */\n color?: TextColor;\n};\n\nexport enum TextVariant {\n // Display Sizes\n DisplayLg = 'display-lg',\n DisplayMd = 'display-md',\n\n // Heading Sizes\n HeadingLg = 'heading-lg',\n HeadingMd = 'heading-md',\n HeadingSm = 'heading-sm',\n\n // Font Sizes\n BodyLg = 'body-lg',\n BodyMd = 'body-md',\n BodySm = 'body-sm',\n BodyXs = 'body-xs',\n}\n\nexport enum TextColor {\n /** For default neutral text. */\n TextDefault = 'text-default',\n /** For softer contrast neutral text */\n TextAlternative = 'text-alternative',\n /** For the softest contrast neutral text (not accessible) */\n TextMuted = 'text-muted',\n /** For elements used on top of overlay/alternative. Used for text, icon or border */\n OverlayInverse = 'text-overlay-inverse',\n /** For interactive, active, and selected semantics. Used for text, background, icon or border */\n PrimaryDefault = 'text-primary-default',\n /** For elements used on top of primary/default. Used for text, icon or border */\n PrimaryInverse = 'text-primary-inverse',\n /** For the critical alert semantic elements. Used for text, background, icon or border */\n ErrorDefault = 'text-error-default',\n /** For the stronger contrast error semantic elements. */\n ErrorAlternative = 'text-error-alternative',\n /** For elements used on top of error/default. Used for text, icon or border */\n ErrorInverse = 'text-error-inverse',\n /** For the positive semantic elements. Used for text, background, icon or border */\n SuccessDefault = 'text-success-default',\n /** For elements used on top of success/default. Used for text, icon or border */\n SuccessInverse = 'text-success-inverse',\n /** For the caution alert semantic elements. Used for text, background, icon or border */\n WarningDefault = 'text-warning-default',\n /** For elements used on top of warning/default. Used for text, icon or border */\n WarningInverse = 'text-warning-inverse',\n /** For informational read-only elements. Used for text, background, icon or border */\n InfoDefault = 'text-info-default',\n /** For elements used on top of info/default. Used for text, icon or border */\n InfoInverse = 'text-info-inverse',\n /** Inherit the color of the parent element */\n Inherit = 'text-inherit',\n /** Make the text color transparent */\n Transparent = 'text-transparent',\n}\n\nexport enum TextAlign {\n Left = 'text-left',\n Center = 'text-center',\n Right = 'text-right',\n Justify = 'text-justify',\n}\n\nexport enum FontWeight {\n /**\n * Weight - 700\n */\n Bold = 'font-bold',\n /**\n * Weight - 500\n */\n Medium = 'font-medium',\n /**\n * Weight - 400\n */\n Normal = 'font-normal',\n}\n\nexport enum OverflowWrap {\n BreakWord = 'break-words',\n Anywhere = 'break-all',\n Normal = 'break-normal',\n}\n\nexport enum FontStyle {\n Italic = 'italic',\n Normal = 'not-italic',\n}\n\nexport enum TextTransform {\n Uppercase = 'uppercase',\n Lowercase = 'lowercase',\n Capitalize = 'capitalize',\n Normal = 'normal-case',\n}\n"]}
1
+ {"version":3,"file":"Text.types.cjs","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";;;AAoEA,IAAY,WAeX;AAfD,WAAY,WAAW;IACrB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,aAAa;IACb,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;AACpB,CAAC,EAfW,WAAW,2BAAX,WAAW,QAetB;AAED,IAAY,SAmCX;AAnCD,WAAY,SAAS;IACnB,gCAAgC;IAChC,yCAA4B,CAAA;IAC5B,uCAAuC;IACvC,iDAAoC,CAAA;IACpC,6DAA6D;IAC7D,qCAAwB,CAAA;IACxB,qFAAqF;IACrF,oDAAuC,CAAA;IACvC,iGAAiG;IACjG,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,0FAA0F;IAC1F,gDAAmC,CAAA;IACnC,yDAAyD;IACzD,wDAA2C,CAAA;IAC3C,+EAA+E;IAC/E,gDAAmC,CAAA;IACnC,oFAAoF;IACpF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,yFAAyF;IACzF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,sFAAsF;IACtF,8CAAiC,CAAA;IACjC,8EAA8E;IAC9E,8CAAiC,CAAA;IACjC,8CAA8C;IAC9C,qCAAwB,CAAA;IACxB,sCAAsC;IACtC,6CAAgC,CAAA;AAClC,CAAC,EAnCW,SAAS,yBAAT,SAAS,QAmCpB;AAED,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,+BAAkB,CAAA;IAClB,mCAAsB,CAAA;IACtB,iCAAoB,CAAA;IACpB,qCAAwB,CAAA;AAC1B,CAAC,EALW,SAAS,yBAAT,SAAS,QAKpB;AAED,IAAY,UAaX;AAbD,WAAY,UAAU;IACpB;;OAEG;IACH,gCAAkB,CAAA;IAClB;;OAEG;IACH,oCAAsB,CAAA;IACtB;;OAEG;IACH,oCAAsB,CAAA;AACxB,CAAC,EAbW,UAAU,0BAAV,UAAU,QAarB;AAED,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,yCAAyB,CAAA;IACzB,sCAAsB,CAAA;IACtB,uCAAuB,CAAA;AACzB,CAAC,EAJW,YAAY,4BAAZ,YAAY,QAIvB;AAED,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;AACvB,CAAC,EAHW,SAAS,yBAAT,SAAS,QAGpB;AAED,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,wCAAuB,CAAA;IACvB,wCAAuB,CAAA;IACvB,0CAAyB,CAAA;IACzB,uCAAsB,CAAA;AACxB,CAAC,EALW,aAAa,6BAAb,aAAa,QAKxB","sourcesContent":["export 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 * @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 * - Normal: 400\n * - Medium: 500\n * - Bold: 700\n */\n fontWeight?: FontWeight;\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 * @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 * @default false\n */\n asChild?: boolean;\n /**\n * Optional prop that sets the color of the text using predefined theme colors.\n * @default TextColor.TextDefault\n */\n color?: TextColor;\n /**\n * Optional prop for testing purposes\n */\n 'data-testid'?: string;\n};\n\nexport enum TextVariant {\n // Display Sizes\n DisplayLg = 'display-lg',\n DisplayMd = 'display-md',\n\n // Heading Sizes\n HeadingLg = 'heading-lg',\n HeadingMd = 'heading-md',\n HeadingSm = 'heading-sm',\n\n // Font Sizes\n BodyLg = 'body-lg',\n BodyMd = 'body-md',\n BodySm = 'body-sm',\n BodyXs = 'body-xs',\n}\n\nexport enum TextColor {\n /** For default neutral text. */\n TextDefault = 'text-default',\n /** For softer contrast neutral text */\n TextAlternative = 'text-alternative',\n /** For the softest contrast neutral text (not accessible) */\n TextMuted = 'text-muted',\n /** For elements used on top of overlay/alternative. Used for text, icon or border */\n OverlayInverse = 'text-overlay-inverse',\n /** For interactive, active, and selected semantics. Used for text, background, icon or border */\n PrimaryDefault = 'text-primary-default',\n /** For elements used on top of primary/default. Used for text, icon or border */\n PrimaryInverse = 'text-primary-inverse',\n /** For the critical alert semantic elements. Used for text, background, icon or border */\n ErrorDefault = 'text-error-default',\n /** For the stronger contrast error semantic elements. */\n ErrorAlternative = 'text-error-alternative',\n /** For elements used on top of error/default. Used for text, icon or border */\n ErrorInverse = 'text-error-inverse',\n /** For the positive semantic elements. Used for text, background, icon or border */\n SuccessDefault = 'text-success-default',\n /** For elements used on top of success/default. Used for text, icon or border */\n SuccessInverse = 'text-success-inverse',\n /** For the caution alert semantic elements. Used for text, background, icon or border */\n WarningDefault = 'text-warning-default',\n /** For elements used on top of warning/default. Used for text, icon or border */\n WarningInverse = 'text-warning-inverse',\n /** For informational read-only elements. Used for text, background, icon or border */\n InfoDefault = 'text-info-default',\n /** For elements used on top of info/default. Used for text, icon or border */\n InfoInverse = 'text-info-inverse',\n /** Inherit the color of the parent element */\n Inherit = 'text-inherit',\n /** Make the text color transparent */\n Transparent = 'text-transparent',\n}\n\nexport enum TextAlign {\n Left = 'text-left',\n Center = 'text-center',\n Right = 'text-right',\n Justify = 'text-justify',\n}\n\nexport enum FontWeight {\n /**\n * Weight - 700\n */\n Bold = 'font-bold',\n /**\n * Weight - 500\n */\n Medium = 'font-medium',\n /**\n * Weight - 400\n */\n Normal = 'font-normal',\n}\n\nexport enum OverflowWrap {\n BreakWord = 'break-words',\n Anywhere = 'break-all',\n Normal = 'break-normal',\n}\n\nexport enum FontStyle {\n Italic = 'italic',\n Normal = 'not-italic',\n}\n\nexport enum TextTransform {\n Uppercase = 'uppercase',\n Lowercase = 'lowercase',\n Capitalize = 'capitalize',\n Normal = 'normal-case',\n}\n"]}
@@ -61,6 +61,10 @@ export type TextProps = {
61
61
  * @default TextColor.TextDefault
62
62
  */
63
63
  color?: TextColor;
64
+ /**
65
+ * Optional prop for testing purposes
66
+ */
67
+ 'data-testid'?: string;
64
68
  };
65
69
  export declare enum TextVariant {
66
70
  DisplayLg = "display-lg",
@@ -1 +1 @@
1
- {"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;OAIG;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;;;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;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,oBAAY,WAAW;IAErB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,SAAS,eAAe;IACxB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB;AAED,oBAAY,SAAS;IACnB,gCAAgC;IAChC,WAAW,iBAAiB;IAC5B,uCAAuC;IACvC,eAAe,qBAAqB;IACpC,6DAA6D;IAC7D,SAAS,eAAe;IACxB,qFAAqF;IACrF,cAAc,yBAAyB;IACvC,iGAAiG;IACjG,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,0FAA0F;IAC1F,YAAY,uBAAuB;IACnC,yDAAyD;IACzD,gBAAgB,2BAA2B;IAC3C,+EAA+E;IAC/E,YAAY,uBAAuB;IACnC,oFAAoF;IACpF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,yFAAyF;IACzF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,sFAAsF;IACtF,WAAW,sBAAsB;IACjC,8EAA8E;IAC9E,WAAW,sBAAsB;IACjC,8CAA8C;IAC9C,OAAO,iBAAiB;IACxB,sCAAsC;IACtC,WAAW,qBAAqB;CACjC;AAED,oBAAY,SAAS;IACnB,IAAI,cAAc;IAClB,MAAM,gBAAgB;IACtB,KAAK,eAAe;IACpB,OAAO,iBAAiB;CACzB;AAED,oBAAY,UAAU;IACpB;;OAEG;IACH,IAAI,cAAc;IAClB;;OAEG;IACH,MAAM,gBAAgB;IACtB;;OAEG;IACH,MAAM,gBAAgB;CACvB;AAED,oBAAY,YAAY;IACtB,SAAS,gBAAgB;IACzB,QAAQ,cAAc;IACtB,MAAM,iBAAiB;CACxB;AAED,oBAAY,SAAS;IACnB,MAAM,WAAW;IACjB,MAAM,eAAe;CACtB;AAED,oBAAY,aAAa;IACvB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,MAAM,gBAAgB;CACvB"}
1
+ {"version":3,"file":"Text.types.d.cts","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;OAIG;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;;;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;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,oBAAY,WAAW;IAErB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,SAAS,eAAe;IACxB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB;AAED,oBAAY,SAAS;IACnB,gCAAgC;IAChC,WAAW,iBAAiB;IAC5B,uCAAuC;IACvC,eAAe,qBAAqB;IACpC,6DAA6D;IAC7D,SAAS,eAAe;IACxB,qFAAqF;IACrF,cAAc,yBAAyB;IACvC,iGAAiG;IACjG,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,0FAA0F;IAC1F,YAAY,uBAAuB;IACnC,yDAAyD;IACzD,gBAAgB,2BAA2B;IAC3C,+EAA+E;IAC/E,YAAY,uBAAuB;IACnC,oFAAoF;IACpF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,yFAAyF;IACzF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,sFAAsF;IACtF,WAAW,sBAAsB;IACjC,8EAA8E;IAC9E,WAAW,sBAAsB;IACjC,8CAA8C;IAC9C,OAAO,iBAAiB;IACxB,sCAAsC;IACtC,WAAW,qBAAqB;CACjC;AAED,oBAAY,SAAS;IACnB,IAAI,cAAc;IAClB,MAAM,gBAAgB;IACtB,KAAK,eAAe;IACpB,OAAO,iBAAiB;CACzB;AAED,oBAAY,UAAU;IACpB;;OAEG;IACH,IAAI,cAAc;IAClB;;OAEG;IACH,MAAM,gBAAgB;IACtB;;OAEG;IACH,MAAM,gBAAgB;CACvB;AAED,oBAAY,YAAY;IACtB,SAAS,gBAAgB;IACzB,QAAQ,cAAc;IACtB,MAAM,iBAAiB;CACxB;AAED,oBAAY,SAAS;IACnB,MAAM,WAAW;IACjB,MAAM,eAAe;CACtB;AAED,oBAAY,aAAa;IACvB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,MAAM,gBAAgB;CACvB"}
@@ -61,6 +61,10 @@ export type TextProps = {
61
61
  * @default TextColor.TextDefault
62
62
  */
63
63
  color?: TextColor;
64
+ /**
65
+ * Optional prop for testing purposes
66
+ */
67
+ 'data-testid'?: string;
64
68
  };
65
69
  export declare enum TextVariant {
66
70
  DisplayLg = "display-lg",
@@ -1 +1 @@
1
- {"version":3,"file":"Text.types.d.mts","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;OAIG;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;;;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;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB,CAAC;AAEF,oBAAY,WAAW;IAErB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,SAAS,eAAe;IACxB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB;AAED,oBAAY,SAAS;IACnB,gCAAgC;IAChC,WAAW,iBAAiB;IAC5B,uCAAuC;IACvC,eAAe,qBAAqB;IACpC,6DAA6D;IAC7D,SAAS,eAAe;IACxB,qFAAqF;IACrF,cAAc,yBAAyB;IACvC,iGAAiG;IACjG,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,0FAA0F;IAC1F,YAAY,uBAAuB;IACnC,yDAAyD;IACzD,gBAAgB,2BAA2B;IAC3C,+EAA+E;IAC/E,YAAY,uBAAuB;IACnC,oFAAoF;IACpF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,yFAAyF;IACzF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,sFAAsF;IACtF,WAAW,sBAAsB;IACjC,8EAA8E;IAC9E,WAAW,sBAAsB;IACjC,8CAA8C;IAC9C,OAAO,iBAAiB;IACxB,sCAAsC;IACtC,WAAW,qBAAqB;CACjC;AAED,oBAAY,SAAS;IACnB,IAAI,cAAc;IAClB,MAAM,gBAAgB;IACtB,KAAK,eAAe;IACpB,OAAO,iBAAiB;CACzB;AAED,oBAAY,UAAU;IACpB;;OAEG;IACH,IAAI,cAAc;IAClB;;OAEG;IACH,MAAM,gBAAgB;IACtB;;OAEG;IACH,MAAM,gBAAgB;CACvB;AAED,oBAAY,YAAY;IACtB,SAAS,gBAAgB;IACzB,QAAQ,cAAc;IACtB,MAAM,iBAAiB;CACxB;AAED,oBAAY,SAAS;IACnB,MAAM,WAAW;IACjB,MAAM,eAAe;CACtB;AAED,oBAAY,aAAa;IACvB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,MAAM,gBAAgB;CACvB"}
1
+ {"version":3,"file":"Text.types.d.mts","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":";AAAA,MAAM,MAAM,SAAS,GAAG;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;;;OAIG;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;;;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;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,oBAAY,WAAW;IAErB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,SAAS,eAAe;IACxB,SAAS,eAAe;IACxB,SAAS,eAAe;IAGxB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;IAClB,MAAM,YAAY;CACnB;AAED,oBAAY,SAAS;IACnB,gCAAgC;IAChC,WAAW,iBAAiB;IAC5B,uCAAuC;IACvC,eAAe,qBAAqB;IACpC,6DAA6D;IAC7D,SAAS,eAAe;IACxB,qFAAqF;IACrF,cAAc,yBAAyB;IACvC,iGAAiG;IACjG,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,0FAA0F;IAC1F,YAAY,uBAAuB;IACnC,yDAAyD;IACzD,gBAAgB,2BAA2B;IAC3C,+EAA+E;IAC/E,YAAY,uBAAuB;IACnC,oFAAoF;IACpF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,yFAAyF;IACzF,cAAc,yBAAyB;IACvC,iFAAiF;IACjF,cAAc,yBAAyB;IACvC,sFAAsF;IACtF,WAAW,sBAAsB;IACjC,8EAA8E;IAC9E,WAAW,sBAAsB;IACjC,8CAA8C;IAC9C,OAAO,iBAAiB;IACxB,sCAAsC;IACtC,WAAW,qBAAqB;CACjC;AAED,oBAAY,SAAS;IACnB,IAAI,cAAc;IAClB,MAAM,gBAAgB;IACtB,KAAK,eAAe;IACpB,OAAO,iBAAiB;CACzB;AAED,oBAAY,UAAU;IACpB;;OAEG;IACH,IAAI,cAAc;IAClB;;OAEG;IACH,MAAM,gBAAgB;IACtB;;OAEG;IACH,MAAM,gBAAgB;CACvB;AAED,oBAAY,YAAY;IACtB,SAAS,gBAAgB;IACzB,QAAQ,cAAc;IACtB,MAAM,iBAAiB;CACxB;AAED,oBAAY,SAAS;IACnB,MAAM,WAAW;IACjB,MAAM,eAAe;CACtB;AAED,oBAAY,aAAa;IACvB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,UAAU,eAAe;IACzB,MAAM,gBAAgB;CACvB"}
@@ -1 +1 @@
1
- {"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":"AAgEA,MAAM,CAAN,IAAY,WAeX;AAfD,WAAY,WAAW;IACrB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,aAAa;IACb,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;AACpB,CAAC,EAfW,WAAW,KAAX,WAAW,QAetB;AAED,MAAM,CAAN,IAAY,SAmCX;AAnCD,WAAY,SAAS;IACnB,gCAAgC;IAChC,yCAA4B,CAAA;IAC5B,uCAAuC;IACvC,iDAAoC,CAAA;IACpC,6DAA6D;IAC7D,qCAAwB,CAAA;IACxB,qFAAqF;IACrF,oDAAuC,CAAA;IACvC,iGAAiG;IACjG,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,0FAA0F;IAC1F,gDAAmC,CAAA;IACnC,yDAAyD;IACzD,wDAA2C,CAAA;IAC3C,+EAA+E;IAC/E,gDAAmC,CAAA;IACnC,oFAAoF;IACpF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,yFAAyF;IACzF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,sFAAsF;IACtF,8CAAiC,CAAA;IACjC,8EAA8E;IAC9E,8CAAiC,CAAA;IACjC,8CAA8C;IAC9C,qCAAwB,CAAA;IACxB,sCAAsC;IACtC,6CAAgC,CAAA;AAClC,CAAC,EAnCW,SAAS,KAAT,SAAS,QAmCpB;AAED,MAAM,CAAN,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,+BAAkB,CAAA;IAClB,mCAAsB,CAAA;IACtB,iCAAoB,CAAA;IACpB,qCAAwB,CAAA;AAC1B,CAAC,EALW,SAAS,KAAT,SAAS,QAKpB;AAED,MAAM,CAAN,IAAY,UAaX;AAbD,WAAY,UAAU;IACpB;;OAEG;IACH,gCAAkB,CAAA;IAClB;;OAEG;IACH,oCAAsB,CAAA;IACtB;;OAEG;IACH,oCAAsB,CAAA;AACxB,CAAC,EAbW,UAAU,KAAV,UAAU,QAarB;AAED,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,yCAAyB,CAAA;IACzB,sCAAsB,CAAA;IACtB,uCAAuB,CAAA;AACzB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAED,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;AACvB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAED,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,wCAAuB,CAAA;IACvB,wCAAuB,CAAA;IACvB,0CAAyB,CAAA;IACzB,uCAAsB,CAAA;AACxB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB","sourcesContent":["export 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 * @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 * - Normal: 400\n * - Medium: 500\n * - Bold: 700\n */\n fontWeight?: FontWeight;\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 * @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 * @default false\n */\n asChild?: boolean;\n /**\n * Optional prop that sets the color of the text using predefined theme colors.\n * @default TextColor.TextDefault\n */\n color?: TextColor;\n};\n\nexport enum TextVariant {\n // Display Sizes\n DisplayLg = 'display-lg',\n DisplayMd = 'display-md',\n\n // Heading Sizes\n HeadingLg = 'heading-lg',\n HeadingMd = 'heading-md',\n HeadingSm = 'heading-sm',\n\n // Font Sizes\n BodyLg = 'body-lg',\n BodyMd = 'body-md',\n BodySm = 'body-sm',\n BodyXs = 'body-xs',\n}\n\nexport enum TextColor {\n /** For default neutral text. */\n TextDefault = 'text-default',\n /** For softer contrast neutral text */\n TextAlternative = 'text-alternative',\n /** For the softest contrast neutral text (not accessible) */\n TextMuted = 'text-muted',\n /** For elements used on top of overlay/alternative. Used for text, icon or border */\n OverlayInverse = 'text-overlay-inverse',\n /** For interactive, active, and selected semantics. Used for text, background, icon or border */\n PrimaryDefault = 'text-primary-default',\n /** For elements used on top of primary/default. Used for text, icon or border */\n PrimaryInverse = 'text-primary-inverse',\n /** For the critical alert semantic elements. Used for text, background, icon or border */\n ErrorDefault = 'text-error-default',\n /** For the stronger contrast error semantic elements. */\n ErrorAlternative = 'text-error-alternative',\n /** For elements used on top of error/default. Used for text, icon or border */\n ErrorInverse = 'text-error-inverse',\n /** For the positive semantic elements. Used for text, background, icon or border */\n SuccessDefault = 'text-success-default',\n /** For elements used on top of success/default. Used for text, icon or border */\n SuccessInverse = 'text-success-inverse',\n /** For the caution alert semantic elements. Used for text, background, icon or border */\n WarningDefault = 'text-warning-default',\n /** For elements used on top of warning/default. Used for text, icon or border */\n WarningInverse = 'text-warning-inverse',\n /** For informational read-only elements. Used for text, background, icon or border */\n InfoDefault = 'text-info-default',\n /** For elements used on top of info/default. Used for text, icon or border */\n InfoInverse = 'text-info-inverse',\n /** Inherit the color of the parent element */\n Inherit = 'text-inherit',\n /** Make the text color transparent */\n Transparent = 'text-transparent',\n}\n\nexport enum TextAlign {\n Left = 'text-left',\n Center = 'text-center',\n Right = 'text-right',\n Justify = 'text-justify',\n}\n\nexport enum FontWeight {\n /**\n * Weight - 700\n */\n Bold = 'font-bold',\n /**\n * Weight - 500\n */\n Medium = 'font-medium',\n /**\n * Weight - 400\n */\n Normal = 'font-normal',\n}\n\nexport enum OverflowWrap {\n BreakWord = 'break-words',\n Anywhere = 'break-all',\n Normal = 'break-normal',\n}\n\nexport enum FontStyle {\n Italic = 'italic',\n Normal = 'not-italic',\n}\n\nexport enum TextTransform {\n Uppercase = 'uppercase',\n Lowercase = 'lowercase',\n Capitalize = 'capitalize',\n Normal = 'normal-case',\n}\n"]}
1
+ {"version":3,"file":"Text.types.mjs","sourceRoot":"","sources":["../../../src/components/text/Text.types.ts"],"names":[],"mappings":"AAoEA,MAAM,CAAN,IAAY,WAeX;AAfD,WAAY,WAAW;IACrB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,gBAAgB;IAChB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IACxB,uCAAwB,CAAA;IAExB,aAAa;IACb,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;IAClB,iCAAkB,CAAA;AACpB,CAAC,EAfW,WAAW,KAAX,WAAW,QAetB;AAED,MAAM,CAAN,IAAY,SAmCX;AAnCD,WAAY,SAAS;IACnB,gCAAgC;IAChC,yCAA4B,CAAA;IAC5B,uCAAuC;IACvC,iDAAoC,CAAA;IACpC,6DAA6D;IAC7D,qCAAwB,CAAA;IACxB,qFAAqF;IACrF,oDAAuC,CAAA;IACvC,iGAAiG;IACjG,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,0FAA0F;IAC1F,gDAAmC,CAAA;IACnC,yDAAyD;IACzD,wDAA2C,CAAA;IAC3C,+EAA+E;IAC/E,gDAAmC,CAAA;IACnC,oFAAoF;IACpF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,yFAAyF;IACzF,oDAAuC,CAAA;IACvC,iFAAiF;IACjF,oDAAuC,CAAA;IACvC,sFAAsF;IACtF,8CAAiC,CAAA;IACjC,8EAA8E;IAC9E,8CAAiC,CAAA;IACjC,8CAA8C;IAC9C,qCAAwB,CAAA;IACxB,sCAAsC;IACtC,6CAAgC,CAAA;AAClC,CAAC,EAnCW,SAAS,KAAT,SAAS,QAmCpB;AAED,MAAM,CAAN,IAAY,SAKX;AALD,WAAY,SAAS;IACnB,+BAAkB,CAAA;IAClB,mCAAsB,CAAA;IACtB,iCAAoB,CAAA;IACpB,qCAAwB,CAAA;AAC1B,CAAC,EALW,SAAS,KAAT,SAAS,QAKpB;AAED,MAAM,CAAN,IAAY,UAaX;AAbD,WAAY,UAAU;IACpB;;OAEG;IACH,gCAAkB,CAAA;IAClB;;OAEG;IACH,oCAAsB,CAAA;IACtB;;OAEG;IACH,oCAAsB,CAAA;AACxB,CAAC,EAbW,UAAU,KAAV,UAAU,QAarB;AAED,MAAM,CAAN,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,yCAAyB,CAAA;IACzB,sCAAsB,CAAA;IACtB,uCAAuB,CAAA;AACzB,CAAC,EAJW,YAAY,KAAZ,YAAY,QAIvB;AAED,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACnB,8BAAiB,CAAA;IACjB,kCAAqB,CAAA;AACvB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB;AAED,MAAM,CAAN,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,wCAAuB,CAAA;IACvB,wCAAuB,CAAA;IACvB,0CAAyB,CAAA;IACzB,uCAAsB,CAAA;AACxB,CAAC,EALW,aAAa,KAAb,aAAa,QAKxB","sourcesContent":["export 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 * @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 * - Normal: 400\n * - Medium: 500\n * - Bold: 700\n */\n fontWeight?: FontWeight;\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 * @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 * @default false\n */\n asChild?: boolean;\n /**\n * Optional prop that sets the color of the text using predefined theme colors.\n * @default TextColor.TextDefault\n */\n color?: TextColor;\n /**\n * Optional prop for testing purposes\n */\n 'data-testid'?: string;\n};\n\nexport enum TextVariant {\n // Display Sizes\n DisplayLg = 'display-lg',\n DisplayMd = 'display-md',\n\n // Heading Sizes\n HeadingLg = 'heading-lg',\n HeadingMd = 'heading-md',\n HeadingSm = 'heading-sm',\n\n // Font Sizes\n BodyLg = 'body-lg',\n BodyMd = 'body-md',\n BodySm = 'body-sm',\n BodyXs = 'body-xs',\n}\n\nexport enum TextColor {\n /** For default neutral text. */\n TextDefault = 'text-default',\n /** For softer contrast neutral text */\n TextAlternative = 'text-alternative',\n /** For the softest contrast neutral text (not accessible) */\n TextMuted = 'text-muted',\n /** For elements used on top of overlay/alternative. Used for text, icon or border */\n OverlayInverse = 'text-overlay-inverse',\n /** For interactive, active, and selected semantics. Used for text, background, icon or border */\n PrimaryDefault = 'text-primary-default',\n /** For elements used on top of primary/default. Used for text, icon or border */\n PrimaryInverse = 'text-primary-inverse',\n /** For the critical alert semantic elements. Used for text, background, icon or border */\n ErrorDefault = 'text-error-default',\n /** For the stronger contrast error semantic elements. */\n ErrorAlternative = 'text-error-alternative',\n /** For elements used on top of error/default. Used for text, icon or border */\n ErrorInverse = 'text-error-inverse',\n /** For the positive semantic elements. Used for text, background, icon or border */\n SuccessDefault = 'text-success-default',\n /** For elements used on top of success/default. Used for text, icon or border */\n SuccessInverse = 'text-success-inverse',\n /** For the caution alert semantic elements. Used for text, background, icon or border */\n WarningDefault = 'text-warning-default',\n /** For elements used on top of warning/default. Used for text, icon or border */\n WarningInverse = 'text-warning-inverse',\n /** For informational read-only elements. Used for text, background, icon or border */\n InfoDefault = 'text-info-default',\n /** For elements used on top of info/default. Used for text, icon or border */\n InfoInverse = 'text-info-inverse',\n /** Inherit the color of the parent element */\n Inherit = 'text-inherit',\n /** Make the text color transparent */\n Transparent = 'text-transparent',\n}\n\nexport enum TextAlign {\n Left = 'text-left',\n Center = 'text-center',\n Right = 'text-right',\n Justify = 'text-justify',\n}\n\nexport enum FontWeight {\n /**\n * Weight - 700\n */\n Bold = 'font-bold',\n /**\n * Weight - 500\n */\n Medium = 'font-medium',\n /**\n * Weight - 400\n */\n Normal = 'font-normal',\n}\n\nexport enum OverflowWrap {\n BreakWord = 'break-words',\n Anywhere = 'break-all',\n Normal = 'break-normal',\n}\n\nexport enum FontStyle {\n Italic = 'italic',\n Normal = 'not-italic',\n}\n\nexport enum TextTransform {\n Uppercase = 'uppercase',\n Lowercase = 'lowercase',\n Capitalize = 'capitalize',\n Normal = 'normal-case',\n}\n"]}
@@ -0,0 +1,49 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.TextButton = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const tw_merge_1 = require("../../utils/tw-merge.cjs");
9
+ const button_base_1 = require("../button-base/index.cjs");
10
+ const text_1 = require("../text/index.cjs");
11
+ exports.TextButton = react_1.default.forwardRef(({ className, isInverse, isDisabled, isLoading, textVariant = text_1.TextVariant.BodyMd, textProps, ...props }, ref) => {
12
+ const isInteractive = !(isDisabled ?? isLoading);
13
+ const mergedClassName = (0, tw_merge_1.twMerge)(
14
+ // Reset padding, height and animations
15
+ 'px-0 h-auto bg-transparent rounded-none', 'transform-none transition-none active:scale-100',
16
+ // Default text button styles
17
+ !isInverse && [
18
+ 'text-primary-default',
19
+ // Loading state uses pressed color
20
+ isLoading && 'text-primary-default-pressed',
21
+ ],
22
+ // Inverse styles
23
+ isInverse && [
24
+ 'text-primary-inverse',
25
+ // Loading state uses pressed color
26
+ isLoading && 'text-primary-inverse',
27
+ ],
28
+ // Hover/Active states - only applied when interactive
29
+ isInteractive && [
30
+ !isInverse && [
31
+ 'hover:bg-hover hover:text-primary-default-hover hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-default-hover',
32
+ 'active:bg-pressed active:text-primary-default-pressed active:decoration-primary-default-pressed',
33
+ ],
34
+ isInverse && [
35
+ 'hover:bg-hover hover:text-primary-inverse hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-inverse',
36
+ 'active:bg-pressed active:text-primary-inverse active:decoration-primary-inverse',
37
+ ],
38
+ ],
39
+ // Loading styles
40
+ isLoading && 'cursor-not-allowed',
41
+ // Disabled styles (but not loading)
42
+ isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'], className);
43
+ return (react_1.default.createElement(button_base_1.ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, textProps: {
44
+ variant: textVariant,
45
+ ...textProps,
46
+ }, ...props }));
47
+ });
48
+ exports.TextButton.displayName = 'TextButton';
49
+ //# sourceMappingURL=TextButton.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextButton.cjs","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uDAA+C;AAC/C,0DAA4C;AAC5C,4CAAsC;AAGzB,QAAA,UAAU,GAAG,eAAK,CAAC,UAAU,CACxC,CACE,EACE,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,GAAG,kBAAW,CAAC,MAAM,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,IAAA,kBAAO;IAC7B,uCAAuC;IACvC,yCAAyC,EACzC,iDAAiD;IACjD,6BAA6B;IAC7B,CAAC,SAAS,IAAI;QACZ,sBAAsB;QACtB,mCAAmC;QACnC,SAAS,IAAI,8BAA8B;KAC5C;IACD,iBAAiB;IACjB,SAAS,IAAI;QACX,sBAAsB;QACtB,mCAAmC;QACnC,SAAS,IAAI,sBAAsB;KACpC;IACD,sDAAsD;IACtD,aAAa,IAAI;QACf,CAAC,SAAS,IAAI;YACZ,oJAAoJ;YACpJ,iGAAiG;SAClG;QACD,SAAS,IAAI;YACX,wIAAwI;YACxI,iFAAiF;SAClF;KACF;IACD,iBAAiB;IACjB,SAAS,IAAI,oBAAoB;IACjC,oCAAoC;IACpC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EAChE,SAAS,CACV,CAAC;IAEF,OAAO,CACL,8BAAC,wBAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE;YACT,OAAO,EAAE,WAAW;YACpB,GAAG,SAAS;SACb,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,kBAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport { TextVariant } from '../text';\nimport type { TextButtonProps } from './TextButton.types';\n\nexport const TextButton = React.forwardRef<HTMLButtonElement, TextButtonProps>(\n (\n {\n className,\n isInverse,\n isDisabled,\n isLoading,\n textVariant = TextVariant.BodyMd,\n textProps,\n ...props\n },\n ref,\n ) => {\n const isInteractive = !(isDisabled ?? isLoading);\n\n const mergedClassName = twMerge(\n // Reset padding, height and animations\n 'px-0 h-auto bg-transparent rounded-none',\n 'transform-none transition-none active:scale-100',\n // Default text button styles\n !isInverse && [\n 'text-primary-default',\n // Loading state uses pressed color\n isLoading && 'text-primary-default-pressed',\n ],\n // Inverse styles\n isInverse && [\n 'text-primary-inverse',\n // Loading state uses pressed color\n isLoading && 'text-primary-inverse',\n ],\n // Hover/Active states - only applied when interactive\n isInteractive && [\n !isInverse && [\n 'hover:bg-hover hover:text-primary-default-hover hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-default-hover',\n 'active:bg-pressed active:text-primary-default-pressed active:decoration-primary-default-pressed',\n ],\n isInverse && [\n 'hover:bg-hover hover:text-primary-inverse hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-inverse',\n 'active:bg-pressed active:text-primary-inverse active:decoration-primary-inverse',\n ],\n ],\n // Loading styles\n isLoading && 'cursor-not-allowed',\n // Disabled styles (but not loading)\n isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'],\n className,\n );\n\n return (\n <ButtonBase\n ref={ref}\n className={mergedClassName}\n isDisabled={isDisabled}\n isLoading={isLoading}\n textProps={{\n variant: textVariant,\n ...textProps,\n }}\n {...props}\n />\n );\n },\n);\n\nTextButton.displayName = 'TextButton';\n"]}
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import type { TextButtonProps } from "./TextButton.types.cjs";
3
+ export declare const TextButton: React.ForwardRefExoticComponent<Omit<TextButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
4
+ //# sourceMappingURL=TextButton.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextButton.d.cts","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,wGA+DtB,CAAC"}
@@ -0,0 +1,4 @@
1
+ import React from "react";
2
+ import type { TextButtonProps } from "./TextButton.types.mjs";
3
+ export declare const TextButton: React.ForwardRefExoticComponent<Omit<TextButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
4
+ //# sourceMappingURL=TextButton.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextButton.d.mts","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAK1B,OAAO,KAAK,EAAE,eAAe,EAAE,+BAA2B;AAE1D,eAAO,MAAM,UAAU,wGA+DtB,CAAC"}
@@ -0,0 +1,50 @@
1
+ function $importDefault(module) {
2
+ if (module?.__esModule) {
3
+ return module.default;
4
+ }
5
+ return module;
6
+ }
7
+ import $React from "react";
8
+ const React = $importDefault($React);
9
+ import { twMerge } from "../../utils/tw-merge.mjs";
10
+ import { ButtonBase } from "../button-base/index.mjs";
11
+ import { TextVariant } from "../text/index.mjs";
12
+ export const TextButton = React.forwardRef(({ className, isInverse, isDisabled, isLoading, textVariant = TextVariant.BodyMd, textProps, ...props }, ref) => {
13
+ const isInteractive = !(isDisabled ?? isLoading);
14
+ const mergedClassName = twMerge(
15
+ // Reset padding, height and animations
16
+ 'px-0 h-auto bg-transparent rounded-none', 'transform-none transition-none active:scale-100',
17
+ // Default text button styles
18
+ !isInverse && [
19
+ 'text-primary-default',
20
+ // Loading state uses pressed color
21
+ isLoading && 'text-primary-default-pressed',
22
+ ],
23
+ // Inverse styles
24
+ isInverse && [
25
+ 'text-primary-inverse',
26
+ // Loading state uses pressed color
27
+ isLoading && 'text-primary-inverse',
28
+ ],
29
+ // Hover/Active states - only applied when interactive
30
+ isInteractive && [
31
+ !isInverse && [
32
+ 'hover:bg-hover hover:text-primary-default-hover hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-default-hover',
33
+ 'active:bg-pressed active:text-primary-default-pressed active:decoration-primary-default-pressed',
34
+ ],
35
+ isInverse && [
36
+ 'hover:bg-hover hover:text-primary-inverse hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-inverse',
37
+ 'active:bg-pressed active:text-primary-inverse active:decoration-primary-inverse',
38
+ ],
39
+ ],
40
+ // Loading styles
41
+ isLoading && 'cursor-not-allowed',
42
+ // Disabled styles (but not loading)
43
+ isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'], className);
44
+ return (React.createElement(ButtonBase, { ref: ref, className: mergedClassName, isDisabled: isDisabled, isLoading: isLoading, textProps: {
45
+ variant: textVariant,
46
+ ...textProps,
47
+ }, ...props }));
48
+ });
49
+ TextButton.displayName = 'TextButton';
50
+ //# sourceMappingURL=TextButton.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextButton.mjs","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,OAAO,EAAE,iCAA6B;AAC/C,OAAO,EAAE,UAAU,EAAE,iCAAuB;AAC5C,OAAO,EAAE,WAAW,EAAE,0BAAgB;AAGtC,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,CACE,EACE,SAAS,EACT,SAAS,EACT,UAAU,EACV,SAAS,EACT,WAAW,GAAG,WAAW,CAAC,MAAM,EAChC,SAAS,EACT,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,aAAa,GAAG,CAAC,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC;IAEjD,MAAM,eAAe,GAAG,OAAO;IAC7B,uCAAuC;IACvC,yCAAyC,EACzC,iDAAiD;IACjD,6BAA6B;IAC7B,CAAC,SAAS,IAAI;QACZ,sBAAsB;QACtB,mCAAmC;QACnC,SAAS,IAAI,8BAA8B;KAC5C;IACD,iBAAiB;IACjB,SAAS,IAAI;QACX,sBAAsB;QACtB,mCAAmC;QACnC,SAAS,IAAI,sBAAsB;KACpC;IACD,sDAAsD;IACtD,aAAa,IAAI;QACf,CAAC,SAAS,IAAI;YACZ,oJAAoJ;YACpJ,iGAAiG;SAClG;QACD,SAAS,IAAI;YACX,wIAAwI;YACxI,iFAAiF;SAClF;KACF;IACD,iBAAiB;IACjB,SAAS,IAAI,oBAAoB;IACjC,oCAAoC;IACpC,UAAU,IAAI,CAAC,SAAS,IAAI,CAAC,YAAY,EAAE,oBAAoB,CAAC,EAChE,SAAS,CACV,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,eAAe,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE;YACT,OAAO,EAAE,WAAW;YACpB,GAAG,SAAS;SACb,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC","sourcesContent":["import React from 'react';\n\nimport { twMerge } from '../../utils/tw-merge';\nimport { ButtonBase } from '../button-base';\nimport { TextVariant } from '../text';\nimport type { TextButtonProps } from './TextButton.types';\n\nexport const TextButton = React.forwardRef<HTMLButtonElement, TextButtonProps>(\n (\n {\n className,\n isInverse,\n isDisabled,\n isLoading,\n textVariant = TextVariant.BodyMd,\n textProps,\n ...props\n },\n ref,\n ) => {\n const isInteractive = !(isDisabled ?? isLoading);\n\n const mergedClassName = twMerge(\n // Reset padding, height and animations\n 'px-0 h-auto bg-transparent rounded-none',\n 'transform-none transition-none active:scale-100',\n // Default text button styles\n !isInverse && [\n 'text-primary-default',\n // Loading state uses pressed color\n isLoading && 'text-primary-default-pressed',\n ],\n // Inverse styles\n isInverse && [\n 'text-primary-inverse',\n // Loading state uses pressed color\n isLoading && 'text-primary-inverse',\n ],\n // Hover/Active states - only applied when interactive\n isInteractive && [\n !isInverse && [\n 'hover:bg-hover hover:text-primary-default-hover hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-default-hover',\n 'active:bg-pressed active:text-primary-default-pressed active:decoration-primary-default-pressed',\n ],\n isInverse && [\n 'hover:bg-hover hover:text-primary-inverse hover:underline hover:decoration-2 hover:underline-offset-4 hover:decoration-primary-inverse',\n 'active:bg-pressed active:text-primary-inverse active:decoration-primary-inverse',\n ],\n ],\n // Loading styles\n isLoading && 'cursor-not-allowed',\n // Disabled styles (but not loading)\n isDisabled && !isLoading && ['opacity-50', 'cursor-not-allowed'],\n className,\n );\n\n return (\n <ButtonBase\n ref={ref}\n className={mergedClassName}\n isDisabled={isDisabled}\n isLoading={isLoading}\n textProps={{\n variant: textVariant,\n ...textProps,\n }}\n {...props}\n />\n );\n },\n);\n\nTextButton.displayName = 'TextButton';\n"]}
@@ -1,3 +1,3 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=ButtonLink.types.cjs.map
3
+ //# sourceMappingURL=TextButton.types.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextButton.types.cjs","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\nimport type { TextVariant } from '../text';\n\nexport type TextButtonProps = Omit<\n ButtonBaseProps,\n // We handle these props in TextButton\n 'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'\n> & {\n /**\n * Optional prop for additional CSS classes to be applied to the TextButton component\n */\n className?: string;\n /**\n * Optional prop that when true, applies inverse styling to the button\n * @default false\n */\n isInverse?: boolean;\n /**\n * Optional prop that when true, disables the button\n * @default false\n */\n isDisabled?: boolean;\n /**\n * Optional prop that when true, shows a loading spinner\n * @default false\n */\n isLoading?: boolean;\n /**\n * Optional prop to specify the text variant\n * @default TextVariant.BodyMd\n */\n textVariant?: TextVariant;\n /**\n * Optional CSS styles to be applied to the component.\n * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n */\n style?: React.CSSProperties;\n};\n"]}
@@ -0,0 +1,35 @@
1
+ /// <reference types="react" />
2
+ import type { ButtonBaseProps } from "../button-base/index.cjs";
3
+ import type { TextVariant } from "../text/index.cjs";
4
+ export type TextButtonProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'> & {
5
+ /**
6
+ * Optional prop for additional CSS classes to be applied to the TextButton component
7
+ */
8
+ className?: string;
9
+ /**
10
+ * Optional prop that when true, applies inverse styling to the button
11
+ * @default false
12
+ */
13
+ isInverse?: boolean;
14
+ /**
15
+ * Optional prop that when true, disables the button
16
+ * @default false
17
+ */
18
+ isDisabled?: boolean;
19
+ /**
20
+ * Optional prop that when true, shows a loading spinner
21
+ * @default false
22
+ */
23
+ isLoading?: boolean;
24
+ /**
25
+ * Optional prop to specify the text variant
26
+ * @default TextVariant.BodyMd
27
+ */
28
+ textVariant?: TextVariant;
29
+ /**
30
+ * Optional CSS styles to be applied to the component.
31
+ * Should be used sparingly and only for dynamic styles that can't be achieved with className.
32
+ */
33
+ style?: React.CSSProperties;
34
+ };
35
+ //# sourceMappingURL=TextButton.types.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextButton.types.d.cts","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,0BAAgB;AAE3C,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EAEf,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAC5D,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}
@@ -0,0 +1,35 @@
1
+ /// <reference types="react" />
2
+ import type { ButtonBaseProps } from "../button-base/index.mjs";
3
+ import type { TextVariant } from "../text/index.mjs";
4
+ export type TextButtonProps = Omit<ButtonBaseProps, 'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'> & {
5
+ /**
6
+ * Optional prop for additional CSS classes to be applied to the TextButton component
7
+ */
8
+ className?: string;
9
+ /**
10
+ * Optional prop that when true, applies inverse styling to the button
11
+ * @default false
12
+ */
13
+ isInverse?: boolean;
14
+ /**
15
+ * Optional prop that when true, disables the button
16
+ * @default false
17
+ */
18
+ isDisabled?: boolean;
19
+ /**
20
+ * Optional prop that when true, shows a loading spinner
21
+ * @default false
22
+ */
23
+ isLoading?: boolean;
24
+ /**
25
+ * Optional prop to specify the text variant
26
+ * @default TextVariant.BodyMd
27
+ */
28
+ textVariant?: TextVariant;
29
+ /**
30
+ * Optional CSS styles to be applied to the component.
31
+ * Should be used sparingly and only for dynamic styles that can't be achieved with className.
32
+ */
33
+ style?: React.CSSProperties;
34
+ };
35
+ //# sourceMappingURL=TextButton.types.d.mts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextButton.types.d.mts","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,iCAAuB;AACtD,OAAO,KAAK,EAAE,WAAW,EAAE,0BAAgB;AAE3C,MAAM,MAAM,eAAe,GAAG,IAAI,CAChC,eAAe,EAEf,WAAW,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,GAAG,MAAM,CAC5D,GAAG;IACF;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=TextButton.types.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextButton.types.mjs","sourceRoot":"","sources":["../../../src/components/text-button/TextButton.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonBaseProps } from '../button-base';\nimport type { TextVariant } from '../text';\n\nexport type TextButtonProps = Omit<\n ButtonBaseProps,\n // We handle these props in TextButton\n 'className' | 'isDisabled' | 'isLoading' | 'style' | 'size'\n> & {\n /**\n * Optional prop for additional CSS classes to be applied to the TextButton component\n */\n className?: string;\n /**\n * Optional prop that when true, applies inverse styling to the button\n * @default false\n */\n isInverse?: boolean;\n /**\n * Optional prop that when true, disables the button\n * @default false\n */\n isDisabled?: boolean;\n /**\n * Optional prop that when true, shows a loading spinner\n * @default false\n */\n isLoading?: boolean;\n /**\n * Optional prop to specify the text variant\n * @default TextVariant.BodyMd\n */\n textVariant?: TextVariant;\n /**\n * Optional CSS styles to be applied to the component.\n * Should be used sparingly and only for dynamic styles that can't be achieved with className.\n */\n style?: React.CSSProperties;\n};\n"]}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.TextButton = void 0;
4
+ var TextButton_1 = require("./TextButton.cjs");
5
+ Object.defineProperty(exports, "TextButton", { enumerable: true, get: function () { return TextButton_1.TextButton; } });
6
+ //# sourceMappingURL=index.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/text-button/index.ts"],"names":[],"mappings":";;;AAAA,+CAA0C;AAAjC,wGAAA,UAAU,OAAA","sourcesContent":["export { TextButton } from './TextButton';\nexport type { TextButtonProps } from './TextButton.types';\n"]}
@@ -0,0 +1,3 @@
1
+ export { TextButton } from "./TextButton.cjs";
2
+ export type { TextButtonProps } from "./TextButton.types.cjs";
3
+ //# sourceMappingURL=index.d.cts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/text-button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,yBAAqB;AAC1C,YAAY,EAAE,eAAe,EAAE,+BAA2B"}