@metamask-previews/design-system-react-native 0.19.0-preview.1679aa9 → 0.22.0-preview.f515a62

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 (398) hide show
  1. package/CHANGELOG.md +49 -3
  2. package/dist/components/AvatarIcon/AvatarIcon.cjs +2 -1
  3. package/dist/components/AvatarIcon/AvatarIcon.cjs.map +1 -1
  4. package/dist/components/AvatarIcon/AvatarIcon.constants.cjs +16 -16
  5. package/dist/components/AvatarIcon/AvatarIcon.constants.cjs.map +1 -1
  6. package/dist/components/AvatarIcon/AvatarIcon.constants.d.cts +1 -1
  7. package/dist/components/AvatarIcon/AvatarIcon.constants.d.cts.map +1 -1
  8. package/dist/components/AvatarIcon/AvatarIcon.constants.d.mts +1 -1
  9. package/dist/components/AvatarIcon/AvatarIcon.constants.d.mts.map +1 -1
  10. package/dist/components/AvatarIcon/AvatarIcon.constants.mjs +1 -1
  11. package/dist/components/AvatarIcon/AvatarIcon.constants.mjs.map +1 -1
  12. package/dist/components/AvatarIcon/AvatarIcon.d.cts.map +1 -1
  13. package/dist/components/AvatarIcon/AvatarIcon.d.mts.map +1 -1
  14. package/dist/components/AvatarIcon/AvatarIcon.mjs +2 -1
  15. package/dist/components/AvatarIcon/AvatarIcon.mjs.map +1 -1
  16. package/dist/components/AvatarIcon/AvatarIcon.types.cjs.map +1 -1
  17. package/dist/components/AvatarIcon/AvatarIcon.types.d.cts +3 -13
  18. package/dist/components/AvatarIcon/AvatarIcon.types.d.cts.map +1 -1
  19. package/dist/components/AvatarIcon/AvatarIcon.types.d.mts +3 -13
  20. package/dist/components/AvatarIcon/AvatarIcon.types.d.mts.map +1 -1
  21. package/dist/components/AvatarIcon/AvatarIcon.types.mjs.map +1 -1
  22. package/dist/components/AvatarIcon/index.cjs +4 -4
  23. package/dist/components/AvatarIcon/index.cjs.map +1 -1
  24. package/dist/components/AvatarIcon/index.d.cts +1 -1
  25. package/dist/components/AvatarIcon/index.d.cts.map +1 -1
  26. package/dist/components/AvatarIcon/index.d.mts +1 -1
  27. package/dist/components/AvatarIcon/index.d.mts.map +1 -1
  28. package/dist/components/AvatarIcon/index.mjs +1 -1
  29. package/dist/components/AvatarIcon/index.mjs.map +1 -1
  30. package/dist/components/BadgeIcon/BadgeIcon.cjs +2 -1
  31. package/dist/components/BadgeIcon/BadgeIcon.cjs.map +1 -1
  32. package/dist/components/BadgeIcon/BadgeIcon.d.cts.map +1 -1
  33. package/dist/components/BadgeIcon/BadgeIcon.d.mts.map +1 -1
  34. package/dist/components/BadgeIcon/BadgeIcon.mjs +2 -1
  35. package/dist/components/BadgeIcon/BadgeIcon.mjs.map +1 -1
  36. package/dist/components/BadgeIcon/BadgeIcon.types.cjs.map +1 -1
  37. package/dist/components/BadgeIcon/BadgeIcon.types.d.cts +5 -7
  38. package/dist/components/BadgeIcon/BadgeIcon.types.d.cts.map +1 -1
  39. package/dist/components/BadgeIcon/BadgeIcon.types.d.mts +5 -7
  40. package/dist/components/BadgeIcon/BadgeIcon.types.d.mts.map +1 -1
  41. package/dist/components/BadgeIcon/BadgeIcon.types.mjs.map +1 -1
  42. package/dist/components/BannerAlert/BannerAlert.constants.cjs +8 -8
  43. package/dist/components/BannerAlert/BannerAlert.constants.cjs.map +1 -1
  44. package/dist/components/BannerAlert/BannerAlert.constants.d.cts +2 -2
  45. package/dist/components/BannerAlert/BannerAlert.constants.d.cts.map +1 -1
  46. package/dist/components/BannerAlert/BannerAlert.constants.d.mts +2 -2
  47. package/dist/components/BannerAlert/BannerAlert.constants.d.mts.map +1 -1
  48. package/dist/components/BannerAlert/BannerAlert.constants.mjs +2 -2
  49. package/dist/components/BannerAlert/BannerAlert.constants.mjs.map +1 -1
  50. package/dist/components/BannerBase/BannerBase.cjs +3 -4
  51. package/dist/components/BannerBase/BannerBase.cjs.map +1 -1
  52. package/dist/components/BannerBase/BannerBase.d.cts.map +1 -1
  53. package/dist/components/BannerBase/BannerBase.d.mts.map +1 -1
  54. package/dist/components/BannerBase/BannerBase.mjs +1 -2
  55. package/dist/components/BannerBase/BannerBase.mjs.map +1 -1
  56. package/dist/components/BottomSheetDialog/BottomSheetDialog.cjs +1 -1
  57. package/dist/components/BottomSheetDialog/BottomSheetDialog.cjs.map +1 -1
  58. package/dist/components/BottomSheetDialog/BottomSheetDialog.mjs +1 -1
  59. package/dist/components/BottomSheetDialog/BottomSheetDialog.mjs.map +1 -1
  60. package/dist/components/Box/Box.cjs +35 -12
  61. package/dist/components/Box/Box.cjs.map +1 -1
  62. package/dist/components/Box/Box.constants.cjs.map +1 -1
  63. package/dist/components/Box/Box.constants.d.cts +1 -1
  64. package/dist/components/Box/Box.constants.d.cts.map +1 -1
  65. package/dist/components/Box/Box.constants.d.mts +1 -1
  66. package/dist/components/Box/Box.constants.d.mts.map +1 -1
  67. package/dist/components/Box/Box.constants.mjs.map +1 -1
  68. package/dist/components/Box/Box.d.cts +4 -2
  69. package/dist/components/Box/Box.d.cts.map +1 -1
  70. package/dist/components/Box/Box.d.mts +4 -2
  71. package/dist/components/Box/Box.d.mts.map +1 -1
  72. package/dist/components/Box/Box.mjs +13 -9
  73. package/dist/components/Box/Box.mjs.map +1 -1
  74. package/dist/components/Box/Box.types.cjs.map +1 -1
  75. package/dist/components/Box/Box.types.d.cts +3 -107
  76. package/dist/components/Box/Box.types.d.cts.map +1 -1
  77. package/dist/components/Box/Box.types.d.mts +3 -107
  78. package/dist/components/Box/Box.types.d.mts.map +1 -1
  79. package/dist/components/Box/Box.types.mjs.map +1 -1
  80. package/dist/components/Box/index.cjs +7 -7
  81. package/dist/components/Box/index.cjs.map +1 -1
  82. package/dist/components/Box/index.d.cts +1 -2
  83. package/dist/components/Box/index.d.cts.map +1 -1
  84. package/dist/components/Box/index.d.mts +1 -2
  85. package/dist/components/Box/index.d.mts.map +1 -1
  86. package/dist/components/Box/index.mjs +1 -1
  87. package/dist/components/Box/index.mjs.map +1 -1
  88. package/dist/components/BoxColumn/BoxColumn.cjs +2 -2
  89. package/dist/components/BoxColumn/BoxColumn.cjs.map +1 -1
  90. package/dist/components/BoxColumn/BoxColumn.d.cts.map +1 -1
  91. package/dist/components/BoxColumn/BoxColumn.d.mts.map +1 -1
  92. package/dist/components/BoxColumn/BoxColumn.mjs +1 -1
  93. package/dist/components/BoxColumn/BoxColumn.mjs.map +1 -1
  94. package/dist/components/BoxRow/BoxRow.cjs +2 -2
  95. package/dist/components/BoxRow/BoxRow.cjs.map +1 -1
  96. package/dist/components/BoxRow/BoxRow.d.cts.map +1 -1
  97. package/dist/components/BoxRow/BoxRow.d.mts.map +1 -1
  98. package/dist/components/BoxRow/BoxRow.mjs +1 -1
  99. package/dist/components/BoxRow/BoxRow.mjs.map +1 -1
  100. package/dist/components/Button/Button.cjs +6 -6
  101. package/dist/components/Button/Button.cjs.map +1 -1
  102. package/dist/components/Button/Button.d.cts.map +1 -1
  103. package/dist/components/Button/Button.d.mts.map +1 -1
  104. package/dist/components/Button/Button.mjs +1 -1
  105. package/dist/components/Button/Button.mjs.map +1 -1
  106. package/dist/components/Button/Button.types.cjs.map +1 -1
  107. package/dist/components/Button/Button.types.d.cts +2 -7
  108. package/dist/components/Button/Button.types.d.cts.map +1 -1
  109. package/dist/components/Button/Button.types.d.mts +2 -7
  110. package/dist/components/Button/Button.types.d.mts.map +1 -1
  111. package/dist/components/Button/Button.types.mjs.map +1 -1
  112. package/dist/components/Button/index.cjs +3 -3
  113. package/dist/components/Button/index.cjs.map +1 -1
  114. package/dist/components/Button/index.d.cts +1 -1
  115. package/dist/components/Button/index.d.cts.map +1 -1
  116. package/dist/components/Button/index.d.mts +1 -1
  117. package/dist/components/Button/index.d.mts.map +1 -1
  118. package/dist/components/Button/index.mjs +1 -1
  119. package/dist/components/Button/index.mjs.map +1 -1
  120. package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.cjs +2 -0
  121. package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.cjs.map +1 -1
  122. package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.d.cts.map +1 -1
  123. package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.d.mts.map +1 -1
  124. package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.mjs +2 -0
  125. package/dist/components/Button/variants/ButtonPrimary/ButtonPrimary.mjs.map +1 -1
  126. package/dist/components/Button/variants/ButtonPrimary/index.cjs +1 -3
  127. package/dist/components/Button/variants/ButtonPrimary/index.cjs.map +1 -1
  128. package/dist/components/Button/variants/ButtonPrimary/index.d.cts +0 -1
  129. package/dist/components/Button/variants/ButtonPrimary/index.d.cts.map +1 -1
  130. package/dist/components/Button/variants/ButtonPrimary/index.d.mts +0 -1
  131. package/dist/components/Button/variants/ButtonPrimary/index.d.mts.map +1 -1
  132. package/dist/components/Button/variants/ButtonPrimary/index.mjs +0 -1
  133. package/dist/components/Button/variants/ButtonPrimary/index.mjs.map +1 -1
  134. package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.cjs +2 -0
  135. package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.cjs.map +1 -1
  136. package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.d.cts.map +1 -1
  137. package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.d.mts.map +1 -1
  138. package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.mjs +2 -0
  139. package/dist/components/Button/variants/ButtonSecondary/ButtonSecondary.mjs.map +1 -1
  140. package/dist/components/Button/variants/ButtonSecondary/index.cjs +1 -3
  141. package/dist/components/Button/variants/ButtonSecondary/index.cjs.map +1 -1
  142. package/dist/components/Button/variants/ButtonSecondary/index.d.cts +0 -1
  143. package/dist/components/Button/variants/ButtonSecondary/index.d.cts.map +1 -1
  144. package/dist/components/Button/variants/ButtonSecondary/index.d.mts +0 -1
  145. package/dist/components/Button/variants/ButtonSecondary/index.d.mts.map +1 -1
  146. package/dist/components/Button/variants/ButtonSecondary/index.mjs +0 -1
  147. package/dist/components/Button/variants/ButtonSecondary/index.mjs.map +1 -1
  148. package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.cjs +4 -3
  149. package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.cjs.map +1 -1
  150. package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.d.cts.map +1 -1
  151. package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.d.mts.map +1 -1
  152. package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.mjs +4 -3
  153. package/dist/components/Button/variants/ButtonTertiary/ButtonTertiary.mjs.map +1 -1
  154. package/dist/components/Button/variants/ButtonTertiary/index.cjs +1 -3
  155. package/dist/components/Button/variants/ButtonTertiary/index.cjs.map +1 -1
  156. package/dist/components/Button/variants/ButtonTertiary/index.d.cts +0 -1
  157. package/dist/components/Button/variants/ButtonTertiary/index.d.cts.map +1 -1
  158. package/dist/components/Button/variants/ButtonTertiary/index.d.mts +0 -1
  159. package/dist/components/Button/variants/ButtonTertiary/index.d.mts.map +1 -1
  160. package/dist/components/Button/variants/ButtonTertiary/index.mjs +0 -1
  161. package/dist/components/Button/variants/ButtonTertiary/index.mjs.map +1 -1
  162. package/dist/components/ButtonBase/ButtonBase.cjs +2 -2
  163. package/dist/components/ButtonBase/ButtonBase.cjs.map +1 -1
  164. package/dist/components/ButtonBase/ButtonBase.constants.cjs +4 -4
  165. package/dist/components/ButtonBase/ButtonBase.constants.cjs.map +1 -1
  166. package/dist/components/ButtonBase/ButtonBase.constants.d.cts +1 -1
  167. package/dist/components/ButtonBase/ButtonBase.constants.d.cts.map +1 -1
  168. package/dist/components/ButtonBase/ButtonBase.constants.d.mts +1 -1
  169. package/dist/components/ButtonBase/ButtonBase.constants.d.mts.map +1 -1
  170. package/dist/components/ButtonBase/ButtonBase.constants.mjs +1 -1
  171. package/dist/components/ButtonBase/ButtonBase.constants.mjs.map +1 -1
  172. package/dist/components/ButtonBase/ButtonBase.d.cts.map +1 -1
  173. package/dist/components/ButtonBase/ButtonBase.d.mts.map +1 -1
  174. package/dist/components/ButtonBase/ButtonBase.mjs +1 -1
  175. package/dist/components/ButtonBase/ButtonBase.mjs.map +1 -1
  176. package/dist/components/ButtonBase/ButtonBase.types.cjs.map +1 -1
  177. package/dist/components/ButtonBase/ButtonBase.types.d.cts +3 -32
  178. package/dist/components/ButtonBase/ButtonBase.types.d.cts.map +1 -1
  179. package/dist/components/ButtonBase/ButtonBase.types.d.mts +3 -32
  180. package/dist/components/ButtonBase/ButtonBase.types.d.mts.map +1 -1
  181. package/dist/components/ButtonBase/ButtonBase.types.mjs.map +1 -1
  182. package/dist/components/ButtonBase/index.cjs +2 -2
  183. package/dist/components/ButtonBase/index.cjs.map +1 -1
  184. package/dist/components/ButtonBase/index.d.cts +1 -1
  185. package/dist/components/ButtonBase/index.d.cts.map +1 -1
  186. package/dist/components/ButtonBase/index.d.mts +1 -1
  187. package/dist/components/ButtonBase/index.d.mts.map +1 -1
  188. package/dist/components/ButtonBase/index.mjs +1 -1
  189. package/dist/components/ButtonBase/index.mjs.map +1 -1
  190. package/dist/components/ButtonHero/index.cjs +2 -2
  191. package/dist/components/ButtonHero/index.cjs.map +1 -1
  192. package/dist/components/ButtonHero/index.d.cts +1 -1
  193. package/dist/components/ButtonHero/index.d.cts.map +1 -1
  194. package/dist/components/ButtonHero/index.d.mts +1 -1
  195. package/dist/components/ButtonHero/index.d.mts.map +1 -1
  196. package/dist/components/ButtonHero/index.mjs +1 -1
  197. package/dist/components/ButtonHero/index.mjs.map +1 -1
  198. package/dist/components/ButtonIcon/ButtonIcon.cjs +6 -6
  199. package/dist/components/ButtonIcon/ButtonIcon.cjs.map +1 -1
  200. package/dist/components/ButtonIcon/ButtonIcon.constants.cjs +7 -8
  201. package/dist/components/ButtonIcon/ButtonIcon.constants.cjs.map +1 -1
  202. package/dist/components/ButtonIcon/ButtonIcon.constants.d.cts +1 -2
  203. package/dist/components/ButtonIcon/ButtonIcon.constants.d.cts.map +1 -1
  204. package/dist/components/ButtonIcon/ButtonIcon.constants.d.mts +1 -2
  205. package/dist/components/ButtonIcon/ButtonIcon.constants.d.mts.map +1 -1
  206. package/dist/components/ButtonIcon/ButtonIcon.constants.mjs +1 -2
  207. package/dist/components/ButtonIcon/ButtonIcon.constants.mjs.map +1 -1
  208. package/dist/components/ButtonIcon/ButtonIcon.d.cts.map +1 -1
  209. package/dist/components/ButtonIcon/ButtonIcon.d.mts.map +1 -1
  210. package/dist/components/ButtonIcon/ButtonIcon.mjs +1 -1
  211. package/dist/components/ButtonIcon/ButtonIcon.mjs.map +1 -1
  212. package/dist/components/ButtonIcon/ButtonIcon.types.cjs.map +1 -1
  213. package/dist/components/ButtonIcon/ButtonIcon.types.d.cts +3 -26
  214. package/dist/components/ButtonIcon/ButtonIcon.types.d.cts.map +1 -1
  215. package/dist/components/ButtonIcon/ButtonIcon.types.d.mts +3 -26
  216. package/dist/components/ButtonIcon/ButtonIcon.types.d.mts.map +1 -1
  217. package/dist/components/ButtonIcon/ButtonIcon.types.mjs.map +1 -1
  218. package/dist/components/ButtonIcon/index.cjs +3 -3
  219. package/dist/components/ButtonIcon/index.cjs.map +1 -1
  220. package/dist/components/ButtonIcon/index.d.cts +1 -1
  221. package/dist/components/ButtonIcon/index.d.cts.map +1 -1
  222. package/dist/components/ButtonIcon/index.d.mts +1 -1
  223. package/dist/components/ButtonIcon/index.d.mts.map +1 -1
  224. package/dist/components/ButtonIcon/index.mjs +1 -1
  225. package/dist/components/ButtonIcon/index.mjs.map +1 -1
  226. package/dist/components/Icon/Icon.assets.cjs +284 -283
  227. package/dist/components/Icon/Icon.assets.cjs.map +1 -1
  228. package/dist/components/Icon/Icon.assets.d.cts.map +1 -1
  229. package/dist/components/Icon/Icon.assets.d.mts.map +1 -1
  230. package/dist/components/Icon/Icon.assets.mjs +284 -283
  231. package/dist/components/Icon/Icon.assets.mjs.map +1 -1
  232. package/dist/components/Icon/Icon.types.cjs.map +1 -1
  233. package/dist/components/Icon/Icon.types.d.cts +2 -19
  234. package/dist/components/Icon/Icon.types.d.cts.map +1 -1
  235. package/dist/components/Icon/Icon.types.d.mts +2 -19
  236. package/dist/components/Icon/Icon.types.d.mts.map +1 -1
  237. package/dist/components/Icon/Icon.types.mjs.map +1 -1
  238. package/dist/components/Icon/assets/after-hours.svg +1 -1
  239. package/dist/components/Icon/assets/telegram.svg +3 -0
  240. package/dist/components/Input/Input.cjs +2 -2
  241. package/dist/components/Input/Input.cjs.map +1 -1
  242. package/dist/components/Input/Input.d.cts +1 -1
  243. package/dist/components/Input/Input.d.mts +1 -1
  244. package/dist/components/Input/Input.mjs +2 -2
  245. package/dist/components/Input/Input.mjs.map +1 -1
  246. package/dist/components/Input/Input.types.cjs.map +1 -1
  247. package/dist/components/Input/Input.types.d.cts +1 -1
  248. package/dist/components/Input/Input.types.d.mts +1 -1
  249. package/dist/components/Input/Input.types.mjs.map +1 -1
  250. package/dist/components/KeyValueColumn/KeyValueColumn.cjs +2 -2
  251. package/dist/components/KeyValueColumn/KeyValueColumn.cjs.map +1 -1
  252. package/dist/components/KeyValueColumn/KeyValueColumn.d.cts.map +1 -1
  253. package/dist/components/KeyValueColumn/KeyValueColumn.d.mts.map +1 -1
  254. package/dist/components/KeyValueColumn/KeyValueColumn.mjs +2 -2
  255. package/dist/components/KeyValueColumn/KeyValueColumn.mjs.map +1 -1
  256. package/dist/components/KeyValueRow/KeyValueRow.cjs +2 -2
  257. package/dist/components/KeyValueRow/KeyValueRow.cjs.map +1 -1
  258. package/dist/components/KeyValueRow/KeyValueRow.d.cts.map +1 -1
  259. package/dist/components/KeyValueRow/KeyValueRow.d.mts.map +1 -1
  260. package/dist/components/KeyValueRow/KeyValueRow.mjs +2 -2
  261. package/dist/components/KeyValueRow/KeyValueRow.mjs.map +1 -1
  262. package/dist/components/TabEmptyState/TabEmptyState.cjs +1 -1
  263. package/dist/components/TabEmptyState/TabEmptyState.cjs.map +1 -1
  264. package/dist/components/TabEmptyState/TabEmptyState.d.cts.map +1 -1
  265. package/dist/components/TabEmptyState/TabEmptyState.d.mts.map +1 -1
  266. package/dist/components/TabEmptyState/TabEmptyState.mjs +1 -1
  267. package/dist/components/TabEmptyState/TabEmptyState.mjs.map +1 -1
  268. package/dist/components/Tag/Tag.constants.cjs +5 -5
  269. package/dist/components/Tag/Tag.constants.cjs.map +1 -1
  270. package/dist/components/Tag/Tag.constants.d.cts +2 -2
  271. package/dist/components/Tag/Tag.constants.d.cts.map +1 -1
  272. package/dist/components/Tag/Tag.constants.d.mts +2 -2
  273. package/dist/components/Tag/Tag.constants.d.mts.map +1 -1
  274. package/dist/components/Tag/Tag.constants.mjs +2 -2
  275. package/dist/components/Tag/Tag.constants.mjs.map +1 -1
  276. package/dist/components/TextField/TextField.cjs +10 -30
  277. package/dist/components/TextField/TextField.cjs.map +1 -1
  278. package/dist/components/TextField/TextField.d.cts +159 -7
  279. package/dist/components/TextField/TextField.d.cts.map +1 -1
  280. package/dist/components/TextField/TextField.d.mts +159 -7
  281. package/dist/components/TextField/TextField.d.mts.map +1 -1
  282. package/dist/components/TextField/TextField.mjs +12 -32
  283. package/dist/components/TextField/TextField.mjs.map +1 -1
  284. package/dist/components/TextField/TextField.types.cjs.map +1 -1
  285. package/dist/components/TextField/TextField.types.d.cts +41 -16
  286. package/dist/components/TextField/TextField.types.d.cts.map +1 -1
  287. package/dist/components/TextField/TextField.types.d.mts +41 -16
  288. package/dist/components/TextField/TextField.types.d.mts.map +1 -1
  289. package/dist/components/TextField/TextField.types.mjs.map +1 -1
  290. package/dist/components/TextFieldSearch/TextFieldSearch.cjs.map +1 -1
  291. package/dist/components/TextFieldSearch/TextFieldSearch.d.cts +160 -8
  292. package/dist/components/TextFieldSearch/TextFieldSearch.d.cts.map +1 -1
  293. package/dist/components/TextFieldSearch/TextFieldSearch.d.mts +160 -8
  294. package/dist/components/TextFieldSearch/TextFieldSearch.d.mts.map +1 -1
  295. package/dist/components/TextFieldSearch/TextFieldSearch.mjs.map +1 -1
  296. package/dist/components/TitleStandard/TitleStandard.cjs +58 -0
  297. package/dist/components/TitleStandard/TitleStandard.cjs.map +1 -0
  298. package/dist/components/TitleStandard/TitleStandard.d.cts +23 -0
  299. package/dist/components/TitleStandard/TitleStandard.d.cts.map +1 -0
  300. package/dist/components/TitleStandard/TitleStandard.d.mts +23 -0
  301. package/dist/components/TitleStandard/TitleStandard.d.mts.map +1 -0
  302. package/dist/components/TitleStandard/TitleStandard.mjs +58 -0
  303. package/dist/components/TitleStandard/TitleStandard.mjs.map +1 -0
  304. package/dist/components/TitleStandard/TitleStandard.types.cjs +3 -0
  305. package/dist/components/TitleStandard/TitleStandard.types.cjs.map +1 -0
  306. package/dist/components/TitleStandard/TitleStandard.types.d.cts +31 -0
  307. package/dist/components/TitleStandard/TitleStandard.types.d.cts.map +1 -0
  308. package/dist/components/TitleStandard/TitleStandard.types.d.mts +31 -0
  309. package/dist/components/TitleStandard/TitleStandard.types.d.mts.map +1 -0
  310. package/dist/components/TitleStandard/TitleStandard.types.mjs +2 -0
  311. package/dist/components/TitleStandard/TitleStandard.types.mjs.map +1 -0
  312. package/dist/components/TitleStandard/index.cjs +6 -0
  313. package/dist/components/TitleStandard/index.cjs.map +1 -0
  314. package/dist/components/TitleStandard/index.d.cts +3 -0
  315. package/dist/components/TitleStandard/index.d.cts.map +1 -0
  316. package/dist/components/TitleStandard/index.d.mts +3 -0
  317. package/dist/components/TitleStandard/index.d.mts.map +1 -0
  318. package/dist/components/TitleStandard/index.mjs +2 -0
  319. package/dist/components/TitleStandard/index.mjs.map +1 -0
  320. package/dist/components/TitleSubpage/TitleSubpage.cjs +85 -0
  321. package/dist/components/TitleSubpage/TitleSubpage.cjs.map +1 -0
  322. package/dist/components/TitleSubpage/TitleSubpage.d.cts +30 -0
  323. package/dist/components/TitleSubpage/TitleSubpage.d.cts.map +1 -0
  324. package/dist/components/TitleSubpage/TitleSubpage.d.mts +30 -0
  325. package/dist/components/TitleSubpage/TitleSubpage.d.mts.map +1 -0
  326. package/dist/components/TitleSubpage/TitleSubpage.mjs +85 -0
  327. package/dist/components/TitleSubpage/TitleSubpage.mjs.map +1 -0
  328. package/dist/components/TitleSubpage/TitleSubpage.types.cjs +3 -0
  329. package/dist/components/TitleSubpage/TitleSubpage.types.cjs.map +1 -0
  330. package/dist/components/TitleSubpage/TitleSubpage.types.d.cts +44 -0
  331. package/dist/components/TitleSubpage/TitleSubpage.types.d.cts.map +1 -0
  332. package/dist/components/TitleSubpage/TitleSubpage.types.d.mts +44 -0
  333. package/dist/components/TitleSubpage/TitleSubpage.types.d.mts.map +1 -0
  334. package/dist/components/TitleSubpage/TitleSubpage.types.mjs +2 -0
  335. package/dist/components/TitleSubpage/TitleSubpage.types.mjs.map +1 -0
  336. package/dist/components/TitleSubpage/index.cjs +6 -0
  337. package/dist/components/TitleSubpage/index.cjs.map +1 -0
  338. package/dist/components/TitleSubpage/index.d.cts +3 -0
  339. package/dist/components/TitleSubpage/index.d.cts.map +1 -0
  340. package/dist/components/TitleSubpage/index.d.mts +3 -0
  341. package/dist/components/TitleSubpage/index.d.mts.map +1 -0
  342. package/dist/components/TitleSubpage/index.mjs +2 -0
  343. package/dist/components/TitleSubpage/index.mjs.map +1 -0
  344. package/dist/components/Toast/Toast.cjs +29 -142
  345. package/dist/components/Toast/Toast.cjs.map +1 -1
  346. package/dist/components/Toast/Toast.d.cts +15 -3
  347. package/dist/components/Toast/Toast.d.cts.map +1 -1
  348. package/dist/components/Toast/Toast.d.mts +15 -3
  349. package/dist/components/Toast/Toast.d.mts.map +1 -1
  350. package/dist/components/Toast/Toast.mjs +30 -143
  351. package/dist/components/Toast/Toast.mjs.map +1 -1
  352. package/dist/components/Toast/Toast.types.cjs.map +1 -1
  353. package/dist/components/Toast/Toast.types.d.cts +1 -8
  354. package/dist/components/Toast/Toast.types.d.cts.map +1 -1
  355. package/dist/components/Toast/Toast.types.d.mts +1 -8
  356. package/dist/components/Toast/Toast.types.d.mts.map +1 -1
  357. package/dist/components/Toast/Toast.types.mjs.map +1 -1
  358. package/dist/components/Toast/ToastView.cjs +174 -0
  359. package/dist/components/Toast/ToastView.cjs.map +1 -0
  360. package/dist/components/Toast/ToastView.d.cts +7 -0
  361. package/dist/components/Toast/ToastView.d.cts.map +1 -0
  362. package/dist/components/Toast/ToastView.d.mts +7 -0
  363. package/dist/components/Toast/ToastView.d.mts.map +1 -0
  364. package/dist/components/Toast/ToastView.mjs +155 -0
  365. package/dist/components/Toast/ToastView.mjs.map +1 -0
  366. package/dist/components/Toast/index.cjs +1 -4
  367. package/dist/components/Toast/index.cjs.map +1 -1
  368. package/dist/components/Toast/index.d.cts +1 -2
  369. package/dist/components/Toast/index.d.cts.map +1 -1
  370. package/dist/components/Toast/index.d.mts +1 -2
  371. package/dist/components/Toast/index.d.mts.map +1 -1
  372. package/dist/components/Toast/index.mjs +0 -1
  373. package/dist/components/Toast/index.mjs.map +1 -1
  374. package/dist/components/index.cjs +6 -4
  375. package/dist/components/index.cjs.map +1 -1
  376. package/dist/components/index.d.cts +6 -2
  377. package/dist/components/index.d.cts.map +1 -1
  378. package/dist/components/index.d.mts +6 -2
  379. package/dist/components/index.d.mts.map +1 -1
  380. package/dist/components/index.mjs +3 -1
  381. package/dist/components/index.mjs.map +1 -1
  382. package/dist/types/index.cjs +8 -596
  383. package/dist/types/index.cjs.map +1 -1
  384. package/dist/types/index.d.cts +4 -586
  385. package/dist/types/index.d.cts.map +1 -1
  386. package/dist/types/index.d.mts +4 -586
  387. package/dist/types/index.d.mts.map +1 -1
  388. package/dist/types/index.mjs +4 -599
  389. package/dist/types/index.mjs.map +1 -1
  390. package/package.json +5 -6
  391. package/dist/components/Toast/Toast.context.cjs +0 -40
  392. package/dist/components/Toast/Toast.context.cjs.map +0 -1
  393. package/dist/components/Toast/Toast.context.d.cts +0 -7
  394. package/dist/components/Toast/Toast.context.d.cts.map +0 -1
  395. package/dist/components/Toast/Toast.context.d.mts +0 -7
  396. package/dist/components/Toast/Toast.context.d.mts.map +0 -1
  397. package/dist/components/Toast/Toast.context.mjs +0 -20
  398. package/dist/components/Toast/Toast.context.mjs.map +0 -1
@@ -4,9 +4,9 @@ function $importDefault(module) {
4
4
  }
5
5
  return module;
6
6
  }
7
+ import { BoxAlignItems, BoxFlexDirection } from "@metamask-previews/design-system-shared";
7
8
  import $React from "react";
8
9
  const React = $importDefault($React);
9
- import { BoxAlignItems, BoxFlexDirection } from "../../types/index.mjs";
10
10
  import { Box } from "../Box/index.mjs";
11
11
  import { TextOrChildren } from "../temp-components/TextOrChildren/index.mjs";
12
12
  export const BoxRow = ({ children, textProps, startAccessory, endAccessory, twClassName, ...rest }) => (<Box flexDirection={BoxFlexDirection.Row} alignItems={BoxAlignItems.Center} gap={1} twClassName={twClassName} {...rest}>
@@ -1 +1 @@
1
- {"version":3,"file":"BoxRow.mjs","sourceRoot":"","sources":["../../../src/components/BoxRow/BoxRow.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,8BAAoB;AAC9D,OAAO,EAAE,GAAG,EAAE,yBAAe;AAC7B,OAAO,EAAE,cAAc,EAAE,oDAA0C;AAInE,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,YAAY,EACZ,WAAW,EACX,GAAG,IAAI,EACK,EAAE,EAAE,CAAC,CACjB,CAAC,GAAG,CACF,aAAa,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,CACpC,UAAU,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CACjC,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,IAAI,CAAC,CAET;IAAA,CAAC,cAAc,CACf;IAAA,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,cAAc,CAChE;IAAA,CAAC,YAAY,CACf;EAAA,EAAE,GAAG,CAAC,CACP,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import React from 'react';\n\nimport { BoxAlignItems, BoxFlexDirection } from '../../types';\nimport { Box } from '../Box';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { BoxRowProps } from './BoxRow.types';\n\nexport const BoxRow = ({\n children,\n textProps,\n startAccessory,\n endAccessory,\n twClassName,\n ...rest\n}: BoxRowProps) => (\n <Box\n flexDirection={BoxFlexDirection.Row}\n alignItems={BoxAlignItems.Center}\n gap={1}\n twClassName={twClassName}\n {...rest}\n >\n {startAccessory}\n <TextOrChildren textProps={textProps}>{children}</TextOrChildren>\n {endAccessory}\n </Box>\n);\n\nBoxRow.displayName = 'BoxRow';\n"]}
1
+ {"version":3,"file":"BoxRow.mjs","sourceRoot":"","sources":["../../../src/components/BoxRow/BoxRow.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EACL,aAAa,EACb,gBAAgB,EACjB,gDAAgD;AACjD,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,GAAG,EAAE,yBAAe;AAC7B,OAAO,EAAE,cAAc,EAAE,oDAA0C;AAInE,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,QAAQ,EACR,SAAS,EACT,cAAc,EACd,YAAY,EACZ,WAAW,EACX,GAAG,IAAI,EACK,EAAE,EAAE,CAAC,CACjB,CAAC,GAAG,CACF,aAAa,CAAC,CAAC,gBAAgB,CAAC,GAAG,CAAC,CACpC,UAAU,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CACjC,GAAG,CAAC,CAAC,CAAC,CAAC,CACP,WAAW,CAAC,CAAC,WAAW,CAAC,CACzB,IAAI,IAAI,CAAC,CAET;IAAA,CAAC,cAAc,CACf;IAAA,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,cAAc,CAChE;IAAA,CAAC,YAAY,CACf;EAAA,EAAE,GAAG,CAAC,CACP,CAAC;AAEF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC","sourcesContent":["import {\n BoxAlignItems,\n BoxFlexDirection,\n} from '@metamask-previews/design-system-shared';\nimport React from 'react';\n\nimport { Box } from '../Box';\nimport { TextOrChildren } from '../temp-components/TextOrChildren';\n\nimport type { BoxRowProps } from './BoxRow.types';\n\nexport const BoxRow = ({\n children,\n textProps,\n startAccessory,\n endAccessory,\n twClassName,\n ...rest\n}: BoxRowProps) => (\n <Box\n flexDirection={BoxFlexDirection.Row}\n alignItems={BoxAlignItems.Center}\n gap={1}\n twClassName={twClassName}\n {...rest}\n >\n {startAccessory}\n <TextOrChildren textProps={textProps}>{children}</TextOrChildren>\n {endAccessory}\n </Box>\n);\n\nBoxRow.displayName = 'BoxRow';\n"]}
@@ -4,22 +4,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  exports.Button = void 0;
7
+ const design_system_shared_1 = require("@metamask-previews/design-system-shared");
7
8
  const react_1 = __importDefault(require("react"));
8
- const types_1 = require("../../types/index.cjs");
9
9
  const ButtonPrimary_1 = require("./variants/ButtonPrimary/index.cjs");
10
10
  const ButtonSecondary_1 = require("./variants/ButtonSecondary/index.cjs");
11
11
  const ButtonTertiary_1 = require("./variants/ButtonTertiary/index.cjs");
12
12
  const Button = (buttonProps) => {
13
- const { variant = types_1.ButtonVariant.Primary, ...restProps } = buttonProps;
13
+ const { variant = design_system_shared_1.ButtonVariant.Primary, ...restProps } = buttonProps;
14
14
  switch (variant) {
15
- case types_1.ButtonVariant.Tertiary:
15
+ case design_system_shared_1.ButtonVariant.Tertiary:
16
16
  return <ButtonTertiary_1.ButtonTertiary {...restProps}/>;
17
- case types_1.ButtonVariant.Primary:
17
+ case design_system_shared_1.ButtonVariant.Primary:
18
18
  return <ButtonPrimary_1.ButtonPrimary {...restProps}/>;
19
- case types_1.ButtonVariant.Secondary:
19
+ case design_system_shared_1.ButtonVariant.Secondary:
20
20
  return <ButtonSecondary_1.ButtonSecondary {...restProps}/>;
21
21
  default:
22
- throw new Error(`Invalid Button Variant: ${String(variant)}. Expected one of: ${Object.values(types_1.ButtonVariant).join(', ')}`);
22
+ throw new Error(`Invalid Button Variant: ${String(variant)}. Expected one of: ${Object.values(design_system_shared_1.ButtonVariant).join(', ')}`);
23
23
  }
24
24
  };
25
25
  exports.Button = Button;
@@ -1 +1 @@
1
- {"version":3,"file":"Button.cjs","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,iDAA4C;AAG5C,sEAAyD;AACzD,0EAA6D;AAC7D,wEAA2D;AAEpD,MAAM,MAAM,GAAG,CAAC,WAAwB,EAAE,EAAE;IACjD,MAAM,EAAE,OAAO,GAAG,qBAAa,CAAC,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;IAEtE,QAAQ,OAAO,EAAE;QACf,KAAK,qBAAa,CAAC,QAAQ;YACzB,OAAO,CAAC,+BAAc,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC3C,KAAK,qBAAa,CAAC,OAAO;YACxB,OAAO,CAAC,6BAAa,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC1C,KAAK,qBAAa,CAAC,SAAS;YAC1B,OAAO,CAAC,iCAAe,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC5C;YACE,MAAM,IAAI,KAAK,CACb,2BAA2B,MAAM,CAAC,OAAO,CAAC,sBAAsB,MAAM,CAAC,MAAM,CAAC,qBAAa,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAC1G,CAAC;KACL;AACH,CAAC,CAAC;AAfW,QAAA,MAAM,UAejB","sourcesContent":["import React from 'react';\n\nimport { ButtonVariant } from '../../types';\n\nimport type { ButtonProps } from './Button.types';\nimport { ButtonPrimary } from './variants/ButtonPrimary';\nimport { ButtonSecondary } from './variants/ButtonSecondary';\nimport { ButtonTertiary } from './variants/ButtonTertiary';\n\nexport const Button = (buttonProps: ButtonProps) => {\n const { variant = ButtonVariant.Primary, ...restProps } = buttonProps;\n\n switch (variant) {\n case ButtonVariant.Tertiary:\n return <ButtonTertiary {...restProps} />;\n case ButtonVariant.Primary:\n return <ButtonPrimary {...restProps} />;\n case ButtonVariant.Secondary:\n return <ButtonSecondary {...restProps} />;\n default:\n throw new Error(\n `Invalid Button Variant: ${String(variant)}. Expected one of: ${Object.values(ButtonVariant).join(', ')}`,\n );\n }\n};\n"]}
1
+ {"version":3,"file":"Button.cjs","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,kFAAwE;AACxE,kDAA0B;AAG1B,sEAAyD;AACzD,0EAA6D;AAC7D,wEAA2D;AAEpD,MAAM,MAAM,GAAG,CAAC,WAAwB,EAAE,EAAE;IACjD,MAAM,EAAE,OAAO,GAAG,oCAAa,CAAC,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;IAEtE,QAAQ,OAAO,EAAE;QACf,KAAK,oCAAa,CAAC,QAAQ;YACzB,OAAO,CAAC,+BAAc,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC3C,KAAK,oCAAa,CAAC,OAAO;YACxB,OAAO,CAAC,6BAAa,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC1C,KAAK,oCAAa,CAAC,SAAS;YAC1B,OAAO,CAAC,iCAAe,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC5C;YACE,MAAM,IAAI,KAAK,CACb,2BAA2B,MAAM,CAAC,OAAO,CAAC,sBAAsB,MAAM,CAAC,MAAM,CAAC,oCAAa,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAC1G,CAAC;KACL;AACH,CAAC,CAAC;AAfW,QAAA,MAAM,UAejB","sourcesContent":["import { ButtonVariant } from '@metamask-previews/design-system-shared';\nimport React from 'react';\n\nimport type { ButtonProps } from './Button.types';\nimport { ButtonPrimary } from './variants/ButtonPrimary';\nimport { ButtonSecondary } from './variants/ButtonSecondary';\nimport { ButtonTertiary } from './variants/ButtonTertiary';\n\nexport const Button = (buttonProps: ButtonProps) => {\n const { variant = ButtonVariant.Primary, ...restProps } = buttonProps;\n\n switch (variant) {\n case ButtonVariant.Tertiary:\n return <ButtonTertiary {...restProps} />;\n case ButtonVariant.Primary:\n return <ButtonPrimary {...restProps} />;\n case ButtonVariant.Secondary:\n return <ButtonSecondary {...restProps} />;\n default:\n throw new Error(\n `Invalid Button Variant: ${String(variant)}. Expected one of: ${Object.values(ButtonVariant).join(', ')}`,\n );\n }\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.cts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,2BAAuB;AAKlD,eAAO,MAAM,MAAM,gBAAiB,WAAW,sBAe9C,CAAC"}
1
+ {"version":3,"file":"Button.d.cts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,2BAAuB;AAKlD,eAAO,MAAM,MAAM,gBAAiB,WAAW,sBAe9C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.mts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,cAAc;AAI1B,OAAO,KAAK,EAAE,WAAW,EAAE,2BAAuB;AAKlD,eAAO,MAAM,MAAM,gBAAiB,WAAW,sBAe9C,CAAC"}
1
+ {"version":3,"file":"Button.d.mts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,cAAc;AAE1B,OAAO,KAAK,EAAE,WAAW,EAAE,2BAAuB;AAKlD,eAAO,MAAM,MAAM,gBAAiB,WAAW,sBAe9C,CAAC"}
@@ -4,9 +4,9 @@ function $importDefault(module) {
4
4
  }
5
5
  return module;
6
6
  }
7
+ import { ButtonVariant } from "@metamask-previews/design-system-shared";
7
8
  import $React from "react";
8
9
  const React = $importDefault($React);
9
- import { ButtonVariant } from "../../types/index.mjs";
10
10
  import { ButtonPrimary } from "./variants/ButtonPrimary/index.mjs";
11
11
  import { ButtonSecondary } from "./variants/ButtonSecondary/index.mjs";
12
12
  import { ButtonTertiary } from "./variants/ButtonTertiary/index.mjs";
@@ -1 +1 @@
1
- {"version":3,"file":"Button.mjs","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,MAAK,cAAc;;AAE1B,OAAO,EAAE,aAAa,EAAE,8BAAoB;AAG5C,OAAO,EAAE,aAAa,EAAE,2CAAiC;AACzD,OAAO,EAAE,eAAe,EAAE,6CAAmC;AAC7D,OAAO,EAAE,cAAc,EAAE,4CAAkC;AAE3D,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,WAAwB,EAAE,EAAE;IACjD,MAAM,EAAE,OAAO,GAAG,aAAa,CAAC,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;IAEtE,QAAQ,OAAO,EAAE;QACf,KAAK,aAAa,CAAC,QAAQ;YACzB,OAAO,CAAC,cAAc,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC3C,KAAK,aAAa,CAAC,OAAO;YACxB,OAAO,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC1C,KAAK,aAAa,CAAC,SAAS;YAC1B,OAAO,CAAC,eAAe,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC5C;YACE,MAAM,IAAI,KAAK,CACb,2BAA2B,MAAM,CAAC,OAAO,CAAC,sBAAsB,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAC1G,CAAC;KACL;AACH,CAAC,CAAC","sourcesContent":["import React from 'react';\n\nimport { ButtonVariant } from '../../types';\n\nimport type { ButtonProps } from './Button.types';\nimport { ButtonPrimary } from './variants/ButtonPrimary';\nimport { ButtonSecondary } from './variants/ButtonSecondary';\nimport { ButtonTertiary } from './variants/ButtonTertiary';\n\nexport const Button = (buttonProps: ButtonProps) => {\n const { variant = ButtonVariant.Primary, ...restProps } = buttonProps;\n\n switch (variant) {\n case ButtonVariant.Tertiary:\n return <ButtonTertiary {...restProps} />;\n case ButtonVariant.Primary:\n return <ButtonPrimary {...restProps} />;\n case ButtonVariant.Secondary:\n return <ButtonSecondary {...restProps} />;\n default:\n throw new Error(\n `Invalid Button Variant: ${String(variant)}. Expected one of: ${Object.values(ButtonVariant).join(', ')}`,\n );\n }\n};\n"]}
1
+ {"version":3,"file":"Button.mjs","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,gDAAgD;AACxE,OAAO,MAAK,cAAc;;AAG1B,OAAO,EAAE,aAAa,EAAE,2CAAiC;AACzD,OAAO,EAAE,eAAe,EAAE,6CAAmC;AAC7D,OAAO,EAAE,cAAc,EAAE,4CAAkC;AAE3D,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,WAAwB,EAAE,EAAE;IACjD,MAAM,EAAE,OAAO,GAAG,aAAa,CAAC,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,WAAW,CAAC;IAEtE,QAAQ,OAAO,EAAE;QACf,KAAK,aAAa,CAAC,QAAQ;YACzB,OAAO,CAAC,cAAc,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC3C,KAAK,aAAa,CAAC,OAAO;YACxB,OAAO,CAAC,aAAa,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC1C,KAAK,aAAa,CAAC,SAAS;YAC1B,OAAO,CAAC,eAAe,CAAC,IAAI,SAAS,CAAC,EAAG,CAAC;QAC5C;YACE,MAAM,IAAI,KAAK,CACb,2BAA2B,MAAM,CAAC,OAAO,CAAC,sBAAsB,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAC1G,CAAC;KACL;AACH,CAAC,CAAC","sourcesContent":["import { ButtonVariant } from '@metamask-previews/design-system-shared';\nimport React from 'react';\n\nimport type { ButtonProps } from './Button.types';\nimport { ButtonPrimary } from './variants/ButtonPrimary';\nimport { ButtonSecondary } from './variants/ButtonSecondary';\nimport { ButtonTertiary } from './variants/ButtonTertiary';\n\nexport const Button = (buttonProps: ButtonProps) => {\n const { variant = ButtonVariant.Primary, ...restProps } = buttonProps;\n\n switch (variant) {\n case ButtonVariant.Tertiary:\n return <ButtonTertiary {...restProps} />;\n case ButtonVariant.Primary:\n return <ButtonPrimary {...restProps} />;\n case ButtonVariant.Secondary:\n return <ButtonSecondary {...restProps} />;\n default:\n throw new Error(\n `Invalid Button Variant: ${String(variant)}. Expected one of: ${Object.values(ButtonVariant).join(', ')}`,\n );\n }\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.types.cjs","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonVariant } from '../../types';\n\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\n/**\n * Button component props.\n */\nexport type ButtonProps = (\n | ButtonTertiaryProps\n | ButtonPrimaryProps\n | ButtonSecondaryProps\n) & {\n /**\n * Variant of Button.\n */\n variant?: ButtonVariant;\n};\n"]}
1
+ {"version":3,"file":"Button.types.cjs","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonPropsShared } from '@metamask-previews/design-system-shared';\n\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\n/**\n * Button component props.\n */\nexport type ButtonProps = ButtonPropsShared &\n (ButtonTertiaryProps | ButtonPrimaryProps | ButtonSecondaryProps);\n"]}
@@ -1,14 +1,9 @@
1
- import type { ButtonVariant } from "../../types/index.cjs";
1
+ import type { ButtonPropsShared } from "@metamask-previews/design-system-shared";
2
2
  import type { ButtonPrimaryProps } from "./variants/ButtonPrimary/index.cjs";
3
3
  import type { ButtonSecondaryProps } from "./variants/ButtonSecondary/index.cjs";
4
4
  import type { ButtonTertiaryProps } from "./variants/ButtonTertiary/index.cjs";
5
5
  /**
6
6
  * Button component props.
7
7
  */
8
- export type ButtonProps = (ButtonTertiaryProps | ButtonPrimaryProps | ButtonSecondaryProps) & {
9
- /**
10
- * Variant of Button.
11
- */
12
- variant?: ButtonVariant;
13
- };
8
+ export type ButtonProps = ButtonPropsShared & (ButtonTertiaryProps | ButtonPrimaryProps | ButtonSecondaryProps);
14
9
  //# sourceMappingURL=Button.types.d.cts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.types.d.cts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,8BAAoB;AAEjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,2CAAiC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,6CAAmC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,4CAAkC;AAErE;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,CACtB,mBAAmB,GACnB,kBAAkB,GAClB,oBAAoB,CACvB,GAAG;IACF;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC"}
1
+ {"version":3,"file":"Button.types.d.cts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gDAAgD;AAEjF,OAAO,KAAK,EAAE,kBAAkB,EAAE,2CAAiC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,6CAAmC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,4CAAkC;AAErE;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,iBAAiB,GACzC,CAAC,mBAAmB,GAAG,kBAAkB,GAAG,oBAAoB,CAAC,CAAC"}
@@ -1,14 +1,9 @@
1
- import type { ButtonVariant } from "../../types/index.mjs";
1
+ import type { ButtonPropsShared } from "@metamask-previews/design-system-shared";
2
2
  import type { ButtonPrimaryProps } from "./variants/ButtonPrimary/index.mjs";
3
3
  import type { ButtonSecondaryProps } from "./variants/ButtonSecondary/index.mjs";
4
4
  import type { ButtonTertiaryProps } from "./variants/ButtonTertiary/index.mjs";
5
5
  /**
6
6
  * Button component props.
7
7
  */
8
- export type ButtonProps = (ButtonTertiaryProps | ButtonPrimaryProps | ButtonSecondaryProps) & {
9
- /**
10
- * Variant of Button.
11
- */
12
- variant?: ButtonVariant;
13
- };
8
+ export type ButtonProps = ButtonPropsShared & (ButtonTertiaryProps | ButtonPrimaryProps | ButtonSecondaryProps);
14
9
  //# sourceMappingURL=Button.types.d.mts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.types.d.mts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,8BAAoB;AAEjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,2CAAiC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,6CAAmC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,4CAAkC;AAErE;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,CACtB,mBAAmB,GACnB,kBAAkB,GAClB,oBAAoB,CACvB,GAAG;IACF;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;CACzB,CAAC"}
1
+ {"version":3,"file":"Button.types.d.mts","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gDAAgD;AAEjF,OAAO,KAAK,EAAE,kBAAkB,EAAE,2CAAiC;AACnE,OAAO,KAAK,EAAE,oBAAoB,EAAE,6CAAmC;AACvE,OAAO,KAAK,EAAE,mBAAmB,EAAE,4CAAkC;AAErE;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,iBAAiB,GACzC,CAAC,mBAAmB,GAAG,kBAAkB,GAAG,oBAAoB,CAAC,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Button.types.mjs","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonVariant } from '../../types';\n\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\n/**\n * Button component props.\n */\nexport type ButtonProps = (\n | ButtonTertiaryProps\n | ButtonPrimaryProps\n | ButtonSecondaryProps\n) & {\n /**\n * Variant of Button.\n */\n variant?: ButtonVariant;\n};\n"]}
1
+ {"version":3,"file":"Button.types.mjs","sourceRoot":"","sources":["../../../src/components/Button/Button.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ButtonPropsShared } from '@metamask-previews/design-system-shared';\n\nimport type { ButtonPrimaryProps } from './variants/ButtonPrimary';\nimport type { ButtonSecondaryProps } from './variants/ButtonSecondary';\nimport type { ButtonTertiaryProps } from './variants/ButtonTertiary';\n\n/**\n * Button component props.\n */\nexport type ButtonProps = ButtonPropsShared &\n (ButtonTertiaryProps | ButtonPrimaryProps | ButtonSecondaryProps);\n"]}
@@ -1,9 +1,9 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Button = exports.ButtonVariant = exports.ButtonSize = void 0;
4
- var types_1 = require("../../types/index.cjs");
5
- Object.defineProperty(exports, "ButtonSize", { enumerable: true, get: function () { return types_1.ButtonSize; } });
6
- Object.defineProperty(exports, "ButtonVariant", { enumerable: true, get: function () { return types_1.ButtonVariant; } });
4
+ var design_system_shared_1 = require("@metamask-previews/design-system-shared");
5
+ Object.defineProperty(exports, "ButtonSize", { enumerable: true, get: function () { return design_system_shared_1.ButtonSize; } });
6
+ Object.defineProperty(exports, "ButtonVariant", { enumerable: true, get: function () { return design_system_shared_1.ButtonVariant; } });
7
7
  var Button_1 = require("./Button.cjs");
8
8
  Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
9
9
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":";;;AAAA,+CAAwD;AAA/C,mGAAA,UAAU,OAAA;AAAE,sGAAA,aAAa,OAAA;AAClC,uCAAkC;AAAzB,gGAAA,MAAM,OAAA","sourcesContent":["export { ButtonSize, ButtonVariant } from '../../types';\nexport { Button } from './Button';\nexport type { ButtonProps } from './Button.types';\n"]}
1
+ {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":";;;AAAA,gFAAoF;AAA3E,kHAAA,UAAU,OAAA;AAAE,qHAAA,aAAa,OAAA;AAClC,uCAAkC;AAAzB,gGAAA,MAAM,OAAA","sourcesContent":["export { ButtonSize, ButtonVariant } from '@metamask-previews/design-system-shared';\nexport { Button } from './Button';\nexport type { ButtonProps } from './Button.types';\n"]}
@@ -1,4 +1,4 @@
1
- export { ButtonSize, ButtonVariant } from "../../types/index.cjs";
1
+ export { ButtonSize, ButtonVariant } from "@metamask-previews/design-system-shared";
2
2
  export { Button } from "./Button.cjs";
3
3
  export type { ButtonProps } from "./Button.types.cjs";
4
4
  //# sourceMappingURL=index.d.cts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,8BAAoB;AACxD,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAClC,YAAY,EAAE,WAAW,EAAE,2BAAuB"}
1
+ {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,gDAAgD;AACpF,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAClC,YAAY,EAAE,WAAW,EAAE,2BAAuB"}
@@ -1,4 +1,4 @@
1
- export { ButtonSize, ButtonVariant } from "../../types/index.mjs";
1
+ export { ButtonSize, ButtonVariant } from "@metamask-previews/design-system-shared";
2
2
  export { Button } from "./Button.mjs";
3
3
  export type { ButtonProps } from "./Button.types.mjs";
4
4
  //# sourceMappingURL=index.d.mts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,8BAAoB;AACxD,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAClC,YAAY,EAAE,WAAW,EAAE,2BAAuB"}
1
+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,gDAAgD;AACpF,OAAO,EAAE,MAAM,EAAE,qBAAiB;AAClC,YAAY,EAAE,WAAW,EAAE,2BAAuB"}
@@ -1,3 +1,3 @@
1
- export { ButtonSize, ButtonVariant } from "../../types/index.mjs";
1
+ export { ButtonSize, ButtonVariant } from "@metamask-previews/design-system-shared";
2
2
  export { Button } from "./Button.mjs";
3
3
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,8BAAoB;AACxD,OAAO,EAAE,MAAM,EAAE,qBAAiB","sourcesContent":["export { ButtonSize, ButtonVariant } from '../../types';\nexport { Button } from './Button';\nexport type { ButtonProps } from './Button.types';\n"]}
1
+ {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../src/components/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,gDAAgD;AACpF,OAAO,EAAE,MAAM,EAAE,qBAAiB","sourcesContent":["export { ButtonSize, ButtonVariant } from '@metamask-previews/design-system-shared';\nexport { Button } from './Button';\nexport type { ButtonProps } from './Button.types';\n"]}
@@ -28,6 +28,8 @@ const react_1 = __importStar(require("react"));
28
28
  const ButtonBase_1 = require("../../../ButtonBase/index.cjs");
29
29
  const Icon_1 = require("../../../Icon/index.cjs");
30
30
  const Text_1 = require("../../../Text/index.cjs");
31
+ // Internal Button variant.
32
+ // Consumers should use `Button` with `variant`.
31
33
  const ButtonPrimary = ({ children, textProps, spinnerProps, startIconProps, endIconProps, isDanger = false, isInverse = false, isLoading = false, twClassName = '', style, ...props }) => {
32
34
  const getContainerClassName = (0, react_1.useCallback)((pressed) => {
33
35
  const classNameStr = typeof twClassName === 'function' ? twClassName(pressed) : twClassName;
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonPrimary.cjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/ButtonPrimary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAE3C,8DAAiD;AACjD,kDAAyC;AACzC,kDAAwD;AAIjD,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EACvC,CAAC,OAAgB,EAAU,EAAE;QAC3B,MAAM,YAAY,GAChB,OAAO,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAEzE,IAAI,SAAS,IAAI,QAAQ,EAAE;YACzB,OAAO,GAAG,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,YAAY,IAAI,YAAY,EAAE,CAAC;SACxF;QACD,IAAI,QAAQ,EAAE;YACZ,OAAO,GAAG,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,kBAAkB,IAAI,YAAY,EAAE,CAAC;SACpG;QACD,IAAI,SAAS,EAAE;YACb,OAAO,GAAG,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,YAAY,IAAI,YAAY,EAAE,CAAC;SACxF;QACD,OAAO,GAAG,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,iBAAiB,IAAI,YAAY,EAAE,CAAC;IACnG,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,CAAC,CAC9C,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,OAAgB,EAAU,EAAE;QAC3B,IAAI,SAAS,IAAI,QAAQ,EAAE;YACzB,OAAO,OAAO,IAAI,SAAS;gBACzB,CAAC,CAAC,4BAA4B;gBAC9B,CAAC,CAAC,oBAAoB,CAAC;SAC1B;QACD,IAAI,QAAQ,EAAE;YACZ,OAAO,sBAAsB,CAAC;SAC/B;QACD,IAAI,SAAS,EAAE;YACb,OAAO,cAAc,CAAC;SACvB;QACD,OAAO,sBAAsB,CAAC;IAChC,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CACjC,CAAC;IAEF,OAAO,CACL,CAAC,uBAAU,CACT,SAAS,CAAC,CAAC;YACT,OAAO,EAAE,kBAAW,CAAC,MAAM;YAC3B,UAAU,EAAE,iBAAU,CAAC,MAAM;YAC7B,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,MAAM;YACrB,GAAG,SAAS;SACb,CAAC,CACF,YAAY,CAAC,CAAC;YACZ,GAAG,YAAY;SAChB,CAAC,CACF,cAAc,CAAC,CAAC;YACd,IAAI,EAAE,eAAQ,CAAC,EAAE;YACjB,GAAG,cAAc;SAClB,CAAC,CACF,YAAY,CAAC,CAAC;YACZ,IAAI,EAAE,eAAQ,CAAC,EAAE;YACjB,GAAG,YAAY;SAChB,CAAC,CACF,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,WAAW,CAAC,CAAC,qBAAqB,CAAC,CACnC,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAChC,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAChC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,uBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAhFW,QAAA,aAAa,iBAgFxB","sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ButtonBase } from '../../../ButtonBase';\nimport { IconSize } from '../../../Icon';\nimport { TextVariant, FontWeight } from '../../../Text';\n\nimport type { ButtonPrimaryProps } from './ButtonPrimary.types';\n\nexport const ButtonPrimary = ({\n children,\n textProps,\n spinnerProps,\n startIconProps,\n endIconProps,\n isDanger = false,\n isInverse = false,\n isLoading = false,\n twClassName = '',\n style,\n ...props\n}: ButtonPrimaryProps) => {\n const getContainerClassName = useCallback(\n (pressed: boolean): string => {\n const classNameStr =\n typeof twClassName === 'function' ? twClassName(pressed) : twClassName;\n\n if (isInverse && isDanger) {\n return `${pressed || isLoading ? 'bg-default-pressed' : 'bg-default'} ${classNameStr}`;\n }\n if (isDanger) {\n return `${pressed || isLoading ? 'bg-error-default-pressed' : 'bg-error-default'} ${classNameStr}`;\n }\n if (isInverse) {\n return `${pressed || isLoading ? 'bg-default-pressed' : 'bg-default'} ${classNameStr}`;\n }\n return `${pressed || isLoading ? 'bg-icon-default-pressed' : 'bg-icon-default'} ${classNameStr}`;\n },\n [isInverse, isDanger, isLoading, twClassName],\n );\n\n const getTextClassName = useCallback(\n (pressed: boolean): string => {\n if (isInverse && isDanger) {\n return pressed || isLoading\n ? 'text-error-default-pressed'\n : 'text-error-default';\n }\n if (isDanger) {\n return 'text-primary-inverse';\n }\n if (isInverse) {\n return 'text-default';\n }\n return 'text-primary-inverse';\n },\n [isInverse, isDanger, isLoading],\n );\n\n return (\n <ButtonBase\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n numberOfLines: 1,\n ellipsizeMode: 'clip',\n ...textProps,\n }}\n spinnerProps={{\n ...spinnerProps,\n }}\n startIconProps={{\n size: IconSize.Sm,\n ...startIconProps,\n }}\n endIconProps={{\n size: IconSize.Sm,\n ...endIconProps,\n }}\n isLoading={isLoading}\n twClassName={getContainerClassName}\n textClassName={getTextClassName}\n iconClassName={getTextClassName}\n style={style}\n {...props}\n >\n {children}\n </ButtonBase>\n );\n};\n"]}
1
+ {"version":3,"file":"ButtonPrimary.cjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/ButtonPrimary.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ButtonBase } from '../../../ButtonBase';\nimport { IconSize } from '../../../Icon';\nimport { TextVariant, FontWeight } from '../../../Text';\n\nimport type { ButtonPrimaryProps } from './ButtonPrimary.types';\n\n// Internal Button variant.\n// Consumers should use `Button` with `variant`.\nexport const ButtonPrimary = ({\n children,\n textProps,\n spinnerProps,\n startIconProps,\n endIconProps,\n isDanger = false,\n isInverse = false,\n isLoading = false,\n twClassName = '',\n style,\n ...props\n}: ButtonPrimaryProps) => {\n const getContainerClassName = useCallback(\n (pressed: boolean): string => {\n const classNameStr =\n typeof twClassName === 'function' ? twClassName(pressed) : twClassName;\n\n if (isInverse && isDanger) {\n return `${pressed || isLoading ? 'bg-default-pressed' : 'bg-default'} ${classNameStr}`;\n }\n if (isDanger) {\n return `${pressed || isLoading ? 'bg-error-default-pressed' : 'bg-error-default'} ${classNameStr}`;\n }\n if (isInverse) {\n return `${pressed || isLoading ? 'bg-default-pressed' : 'bg-default'} ${classNameStr}`;\n }\n return `${pressed || isLoading ? 'bg-icon-default-pressed' : 'bg-icon-default'} ${classNameStr}`;\n },\n [isInverse, isDanger, isLoading, twClassName],\n );\n\n const getTextClassName = useCallback(\n (pressed: boolean): string => {\n if (isInverse && isDanger) {\n return pressed || isLoading\n ? 'text-error-default-pressed'\n : 'text-error-default';\n }\n if (isDanger) {\n return 'text-primary-inverse';\n }\n if (isInverse) {\n return 'text-default';\n }\n return 'text-primary-inverse';\n },\n [isInverse, isDanger, isLoading],\n );\n\n return (\n <ButtonBase\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n numberOfLines: 1,\n ellipsizeMode: 'clip',\n ...textProps,\n }}\n spinnerProps={{\n ...spinnerProps,\n }}\n startIconProps={{\n size: IconSize.Sm,\n ...startIconProps,\n }}\n endIconProps={{\n size: IconSize.Sm,\n ...endIconProps,\n }}\n isLoading={isLoading}\n twClassName={getContainerClassName}\n textClassName={getTextClassName}\n iconClassName={getTextClassName}\n style={style}\n {...props}\n >\n {children}\n </ButtonBase>\n );\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonPrimary.d.cts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/ButtonPrimary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,cAAc;AAM3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,sIAYvB,kBAAkB,sBAoEpB,CAAC"}
1
+ {"version":3,"file":"ButtonPrimary.d.cts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/ButtonPrimary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,cAAc;AAM3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAIhE,eAAO,MAAM,aAAa,sIAYvB,kBAAkB,sBAoEpB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonPrimary.d.mts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/ButtonPrimary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,cAAc;AAM3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAEhE,eAAO,MAAM,aAAa,sIAYvB,kBAAkB,sBAoEpB,CAAC"}
1
+ {"version":3,"file":"ButtonPrimary.d.mts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/ButtonPrimary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,cAAc;AAM3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,kCAA8B;AAIhE,eAAO,MAAM,aAAa,sIAYvB,kBAAkB,sBAoEpB,CAAC"}
@@ -9,6 +9,8 @@ const React = $importDefault($React);
9
9
  import { ButtonBase } from "../../../ButtonBase/index.mjs";
10
10
  import { IconSize } from "../../../Icon/index.mjs";
11
11
  import { TextVariant, FontWeight } from "../../../Text/index.mjs";
12
+ // Internal Button variant.
13
+ // Consumers should use `Button` with `variant`.
12
14
  export const ButtonPrimary = ({ children, textProps, spinnerProps, startIconProps, endIconProps, isDanger = false, isInverse = false, isLoading = false, twClassName = '', style, ...props }) => {
13
15
  const getContainerClassName = useCallback((pressed) => {
14
16
  const classNameStr = typeof twClassName === 'function' ? twClassName(pressed) : twClassName;
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonPrimary.mjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/ButtonPrimary.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ButtonBase } from '../../../ButtonBase';\nimport { IconSize } from '../../../Icon';\nimport { TextVariant, FontWeight } from '../../../Text';\n\nimport type { ButtonPrimaryProps } from './ButtonPrimary.types';\n\nexport const ButtonPrimary = ({\n children,\n textProps,\n spinnerProps,\n startIconProps,\n endIconProps,\n isDanger = false,\n isInverse = false,\n isLoading = false,\n twClassName = '',\n style,\n ...props\n}: ButtonPrimaryProps) => {\n const getContainerClassName = useCallback(\n (pressed: boolean): string => {\n const classNameStr =\n typeof twClassName === 'function' ? twClassName(pressed) : twClassName;\n\n if (isInverse && isDanger) {\n return `${pressed || isLoading ? 'bg-default-pressed' : 'bg-default'} ${classNameStr}`;\n }\n if (isDanger) {\n return `${pressed || isLoading ? 'bg-error-default-pressed' : 'bg-error-default'} ${classNameStr}`;\n }\n if (isInverse) {\n return `${pressed || isLoading ? 'bg-default-pressed' : 'bg-default'} ${classNameStr}`;\n }\n return `${pressed || isLoading ? 'bg-icon-default-pressed' : 'bg-icon-default'} ${classNameStr}`;\n },\n [isInverse, isDanger, isLoading, twClassName],\n );\n\n const getTextClassName = useCallback(\n (pressed: boolean): string => {\n if (isInverse && isDanger) {\n return pressed || isLoading\n ? 'text-error-default-pressed'\n : 'text-error-default';\n }\n if (isDanger) {\n return 'text-primary-inverse';\n }\n if (isInverse) {\n return 'text-default';\n }\n return 'text-primary-inverse';\n },\n [isInverse, isDanger, isLoading],\n );\n\n return (\n <ButtonBase\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n numberOfLines: 1,\n ellipsizeMode: 'clip',\n ...textProps,\n }}\n spinnerProps={{\n ...spinnerProps,\n }}\n startIconProps={{\n size: IconSize.Sm,\n ...startIconProps,\n }}\n endIconProps={{\n size: IconSize.Sm,\n ...endIconProps,\n }}\n isLoading={isLoading}\n twClassName={getContainerClassName}\n textClassName={getTextClassName}\n iconClassName={getTextClassName}\n style={style}\n {...props}\n >\n {children}\n </ButtonBase>\n );\n};\n"]}
1
+ {"version":3,"file":"ButtonPrimary.mjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/ButtonPrimary.tsx"],"names":[],"mappings":";;;;;;AAAA,OAAO,QAAO,EAAE,WAAW,EAAE,cAAc;;AAE3C,OAAO,EAAE,UAAU,EAAE,sCAA4B;AACjD,OAAO,EAAE,QAAQ,EAAE,gCAAsB;AACzC,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,gCAAsB;AAIxD,2BAA2B;AAC3B,gDAAgD;AAChD,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC5B,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,OAAgB,EAAU,EAAE;QAC3B,MAAM,YAAY,GAChB,OAAO,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAEzE,IAAI,SAAS,IAAI,QAAQ,EAAE;YACzB,OAAO,GAAG,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,YAAY,IAAI,YAAY,EAAE,CAAC;SACxF;QACD,IAAI,QAAQ,EAAE;YACZ,OAAO,GAAG,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,0BAA0B,CAAC,CAAC,CAAC,kBAAkB,IAAI,YAAY,EAAE,CAAC;SACpG;QACD,IAAI,SAAS,EAAE;YACb,OAAO,GAAG,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,YAAY,IAAI,YAAY,EAAE,CAAC;SACxF;QACD,OAAO,GAAG,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,iBAAiB,IAAI,YAAY,EAAE,CAAC;IACnG,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,CAAC,CAC9C,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,OAAgB,EAAU,EAAE;QAC3B,IAAI,SAAS,IAAI,QAAQ,EAAE;YACzB,OAAO,OAAO,IAAI,SAAS;gBACzB,CAAC,CAAC,4BAA4B;gBAC9B,CAAC,CAAC,oBAAoB,CAAC;SAC1B;QACD,IAAI,QAAQ,EAAE;YACZ,OAAO,sBAAsB,CAAC;SAC/B;QACD,IAAI,SAAS,EAAE;YACb,OAAO,cAAc,CAAC;SACvB;QACD,OAAO,sBAAsB,CAAC;IAChC,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC,CACjC,CAAC;IAEF,OAAO,CACL,CAAC,UAAU,CACT,SAAS,CAAC,CAAC;YACT,OAAO,EAAE,WAAW,CAAC,MAAM;YAC3B,UAAU,EAAE,UAAU,CAAC,MAAM;YAC7B,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,MAAM;YACrB,GAAG,SAAS;SACb,CAAC,CACF,YAAY,CAAC,CAAC;YACZ,GAAG,YAAY;SAChB,CAAC,CACF,cAAc,CAAC,CAAC;YACd,IAAI,EAAE,QAAQ,CAAC,EAAE;YACjB,GAAG,cAAc;SAClB,CAAC,CACF,YAAY,CAAC,CAAC;YACZ,IAAI,EAAE,QAAQ,CAAC,EAAE;YACjB,GAAG,YAAY;SAChB,CAAC,CACF,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,WAAW,CAAC,CAAC,qBAAqB,CAAC,CACnC,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAChC,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAChC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,UAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ButtonBase } from '../../../ButtonBase';\nimport { IconSize } from '../../../Icon';\nimport { TextVariant, FontWeight } from '../../../Text';\n\nimport type { ButtonPrimaryProps } from './ButtonPrimary.types';\n\n// Internal Button variant.\n// Consumers should use `Button` with `variant`.\nexport const ButtonPrimary = ({\n children,\n textProps,\n spinnerProps,\n startIconProps,\n endIconProps,\n isDanger = false,\n isInverse = false,\n isLoading = false,\n twClassName = '',\n style,\n ...props\n}: ButtonPrimaryProps) => {\n const getContainerClassName = useCallback(\n (pressed: boolean): string => {\n const classNameStr =\n typeof twClassName === 'function' ? twClassName(pressed) : twClassName;\n\n if (isInverse && isDanger) {\n return `${pressed || isLoading ? 'bg-default-pressed' : 'bg-default'} ${classNameStr}`;\n }\n if (isDanger) {\n return `${pressed || isLoading ? 'bg-error-default-pressed' : 'bg-error-default'} ${classNameStr}`;\n }\n if (isInverse) {\n return `${pressed || isLoading ? 'bg-default-pressed' : 'bg-default'} ${classNameStr}`;\n }\n return `${pressed || isLoading ? 'bg-icon-default-pressed' : 'bg-icon-default'} ${classNameStr}`;\n },\n [isInverse, isDanger, isLoading, twClassName],\n );\n\n const getTextClassName = useCallback(\n (pressed: boolean): string => {\n if (isInverse && isDanger) {\n return pressed || isLoading\n ? 'text-error-default-pressed'\n : 'text-error-default';\n }\n if (isDanger) {\n return 'text-primary-inverse';\n }\n if (isInverse) {\n return 'text-default';\n }\n return 'text-primary-inverse';\n },\n [isInverse, isDanger, isLoading],\n );\n\n return (\n <ButtonBase\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n numberOfLines: 1,\n ellipsizeMode: 'clip',\n ...textProps,\n }}\n spinnerProps={{\n ...spinnerProps,\n }}\n startIconProps={{\n size: IconSize.Sm,\n ...startIconProps,\n }}\n endIconProps={{\n size: IconSize.Sm,\n ...endIconProps,\n }}\n isLoading={isLoading}\n twClassName={getContainerClassName}\n textClassName={getTextClassName}\n iconClassName={getTextClassName}\n style={style}\n {...props}\n >\n {children}\n </ButtonBase>\n );\n};\n"]}
@@ -1,8 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ButtonPrimary = exports.ButtonPrimarySize = void 0;
4
- var types_1 = require("../../../../types/index.cjs");
5
- Object.defineProperty(exports, "ButtonPrimarySize", { enumerable: true, get: function () { return types_1.ButtonPrimarySize; } });
3
+ exports.ButtonPrimary = void 0;
6
4
  var ButtonPrimary_1 = require("./ButtonPrimary.cjs");
7
5
  Object.defineProperty(exports, "ButtonPrimary", { enumerable: true, get: function () { return ButtonPrimary_1.ButtonPrimary; } });
8
6
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/index.ts"],"names":[],"mappings":";;;AAAA,qDAAsD;AAA7C,0GAAA,iBAAiB,OAAA;AAC1B,qDAAgD;AAAvC,8GAAA,aAAa,OAAA","sourcesContent":["export { ButtonPrimarySize } from '../../../../types';\nexport { ButtonPrimary } from './ButtonPrimary';\nexport type { ButtonPrimaryProps } from './ButtonPrimary.types';\n"]}
1
+ {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/index.ts"],"names":[],"mappings":";;;AAAA,qDAAgD;AAAvC,8GAAA,aAAa,OAAA","sourcesContent":["export { ButtonPrimary } from './ButtonPrimary';\nexport type { ButtonPrimaryProps } from './ButtonPrimary.types';\n"]}
@@ -1,4 +1,3 @@
1
- export { ButtonPrimarySize } from "../../../../types/index.cjs";
2
1
  export { ButtonPrimary } from "./ButtonPrimary.cjs";
3
2
  export type { ButtonPrimaryProps } from "./ButtonPrimary.types.cjs";
4
3
  //# sourceMappingURL=index.d.cts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,oCAA0B;AACtD,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAChD,YAAY,EAAE,kBAAkB,EAAE,kCAA8B"}
1
+ {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAChD,YAAY,EAAE,kBAAkB,EAAE,kCAA8B"}
@@ -1,4 +1,3 @@
1
- export { ButtonPrimarySize } from "../../../../types/index.mjs";
2
1
  export { ButtonPrimary } from "./ButtonPrimary.mjs";
3
2
  export type { ButtonPrimaryProps } from "./ButtonPrimary.types.mjs";
4
3
  //# sourceMappingURL=index.d.mts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,oCAA0B;AACtD,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAChD,YAAY,EAAE,kBAAkB,EAAE,kCAA8B"}
1
+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,4BAAwB;AAChD,YAAY,EAAE,kBAAkB,EAAE,kCAA8B"}
@@ -1,3 +1,2 @@
1
- export { ButtonPrimarySize } from "../../../../types/index.mjs";
2
1
  export { ButtonPrimary } from "./ButtonPrimary.mjs";
3
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,oCAA0B;AACtD,OAAO,EAAE,aAAa,EAAE,4BAAwB","sourcesContent":["export { ButtonPrimarySize } from '../../../../types';\nexport { ButtonPrimary } from './ButtonPrimary';\nexport type { ButtonPrimaryProps } from './ButtonPrimary.types';\n"]}
1
+ {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonPrimary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,4BAAwB","sourcesContent":["export { ButtonPrimary } from './ButtonPrimary';\nexport type { ButtonPrimaryProps } from './ButtonPrimary.types';\n"]}
@@ -28,6 +28,8 @@ const react_1 = __importStar(require("react"));
28
28
  const ButtonBase_1 = require("../../../ButtonBase/index.cjs");
29
29
  const Icon_1 = require("../../../Icon/index.cjs");
30
30
  const Text_1 = require("../../../Text/index.cjs");
31
+ // Internal Button variant.
32
+ // Consumers should use `Button` with `variant`.
31
33
  const ButtonSecondary = ({ children, textProps, spinnerProps, startIconProps, endIconProps, isDanger = false, isInverse = false, isLoading = false, twClassName = '', style, ...props }) => {
32
34
  const getContainerClassName = (0, react_1.useCallback)((pressed) => {
33
35
  const classNameStr = typeof twClassName === 'function' ? twClassName(pressed) : twClassName;
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonSecondary.cjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/ButtonSecondary.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ButtonBase } from '../../../ButtonBase';\nimport { IconSize } from '../../../Icon';\nimport { TextVariant, FontWeight } from '../../../Text';\n\nimport type { ButtonSecondaryProps } from './ButtonSecondary.types';\n\nexport const ButtonSecondary = ({\n children,\n textProps,\n spinnerProps,\n startIconProps,\n endIconProps,\n isDanger = false,\n isInverse = false,\n isLoading = false,\n twClassName = '',\n style,\n ...props\n}: ButtonSecondaryProps) => {\n const getContainerClassName = useCallback(\n (pressed: boolean): string => {\n const classNameStr =\n typeof twClassName === 'function' ? twClassName(pressed) : twClassName;\n\n const baseClasses = `\n border\n ${classNameStr}\n `;\n\n let backgroundClass = '';\n let borderClass = '';\n\n if (isInverse && isDanger) {\n backgroundClass =\n pressed || isLoading ? 'bg-default-pressed' : 'bg-default';\n borderClass =\n pressed || isLoading\n ? 'border-background-default-pressed'\n : 'border-background-default';\n } else if (isDanger) {\n backgroundClass =\n pressed || isLoading ? 'bg-muted-pressed' : 'bg-muted';\n borderClass = 'border-transparent';\n } else if (isInverse) {\n backgroundClass =\n pressed || isLoading ? 'bg-pressed' : 'bg-transparent';\n borderClass = 'border-primary-inverse';\n } else {\n backgroundClass =\n pressed || isLoading ? 'bg-muted-pressed' : 'bg-muted';\n borderClass = 'border-transparent';\n }\n\n return `${backgroundClass} ${borderClass} ${baseClasses}`;\n },\n [isInverse, isDanger, isLoading, twClassName],\n );\n\n const getTextClassName = useCallback(\n (pressed: boolean): string => {\n if (isDanger) {\n return pressed || isLoading\n ? 'text-error-default-pressed'\n : 'text-error-default';\n }\n if (isInverse) {\n return 'text-primary-inverse';\n }\n return 'text-default';\n },\n [isDanger, isInverse, isLoading],\n );\n\n return (\n <ButtonBase\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n numberOfLines: 1,\n ellipsizeMode: 'clip',\n ...textProps,\n }}\n spinnerProps={{\n ...spinnerProps,\n }}\n startIconProps={{\n size: IconSize.Sm,\n ...startIconProps,\n }}\n endIconProps={{\n size: IconSize.Sm,\n ...endIconProps,\n }}\n isLoading={isLoading}\n twClassName={getContainerClassName}\n textClassName={getTextClassName}\n iconClassName={getTextClassName}\n style={style}\n {...props}\n >\n {children}\n </ButtonBase>\n );\n};\n"]}
1
+ {"version":3,"file":"ButtonSecondary.cjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/ButtonSecondary.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ButtonBase } from '../../../ButtonBase';\nimport { IconSize } from '../../../Icon';\nimport { TextVariant, FontWeight } from '../../../Text';\n\nimport type { ButtonSecondaryProps } from './ButtonSecondary.types';\n\n// Internal Button variant.\n// Consumers should use `Button` with `variant`.\nexport const ButtonSecondary = ({\n children,\n textProps,\n spinnerProps,\n startIconProps,\n endIconProps,\n isDanger = false,\n isInverse = false,\n isLoading = false,\n twClassName = '',\n style,\n ...props\n}: ButtonSecondaryProps) => {\n const getContainerClassName = useCallback(\n (pressed: boolean): string => {\n const classNameStr =\n typeof twClassName === 'function' ? twClassName(pressed) : twClassName;\n\n const baseClasses = `\n border\n ${classNameStr}\n `;\n\n let backgroundClass = '';\n let borderClass = '';\n\n if (isInverse && isDanger) {\n backgroundClass =\n pressed || isLoading ? 'bg-default-pressed' : 'bg-default';\n borderClass =\n pressed || isLoading\n ? 'border-background-default-pressed'\n : 'border-background-default';\n } else if (isDanger) {\n backgroundClass =\n pressed || isLoading ? 'bg-muted-pressed' : 'bg-muted';\n borderClass = 'border-transparent';\n } else if (isInverse) {\n backgroundClass =\n pressed || isLoading ? 'bg-pressed' : 'bg-transparent';\n borderClass = 'border-primary-inverse';\n } else {\n backgroundClass =\n pressed || isLoading ? 'bg-muted-pressed' : 'bg-muted';\n borderClass = 'border-transparent';\n }\n\n return `${backgroundClass} ${borderClass} ${baseClasses}`;\n },\n [isInverse, isDanger, isLoading, twClassName],\n );\n\n const getTextClassName = useCallback(\n (pressed: boolean): string => {\n if (isDanger) {\n return pressed || isLoading\n ? 'text-error-default-pressed'\n : 'text-error-default';\n }\n if (isInverse) {\n return 'text-primary-inverse';\n }\n return 'text-default';\n },\n [isDanger, isInverse, isLoading],\n );\n\n return (\n <ButtonBase\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n numberOfLines: 1,\n ellipsizeMode: 'clip',\n ...textProps,\n }}\n spinnerProps={{\n ...spinnerProps,\n }}\n startIconProps={{\n size: IconSize.Sm,\n ...startIconProps,\n }}\n endIconProps={{\n size: IconSize.Sm,\n ...endIconProps,\n }}\n isLoading={isLoading}\n twClassName={getContainerClassName}\n textClassName={getTextClassName}\n iconClassName={getTextClassName}\n style={style}\n {...props}\n >\n {children}\n </ButtonBase>\n );\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonSecondary.d.cts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/ButtonSecondary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,cAAc;AAM3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,oCAAgC;AAEpE,eAAO,MAAM,eAAe,sIAYzB,oBAAoB,sBAqFtB,CAAC"}
1
+ {"version":3,"file":"ButtonSecondary.d.cts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/ButtonSecondary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,cAAc;AAM3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,oCAAgC;AAIpE,eAAO,MAAM,eAAe,sIAYzB,oBAAoB,sBAqFtB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonSecondary.d.mts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/ButtonSecondary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,cAAc;AAM3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,oCAAgC;AAEpE,eAAO,MAAM,eAAe,sIAYzB,oBAAoB,sBAqFtB,CAAC"}
1
+ {"version":3,"file":"ButtonSecondary.d.mts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/ButtonSecondary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,cAAc;AAM3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,oCAAgC;AAIpE,eAAO,MAAM,eAAe,sIAYzB,oBAAoB,sBAqFtB,CAAC"}
@@ -9,6 +9,8 @@ const React = $importDefault($React);
9
9
  import { ButtonBase } from "../../../ButtonBase/index.mjs";
10
10
  import { IconSize } from "../../../Icon/index.mjs";
11
11
  import { TextVariant, FontWeight } from "../../../Text/index.mjs";
12
+ // Internal Button variant.
13
+ // Consumers should use `Button` with `variant`.
12
14
  export const ButtonSecondary = ({ children, textProps, spinnerProps, startIconProps, endIconProps, isDanger = false, isInverse = false, isLoading = false, twClassName = '', style, ...props }) => {
13
15
  const getContainerClassName = useCallback((pressed) => {
14
16
  const classNameStr = typeof twClassName === 'function' ? twClassName(pressed) : twClassName;
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonSecondary.mjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/ButtonSecondary.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ButtonBase } from '../../../ButtonBase';\nimport { IconSize } from '../../../Icon';\nimport { TextVariant, FontWeight } from '../../../Text';\n\nimport type { ButtonSecondaryProps } from './ButtonSecondary.types';\n\nexport const ButtonSecondary = ({\n children,\n textProps,\n spinnerProps,\n startIconProps,\n endIconProps,\n isDanger = false,\n isInverse = false,\n isLoading = false,\n twClassName = '',\n style,\n ...props\n}: ButtonSecondaryProps) => {\n const getContainerClassName = useCallback(\n (pressed: boolean): string => {\n const classNameStr =\n typeof twClassName === 'function' ? twClassName(pressed) : twClassName;\n\n const baseClasses = `\n border\n ${classNameStr}\n `;\n\n let backgroundClass = '';\n let borderClass = '';\n\n if (isInverse && isDanger) {\n backgroundClass =\n pressed || isLoading ? 'bg-default-pressed' : 'bg-default';\n borderClass =\n pressed || isLoading\n ? 'border-background-default-pressed'\n : 'border-background-default';\n } else if (isDanger) {\n backgroundClass =\n pressed || isLoading ? 'bg-muted-pressed' : 'bg-muted';\n borderClass = 'border-transparent';\n } else if (isInverse) {\n backgroundClass =\n pressed || isLoading ? 'bg-pressed' : 'bg-transparent';\n borderClass = 'border-primary-inverse';\n } else {\n backgroundClass =\n pressed || isLoading ? 'bg-muted-pressed' : 'bg-muted';\n borderClass = 'border-transparent';\n }\n\n return `${backgroundClass} ${borderClass} ${baseClasses}`;\n },\n [isInverse, isDanger, isLoading, twClassName],\n );\n\n const getTextClassName = useCallback(\n (pressed: boolean): string => {\n if (isDanger) {\n return pressed || isLoading\n ? 'text-error-default-pressed'\n : 'text-error-default';\n }\n if (isInverse) {\n return 'text-primary-inverse';\n }\n return 'text-default';\n },\n [isDanger, isInverse, isLoading],\n );\n\n return (\n <ButtonBase\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n numberOfLines: 1,\n ellipsizeMode: 'clip',\n ...textProps,\n }}\n spinnerProps={{\n ...spinnerProps,\n }}\n startIconProps={{\n size: IconSize.Sm,\n ...startIconProps,\n }}\n endIconProps={{\n size: IconSize.Sm,\n ...endIconProps,\n }}\n isLoading={isLoading}\n twClassName={getContainerClassName}\n textClassName={getTextClassName}\n iconClassName={getTextClassName}\n style={style}\n {...props}\n >\n {children}\n </ButtonBase>\n );\n};\n"]}
1
+ {"version":3,"file":"ButtonSecondary.mjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/ButtonSecondary.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ButtonBase } from '../../../ButtonBase';\nimport { IconSize } from '../../../Icon';\nimport { TextVariant, FontWeight } from '../../../Text';\n\nimport type { ButtonSecondaryProps } from './ButtonSecondary.types';\n\n// Internal Button variant.\n// Consumers should use `Button` with `variant`.\nexport const ButtonSecondary = ({\n children,\n textProps,\n spinnerProps,\n startIconProps,\n endIconProps,\n isDanger = false,\n isInverse = false,\n isLoading = false,\n twClassName = '',\n style,\n ...props\n}: ButtonSecondaryProps) => {\n const getContainerClassName = useCallback(\n (pressed: boolean): string => {\n const classNameStr =\n typeof twClassName === 'function' ? twClassName(pressed) : twClassName;\n\n const baseClasses = `\n border\n ${classNameStr}\n `;\n\n let backgroundClass = '';\n let borderClass = '';\n\n if (isInverse && isDanger) {\n backgroundClass =\n pressed || isLoading ? 'bg-default-pressed' : 'bg-default';\n borderClass =\n pressed || isLoading\n ? 'border-background-default-pressed'\n : 'border-background-default';\n } else if (isDanger) {\n backgroundClass =\n pressed || isLoading ? 'bg-muted-pressed' : 'bg-muted';\n borderClass = 'border-transparent';\n } else if (isInverse) {\n backgroundClass =\n pressed || isLoading ? 'bg-pressed' : 'bg-transparent';\n borderClass = 'border-primary-inverse';\n } else {\n backgroundClass =\n pressed || isLoading ? 'bg-muted-pressed' : 'bg-muted';\n borderClass = 'border-transparent';\n }\n\n return `${backgroundClass} ${borderClass} ${baseClasses}`;\n },\n [isInverse, isDanger, isLoading, twClassName],\n );\n\n const getTextClassName = useCallback(\n (pressed: boolean): string => {\n if (isDanger) {\n return pressed || isLoading\n ? 'text-error-default-pressed'\n : 'text-error-default';\n }\n if (isInverse) {\n return 'text-primary-inverse';\n }\n return 'text-default';\n },\n [isDanger, isInverse, isLoading],\n );\n\n return (\n <ButtonBase\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n numberOfLines: 1,\n ellipsizeMode: 'clip',\n ...textProps,\n }}\n spinnerProps={{\n ...spinnerProps,\n }}\n startIconProps={{\n size: IconSize.Sm,\n ...startIconProps,\n }}\n endIconProps={{\n size: IconSize.Sm,\n ...endIconProps,\n }}\n isLoading={isLoading}\n twClassName={getContainerClassName}\n textClassName={getTextClassName}\n iconClassName={getTextClassName}\n style={style}\n {...props}\n >\n {children}\n </ButtonBase>\n );\n};\n"]}
@@ -1,8 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.ButtonSecondary = exports.ButtonSecondarySize = void 0;
4
- var types_1 = require("../../../../types/index.cjs");
5
- Object.defineProperty(exports, "ButtonSecondarySize", { enumerable: true, get: function () { return types_1.ButtonSecondarySize; } });
3
+ exports.ButtonSecondary = void 0;
6
4
  var ButtonSecondary_1 = require("./ButtonSecondary.cjs");
7
5
  Object.defineProperty(exports, "ButtonSecondary", { enumerable: true, get: function () { return ButtonSecondary_1.ButtonSecondary; } });
8
6
  //# sourceMappingURL=index.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/index.ts"],"names":[],"mappings":";;;AAAA,qDAAwD;AAA/C,4GAAA,mBAAmB,OAAA;AAC5B,yDAAoD;AAA3C,kHAAA,eAAe,OAAA","sourcesContent":["export { ButtonSecondarySize } from '../../../../types';\nexport { ButtonSecondary } from './ButtonSecondary';\nexport type { ButtonSecondaryProps } from './ButtonSecondary.types';\n"]}
1
+ {"version":3,"file":"index.cjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/index.ts"],"names":[],"mappings":";;;AAAA,yDAAoD;AAA3C,kHAAA,eAAe,OAAA","sourcesContent":["export { ButtonSecondary } from './ButtonSecondary';\nexport type { ButtonSecondaryProps } from './ButtonSecondary.types';\n"]}
@@ -1,4 +1,3 @@
1
- export { ButtonSecondarySize } from "../../../../types/index.cjs";
2
1
  export { ButtonSecondary } from "./ButtonSecondary.cjs";
3
2
  export type { ButtonSecondaryProps } from "./ButtonSecondary.types.cjs";
4
3
  //# sourceMappingURL=index.d.cts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,oCAA0B;AACxD,OAAO,EAAE,eAAe,EAAE,8BAA0B;AACpD,YAAY,EAAE,oBAAoB,EAAE,oCAAgC"}
1
+ {"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,8BAA0B;AACpD,YAAY,EAAE,oBAAoB,EAAE,oCAAgC"}
@@ -1,4 +1,3 @@
1
- export { ButtonSecondarySize } from "../../../../types/index.mjs";
2
1
  export { ButtonSecondary } from "./ButtonSecondary.mjs";
3
2
  export type { ButtonSecondaryProps } from "./ButtonSecondary.types.mjs";
4
3
  //# sourceMappingURL=index.d.mts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,oCAA0B;AACxD,OAAO,EAAE,eAAe,EAAE,8BAA0B;AACpD,YAAY,EAAE,oBAAoB,EAAE,oCAAgC"}
1
+ {"version":3,"file":"index.d.mts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,8BAA0B;AACpD,YAAY,EAAE,oBAAoB,EAAE,oCAAgC"}
@@ -1,3 +1,2 @@
1
- export { ButtonSecondarySize } from "../../../../types/index.mjs";
2
1
  export { ButtonSecondary } from "./ButtonSecondary.mjs";
3
2
  //# sourceMappingURL=index.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,oCAA0B;AACxD,OAAO,EAAE,eAAe,EAAE,8BAA0B","sourcesContent":["export { ButtonSecondarySize } from '../../../../types';\nexport { ButtonSecondary } from './ButtonSecondary';\nexport type { ButtonSecondaryProps } from './ButtonSecondary.types';\n"]}
1
+ {"version":3,"file":"index.mjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonSecondary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,8BAA0B","sourcesContent":["export { ButtonSecondary } from './ButtonSecondary';\nexport type { ButtonSecondaryProps } from './ButtonSecondary.types';\n"]}
@@ -28,6 +28,8 @@ const react_1 = __importStar(require("react"));
28
28
  const ButtonBase_1 = require("../../../ButtonBase/index.cjs");
29
29
  const Icon_1 = require("../../../Icon/index.cjs");
30
30
  const Text_1 = require("../../../Text/index.cjs");
31
+ // Internal Button variant.
32
+ // Consumers should use `Button` with `variant`.
31
33
  const ButtonTertiary = ({ children, textProps, spinnerProps, startIconProps, endIconProps, isDanger = false, isInverse = false, isLoading = false, twClassName = '', style, ...props }) => {
32
34
  const getContainerClassName = (0, react_1.useCallback)((pressed) => {
33
35
  const classNameStr = typeof twClassName === 'function' ? twClassName(pressed) : twClassName;
@@ -77,9 +79,8 @@ const ButtonTertiary = ({ children, textProps, spinnerProps, startIconProps, end
77
79
  if (isInverse) {
78
80
  return 'text-primary-inverse';
79
81
  }
80
- return pressed || isLoading
81
- ? 'text-primary-default-pressed'
82
- : 'text-primary-default';
82
+ // Use neutral text color for all states (default, pressed, loading)
83
+ return 'text-default';
83
84
  }, [isDanger, isInverse, isLoading]);
84
85
  return (<ButtonBase_1.ButtonBase textProps={{
85
86
  variant: Text_1.TextVariant.BodyMd,
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonTertiary.cjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonTertiary/ButtonTertiary.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ButtonBase } from '../../../ButtonBase';\nimport { IconSize } from '../../../Icon';\nimport { TextVariant, FontWeight } from '../../../Text';\n\nimport type { ButtonTertiaryProps } from './ButtonTertiary.types';\n\nexport const ButtonTertiary = ({\n children,\n textProps,\n spinnerProps,\n startIconProps,\n endIconProps,\n isDanger = false,\n isInverse = false,\n isLoading = false,\n twClassName = '',\n style,\n ...props\n}: ButtonTertiaryProps) => {\n const getContainerClassName = useCallback(\n (pressed: boolean): string => {\n const classNameStr =\n typeof twClassName === 'function' ? twClassName(pressed) : twClassName;\n\n const baseClasses = `\n ${isInverse && !isDanger ? 'border-[1.5px]' : 'border-0'}\n ${classNameStr}\n `;\n\n let backgroundClass = '';\n let borderClass = '';\n\n if (isInverse && isDanger) {\n backgroundClass =\n pressed || isLoading ? 'bg-default-pressed' : 'bg-default';\n borderClass =\n pressed || isLoading\n ? 'border-background-default-pressed'\n : 'border-background-default';\n } else if (isDanger) {\n backgroundClass =\n pressed || isLoading ? 'bg-error-muted-pressed' : 'bg-transparent';\n borderClass =\n pressed || isLoading\n ? 'border-error-muted-pressed'\n : 'border-transparent';\n } else if (isInverse) {\n backgroundClass =\n pressed || isLoading ? 'bg-pressed' : 'bg-transparent';\n borderClass = 'border-primary-inverse';\n } else {\n backgroundClass =\n pressed || isLoading ? 'bg-pressed' : 'bg-transparent';\n borderClass =\n pressed || isLoading\n ? 'border-background-pressed'\n : 'border-transparent';\n }\n\n return `${backgroundClass} ${borderClass} ${baseClasses}`;\n },\n [isInverse, isDanger, isLoading, twClassName],\n );\n\n const getTextClassName = useCallback(\n (pressed: boolean): string => {\n if (isDanger) {\n return pressed || isLoading\n ? 'text-error-default-pressed'\n : 'text-error-default';\n }\n if (isInverse) {\n return 'text-primary-inverse';\n }\n return pressed || isLoading\n ? 'text-primary-default-pressed'\n : 'text-primary-default';\n },\n [isDanger, isInverse, isLoading],\n );\n\n return (\n <ButtonBase\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n numberOfLines: 1,\n ellipsizeMode: 'clip',\n ...textProps,\n }}\n spinnerProps={{\n ...spinnerProps,\n }}\n startIconProps={{\n size: IconSize.Sm,\n ...startIconProps,\n }}\n endIconProps={{\n size: IconSize.Sm,\n ...endIconProps,\n }}\n isLoading={isLoading}\n twClassName={getContainerClassName}\n textClassName={getTextClassName}\n iconClassName={getTextClassName}\n style={style}\n {...props}\n >\n {children}\n </ButtonBase>\n );\n};\n"]}
1
+ {"version":3,"file":"ButtonTertiary.cjs","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonTertiary/ButtonTertiary.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA2C;AAE3C,8DAAiD;AACjD,kDAAyC;AACzC,kDAAwD;AAIxD,2BAA2B;AAC3B,gDAAgD;AACzC,MAAM,cAAc,GAAG,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,GAAG,KAAK,EACY,EAAE,EAAE;IACxB,MAAM,qBAAqB,GAAG,IAAA,mBAAW,EACvC,CAAC,OAAgB,EAAU,EAAE;QAC3B,MAAM,YAAY,GAChB,OAAO,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC;QAEzE,MAAM,WAAW,GAAG;UAChB,SAAS,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU;UACtD,YAAY;OACf,CAAC;QAEF,IAAI,eAAe,GAAG,EAAE,CAAC;QACzB,IAAI,WAAW,GAAG,EAAE,CAAC;QAErB,IAAI,SAAS,IAAI,QAAQ,EAAE;YACzB,eAAe;gBACb,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,YAAY,CAAC;YAC7D,WAAW;gBACT,OAAO,IAAI,SAAS;oBAClB,CAAC,CAAC,mCAAmC;oBACrC,CAAC,CAAC,2BAA2B,CAAC;SACnC;aAAM,IAAI,QAAQ,EAAE;YACnB,eAAe;gBACb,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,gBAAgB,CAAC;YACrE,WAAW;gBACT,OAAO,IAAI,SAAS;oBAClB,CAAC,CAAC,4BAA4B;oBAC9B,CAAC,CAAC,oBAAoB,CAAC;SAC5B;aAAM,IAAI,SAAS,EAAE;YACpB,eAAe;gBACb,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC;YACzD,WAAW,GAAG,wBAAwB,CAAC;SACxC;aAAM;YACL,eAAe;gBACb,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC;YACzD,WAAW;gBACT,OAAO,IAAI,SAAS;oBAClB,CAAC,CAAC,2BAA2B;oBAC7B,CAAC,CAAC,oBAAoB,CAAC;SAC5B;QAED,OAAO,GAAG,eAAe,IAAI,WAAW,IAAI,WAAW,EAAE,CAAC;IAC5D,CAAC,EACD,CAAC,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,CAAC,CAC9C,CAAC;IAEF,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAClC,CAAC,OAAgB,EAAU,EAAE;QAC3B,IAAI,QAAQ,EAAE;YACZ,OAAO,OAAO,IAAI,SAAS;gBACzB,CAAC,CAAC,4BAA4B;gBAC9B,CAAC,CAAC,oBAAoB,CAAC;SAC1B;QACD,IAAI,SAAS,EAAE;YACb,OAAO,sBAAsB,CAAC;SAC/B;QACD,oEAAoE;QACpE,OAAO,cAAc,CAAC;IACxB,CAAC,EACD,CAAC,QAAQ,EAAE,SAAS,EAAE,SAAS,CAAC,CACjC,CAAC;IAEF,OAAO,CACL,CAAC,uBAAU,CACT,SAAS,CAAC,CAAC;YACT,OAAO,EAAE,kBAAW,CAAC,MAAM;YAC3B,UAAU,EAAE,iBAAU,CAAC,MAAM;YAC7B,aAAa,EAAE,CAAC;YAChB,aAAa,EAAE,MAAM;YACrB,GAAG,SAAS;SACb,CAAC,CACF,YAAY,CAAC,CAAC;YACZ,GAAG,YAAY;SAChB,CAAC,CACF,cAAc,CAAC,CAAC;YACd,IAAI,EAAE,eAAQ,CAAC,EAAE;YACjB,GAAG,cAAc;SAClB,CAAC,CACF,YAAY,CAAC,CAAC;YACZ,IAAI,EAAE,eAAQ,CAAC,EAAE;YACjB,GAAG,YAAY;SAChB,CAAC,CACF,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,WAAW,CAAC,CAAC,qBAAqB,CAAC,CACnC,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAChC,aAAa,CAAC,CAAC,gBAAgB,CAAC,CAChC,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,uBAAU,CAAC,CACd,CAAC;AACJ,CAAC,CAAC;AAxGW,QAAA,cAAc,kBAwGzB","sourcesContent":["import React, { useCallback } from 'react';\n\nimport { ButtonBase } from '../../../ButtonBase';\nimport { IconSize } from '../../../Icon';\nimport { TextVariant, FontWeight } from '../../../Text';\n\nimport type { ButtonTertiaryProps } from './ButtonTertiary.types';\n\n// Internal Button variant.\n// Consumers should use `Button` with `variant`.\nexport const ButtonTertiary = ({\n children,\n textProps,\n spinnerProps,\n startIconProps,\n endIconProps,\n isDanger = false,\n isInverse = false,\n isLoading = false,\n twClassName = '',\n style,\n ...props\n}: ButtonTertiaryProps) => {\n const getContainerClassName = useCallback(\n (pressed: boolean): string => {\n const classNameStr =\n typeof twClassName === 'function' ? twClassName(pressed) : twClassName;\n\n const baseClasses = `\n ${isInverse && !isDanger ? 'border-[1.5px]' : 'border-0'}\n ${classNameStr}\n `;\n\n let backgroundClass = '';\n let borderClass = '';\n\n if (isInverse && isDanger) {\n backgroundClass =\n pressed || isLoading ? 'bg-default-pressed' : 'bg-default';\n borderClass =\n pressed || isLoading\n ? 'border-background-default-pressed'\n : 'border-background-default';\n } else if (isDanger) {\n backgroundClass =\n pressed || isLoading ? 'bg-error-muted-pressed' : 'bg-transparent';\n borderClass =\n pressed || isLoading\n ? 'border-error-muted-pressed'\n : 'border-transparent';\n } else if (isInverse) {\n backgroundClass =\n pressed || isLoading ? 'bg-pressed' : 'bg-transparent';\n borderClass = 'border-primary-inverse';\n } else {\n backgroundClass =\n pressed || isLoading ? 'bg-pressed' : 'bg-transparent';\n borderClass =\n pressed || isLoading\n ? 'border-background-pressed'\n : 'border-transparent';\n }\n\n return `${backgroundClass} ${borderClass} ${baseClasses}`;\n },\n [isInverse, isDanger, isLoading, twClassName],\n );\n\n const getTextClassName = useCallback(\n (pressed: boolean): string => {\n if (isDanger) {\n return pressed || isLoading\n ? 'text-error-default-pressed'\n : 'text-error-default';\n }\n if (isInverse) {\n return 'text-primary-inverse';\n }\n // Use neutral text color for all states (default, pressed, loading)\n return 'text-default';\n },\n [isDanger, isInverse, isLoading],\n );\n\n return (\n <ButtonBase\n textProps={{\n variant: TextVariant.BodyMd,\n fontWeight: FontWeight.Medium,\n numberOfLines: 1,\n ellipsizeMode: 'clip',\n ...textProps,\n }}\n spinnerProps={{\n ...spinnerProps,\n }}\n startIconProps={{\n size: IconSize.Sm,\n ...startIconProps,\n }}\n endIconProps={{\n size: IconSize.Sm,\n ...endIconProps,\n }}\n isLoading={isLoading}\n twClassName={getContainerClassName}\n textClassName={getTextClassName}\n iconClassName={getTextClassName}\n style={style}\n {...props}\n >\n {children}\n </ButtonBase>\n );\n};\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonTertiary.d.cts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonTertiary/ButtonTertiary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,cAAc;AAM3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAElE,eAAO,MAAM,cAAc,sIAYxB,mBAAmB,sBA6FrB,CAAC"}
1
+ {"version":3,"file":"ButtonTertiary.d.cts","sourceRoot":"","sources":["../../../../../src/components/Button/variants/ButtonTertiary/ButtonTertiary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,cAAc;AAM3C,OAAO,KAAK,EAAE,mBAAmB,EAAE,mCAA+B;AAIlE,eAAO,MAAM,cAAc,sIAYxB,mBAAmB,sBA4FrB,CAAC"}