@plumile/ui 0.1.53 → 0.1.55

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 (495) hide show
  1. package/lib/esm/atomic/atoms/badge/Badge.js +16 -11
  2. package/lib/esm/atomic/atoms/badge/Badge.js.map +1 -0
  3. package/lib/esm/atomic/atoms/badge/badge.css.js +8 -85
  4. package/lib/esm/atomic/atoms/badge/badge.css.js.map +1 -0
  5. package/lib/esm/atomic/atoms/badge/badge.css.ts.vanilla-BxMgYgcH.css +1 -0
  6. package/lib/esm/atomic/atoms/button/Button.js +55 -23
  7. package/lib/esm/atomic/atoms/button/Button.js.map +1 -0
  8. package/lib/esm/atomic/atoms/button/LinkButton.js +60 -33
  9. package/lib/esm/atomic/atoms/button/LinkButton.js.map +1 -0
  10. package/lib/esm/atomic/atoms/button/button.css.js +16 -350
  11. package/lib/esm/atomic/atoms/button/button.css.js.map +1 -0
  12. package/lib/esm/atomic/atoms/button/button.css.ts.vanilla-BYFxDZro.css +1 -0
  13. package/lib/esm/atomic/atoms/checkbox/Checkbox.js +40 -12
  14. package/lib/esm/atomic/atoms/checkbox/Checkbox.js.map +1 -0
  15. package/lib/esm/atomic/atoms/checkbox/checkbox.css.js +11 -98
  16. package/lib/esm/atomic/atoms/checkbox/checkbox.css.js.map +1 -0
  17. package/lib/esm/atomic/atoms/checkbox/checkbox.css.ts.vanilla-D6TvWxlo.css +1 -0
  18. package/lib/esm/atomic/atoms/input/Input.js +40 -44
  19. package/lib/esm/atomic/atoms/input/Input.js.map +1 -0
  20. package/lib/esm/atomic/atoms/input/input.css.js +14 -114
  21. package/lib/esm/atomic/atoms/input/input.css.js.map +1 -0
  22. package/lib/esm/atomic/atoms/input/input.css.ts.vanilla-D_X5_tcn.css +1 -0
  23. package/lib/esm/atomic/atoms/label/Label.js +16 -21
  24. package/lib/esm/atomic/atoms/label/Label.js.map +1 -0
  25. package/lib/esm/atomic/atoms/label/label.css.js +9 -29
  26. package/lib/esm/atomic/atoms/label/label.css.js.map +1 -0
  27. package/lib/esm/atomic/atoms/textarea/Textarea.js +17 -17
  28. package/lib/esm/atomic/atoms/textarea/Textarea.js.map +1 -0
  29. package/lib/esm/atomic/atoms/textarea/textarea.css.js +8 -101
  30. package/lib/esm/atomic/atoms/textarea/textarea.css.js.map +1 -0
  31. package/lib/esm/atomic/atoms/textarea/textarea.css.ts.vanilla-IrvNTQEt.css +1 -0
  32. package/lib/esm/atomic/molecules/card/Card.css.js +10 -21
  33. package/lib/esm/atomic/molecules/card/Card.css.js.map +1 -0
  34. package/lib/esm/atomic/molecules/card/Card.js +17 -16
  35. package/lib/esm/atomic/molecules/card/Card.js.map +1 -0
  36. package/lib/esm/atomic/molecules/tabs/Tabs.js +33 -31
  37. package/lib/esm/atomic/molecules/tabs/Tabs.js.map +1 -0
  38. package/lib/esm/atomic/molecules/tabs/tabs.css.js +9 -73
  39. package/lib/esm/atomic/molecules/tabs/tabs.css.js.map +1 -0
  40. package/lib/esm/atomic/molecules/tabs/tabs.css.ts.vanilla-DQm5wO0K.css +1 -0
  41. package/lib/esm/components/charts/BillingUsageLineChart.js +169 -162
  42. package/lib/esm/components/charts/BillingUsageLineChart.js.map +1 -0
  43. package/lib/esm/components/charts/billingUsageLineChart.css.js +12 -62
  44. package/lib/esm/components/charts/billingUsageLineChart.css.js.map +1 -0
  45. package/lib/esm/components/charts/billingUsageLineChart.css.ts.vanilla-7e3dy1Dj.css +1 -0
  46. package/lib/esm/components/layout/ContentLayout.css.js +18 -71
  47. package/lib/esm/components/layout/ContentLayout.css.js.map +1 -0
  48. package/lib/esm/components/layout/ContentLayout.js +75 -60
  49. package/lib/esm/components/layout/ContentLayout.js.map +1 -0
  50. package/lib/esm/components/layout/TabsContentLayout.css.js +11 -24
  51. package/lib/esm/components/layout/TabsContentLayout.css.js.map +1 -0
  52. package/lib/esm/components/layout/TabsContentLayout.css.ts.vanilla-tn0RQdqM.css +0 -0
  53. package/lib/esm/components/layout/TabsContentLayout.js +13 -7
  54. package/lib/esm/components/layout/TabsContentLayout.js.map +1 -0
  55. package/lib/esm/components/tile/InfoTile.css.js +18 -103
  56. package/lib/esm/components/tile/InfoTile.css.js.map +1 -0
  57. package/lib/esm/components/tile/InfoTile.css.ts.vanilla-ByCg4UKz.css +1 -0
  58. package/lib/esm/components/tile/InfoTile.js +63 -43
  59. package/lib/esm/components/tile/InfoTile.js.map +1 -0
  60. package/lib/esm/icons/BanSvg.js +43 -4
  61. package/lib/esm/icons/BanSvg.js.map +1 -0
  62. package/lib/esm/icons/ButtonLoadingSpinnerSvg.js +40 -4
  63. package/lib/esm/icons/ButtonLoadingSpinnerSvg.js.map +1 -0
  64. package/lib/esm/icons/ChatCheckSvg.js +41 -4
  65. package/lib/esm/icons/ChatCheckSvg.js.map +1 -0
  66. package/lib/esm/icons/ChatSizeLargeSvg.js +69 -4
  67. package/lib/esm/icons/ChatSizeLargeSvg.js.map +1 -0
  68. package/lib/esm/icons/ChatSizeMediumSvg.js +60 -4
  69. package/lib/esm/icons/ChatSizeMediumSvg.js.map +1 -0
  70. package/lib/esm/icons/ChatSizeSmallSvg.js +51 -4
  71. package/lib/esm/icons/ChatSizeSmallSvg.js.map +1 -0
  72. package/lib/esm/icons/ChatXSvg.js +41 -4
  73. package/lib/esm/icons/ChatXSvg.js.map +1 -0
  74. package/lib/esm/icons/CheckSvg.js +29 -4
  75. package/lib/esm/icons/CheckSvg.js.map +1 -0
  76. package/lib/esm/icons/ChevronDownSvg.js +29 -4
  77. package/lib/esm/icons/ChevronDownSvg.js.map +1 -0
  78. package/lib/esm/icons/ChevronLeftSvg.js +29 -4
  79. package/lib/esm/icons/ChevronLeftSvg.js.map +1 -0
  80. package/lib/esm/icons/ChevronRightSvg.js +29 -4
  81. package/lib/esm/icons/ChevronRightSvg.js.map +1 -0
  82. package/lib/esm/icons/ClockSvg.js +43 -4
  83. package/lib/esm/icons/ClockSvg.js.map +1 -0
  84. package/lib/esm/icons/CoinOffSvg.js +64 -4
  85. package/lib/esm/icons/CoinOffSvg.js.map +1 -0
  86. package/lib/esm/icons/CoinSvg.js +54 -4
  87. package/lib/esm/icons/CoinSvg.js.map +1 -0
  88. package/lib/esm/icons/DatabaseCheckSvg.js +64 -4
  89. package/lib/esm/icons/DatabaseCheckSvg.js.map +1 -0
  90. package/lib/esm/icons/DatabaseXSvg.js +64 -4
  91. package/lib/esm/icons/DatabaseXSvg.js.map +1 -0
  92. package/lib/esm/icons/DevModeSvg.js +29 -4
  93. package/lib/esm/icons/DevModeSvg.js.map +1 -0
  94. package/lib/esm/icons/EyeSvg.js +32 -4
  95. package/lib/esm/icons/EyeSvg.js.map +1 -0
  96. package/lib/esm/icons/FormErrorAlertSvg.js +28 -4
  97. package/lib/esm/icons/FormErrorAlertSvg.js.map +1 -0
  98. package/lib/esm/icons/GlobeSvg.js +26 -4
  99. package/lib/esm/icons/GlobeSvg.js.map +1 -0
  100. package/lib/esm/icons/GripDotsSvg.js +28 -5
  101. package/lib/esm/icons/GripDotsSvg.js.map +1 -0
  102. package/lib/esm/icons/HomeActivityAssignUserSvg.js +61 -4
  103. package/lib/esm/icons/HomeActivityAssignUserSvg.js.map +1 -0
  104. package/lib/esm/icons/HomeStatsCheckBadgeSvg.js +41 -4
  105. package/lib/esm/icons/HomeStatsCheckBadgeSvg.js.map +1 -0
  106. package/lib/esm/icons/HomeStatsClipboardSvg.js +41 -4
  107. package/lib/esm/icons/HomeStatsClipboardSvg.js.map +1 -0
  108. package/lib/esm/icons/HomeStatsClockSvg.js +41 -4
  109. package/lib/esm/icons/HomeStatsClockSvg.js.map +1 -0
  110. package/lib/esm/icons/KeyOffSvg.js +53 -4
  111. package/lib/esm/icons/KeyOffSvg.js.map +1 -0
  112. package/lib/esm/icons/KeySvg.js +53 -4
  113. package/lib/esm/icons/KeySvg.js.map +1 -0
  114. package/lib/esm/icons/KronexSvg.js +42 -4
  115. package/lib/esm/icons/KronexSvg.js.map +1 -0
  116. package/lib/esm/icons/LinkCheckSvg.js +51 -4
  117. package/lib/esm/icons/LinkCheckSvg.js.map +1 -0
  118. package/lib/esm/icons/LinkSvg.js +41 -4
  119. package/lib/esm/icons/LinkSvg.js.map +1 -0
  120. package/lib/esm/icons/LinkXSvg.js +51 -4
  121. package/lib/esm/icons/LinkXSvg.js.map +1 -0
  122. package/lib/esm/icons/LockOpenSvg.js +45 -4
  123. package/lib/esm/icons/LockOpenSvg.js.map +1 -0
  124. package/lib/esm/icons/LockSvg.js +45 -4
  125. package/lib/esm/icons/LockSvg.js.map +1 -0
  126. package/lib/esm/icons/MailCheckSvg.js +55 -4
  127. package/lib/esm/icons/MailCheckSvg.js.map +1 -0
  128. package/lib/esm/icons/MailSvg.js +45 -4
  129. package/lib/esm/icons/MailSvg.js.map +1 -0
  130. package/lib/esm/icons/MailXSvg.js +55 -4
  131. package/lib/esm/icons/MailXSvg.js.map +1 -0
  132. package/lib/esm/icons/ModalCloseSvg.js +41 -4
  133. package/lib/esm/icons/ModalCloseSvg.js.map +1 -0
  134. package/lib/esm/icons/PencilSvg.js +19 -4
  135. package/lib/esm/icons/PencilSvg.js.map +1 -0
  136. package/lib/esm/icons/PinFilledSvg.js +39 -5
  137. package/lib/esm/icons/PinFilledSvg.js.map +1 -0
  138. package/lib/esm/icons/PinSvg.js +42 -5
  139. package/lib/esm/icons/PinSvg.js.map +1 -0
  140. package/lib/esm/icons/ProfileDropdownLogoutSvg.js +51 -4
  141. package/lib/esm/icons/ProfileDropdownLogoutSvg.js.map +1 -0
  142. package/lib/esm/icons/ProfileDropdownOrganizationSvg.js +41 -4
  143. package/lib/esm/icons/ProfileDropdownOrganizationSvg.js.map +1 -0
  144. package/lib/esm/icons/ProjectsFolderSvg.js +29 -4
  145. package/lib/esm/icons/ProjectsFolderSvg.js.map +1 -0
  146. package/lib/esm/icons/RobotCheckSvg.js +67 -4
  147. package/lib/esm/icons/RobotCheckSvg.js.map +1 -0
  148. package/lib/esm/icons/RobotSvg.js +57 -4
  149. package/lib/esm/icons/RobotSvg.js.map +1 -0
  150. package/lib/esm/icons/RobotXSvg.js +67 -4
  151. package/lib/esm/icons/RobotXSvg.js.map +1 -0
  152. package/lib/esm/icons/RocketOffSvg.js +82 -5
  153. package/lib/esm/icons/RocketOffSvg.js.map +1 -0
  154. package/lib/esm/icons/RocketSvg.js +72 -5
  155. package/lib/esm/icons/RocketSvg.js.map +1 -0
  156. package/lib/esm/icons/SendCheckSvg.js +54 -4
  157. package/lib/esm/icons/SendCheckSvg.js.map +1 -0
  158. package/lib/esm/icons/SendMessageSvg.js +44 -4
  159. package/lib/esm/icons/SendMessageSvg.js.map +1 -0
  160. package/lib/esm/icons/SendXSvg.js +54 -4
  161. package/lib/esm/icons/SendXSvg.js.map +1 -0
  162. package/lib/esm/icons/SettingsCheckSvg.js +51 -4
  163. package/lib/esm/icons/SettingsCheckSvg.js.map +1 -0
  164. package/lib/esm/icons/SettingsXSvg.js +51 -4
  165. package/lib/esm/icons/SettingsXSvg.js.map +1 -0
  166. package/lib/esm/icons/ShieldLockSvg.js +55 -4
  167. package/lib/esm/icons/ShieldLockSvg.js.map +1 -0
  168. package/lib/esm/icons/ShieldOffSvg.js +41 -4
  169. package/lib/esm/icons/ShieldOffSvg.js.map +1 -0
  170. package/lib/esm/icons/SidebarHomeSvg.js +41 -4
  171. package/lib/esm/icons/SidebarHomeSvg.js.map +1 -0
  172. package/lib/esm/icons/SidebarInitiativesSvg.js +51 -4
  173. package/lib/esm/icons/SidebarInitiativesSvg.js.map +1 -0
  174. package/lib/esm/icons/SidebarPlusSvg.js +41 -4
  175. package/lib/esm/icons/SidebarPlusSvg.js.map +1 -0
  176. package/lib/esm/icons/SidebarSearchSvg.js +41 -4
  177. package/lib/esm/icons/SidebarSearchSvg.js.map +1 -0
  178. package/lib/esm/icons/SidebarSettingsSvg.js +41 -4
  179. package/lib/esm/icons/SidebarSettingsSvg.js.map +1 -0
  180. package/lib/esm/icons/SidebarTasksSvg.js +41 -4
  181. package/lib/esm/icons/SidebarTasksSvg.js.map +1 -0
  182. package/lib/esm/icons/SidebarTeamSvg.js +61 -4
  183. package/lib/esm/icons/SidebarTeamSvg.js.map +1 -0
  184. package/lib/esm/icons/TaskAttachmentSvg.js +29 -4
  185. package/lib/esm/icons/TaskAttachmentSvg.js.map +1 -0
  186. package/lib/esm/icons/TaskCalendarSvg.js +61 -4
  187. package/lib/esm/icons/TaskCalendarSvg.js.map +1 -0
  188. package/lib/esm/icons/TaskCommentBubbleSvg.js +29 -4
  189. package/lib/esm/icons/TaskCommentBubbleSvg.js.map +1 -0
  190. package/lib/esm/icons/TaskDeleteSvg.js +41 -4
  191. package/lib/esm/icons/TaskDeleteSvg.js.map +1 -0
  192. package/lib/esm/icons/TaskDependencyBlockedSvg.js +42 -5
  193. package/lib/esm/icons/TaskDependencyBlockedSvg.js.map +1 -0
  194. package/lib/esm/icons/TaskDependencyReadySvg.js +42 -5
  195. package/lib/esm/icons/TaskDependencyReadySvg.js.map +1 -0
  196. package/lib/esm/icons/TaskMenuDotsSvg.js +51 -4
  197. package/lib/esm/icons/TaskMenuDotsSvg.js.map +1 -0
  198. package/lib/esm/icons/TaskTagSvg.js +41 -4
  199. package/lib/esm/icons/TaskTagSvg.js.map +1 -0
  200. package/lib/esm/icons/TeamMemberEmailSvg.js +41 -4
  201. package/lib/esm/icons/TeamMemberEmailSvg.js.map +1 -0
  202. package/lib/esm/icons/TeamMemberLocationSvg.js +41 -4
  203. package/lib/esm/icons/TeamMemberLocationSvg.js.map +1 -0
  204. package/lib/esm/icons/WrenchSvg.js +29 -4
  205. package/lib/esm/icons/WrenchSvg.js.map +1 -0
  206. package/lib/esm/icons/XBadgeSvg.js +41 -4
  207. package/lib/esm/icons/XBadgeSvg.js.map +1 -0
  208. package/lib/esm/icons/markdown/MarkdownCheckboxCheckedSvg.js +41 -5
  209. package/lib/esm/icons/markdown/MarkdownCheckboxCheckedSvg.js.map +1 -0
  210. package/lib/esm/icons/markdown/MarkdownCheckboxUncheckedSvg.js +28 -5
  211. package/lib/esm/icons/markdown/MarkdownCheckboxUncheckedSvg.js.map +1 -0
  212. package/lib/esm/icons/markdown/MarkdownCopySuccessSvg.js +52 -5
  213. package/lib/esm/icons/markdown/MarkdownCopySuccessSvg.js.map +1 -0
  214. package/lib/esm/icons/markdown/MarkdownCopySvg.js +41 -5
  215. package/lib/esm/icons/markdown/MarkdownCopySvg.js.map +1 -0
  216. package/lib/esm/icons/markdown/MarkdownExternalLinkSvg.js +50 -5
  217. package/lib/esm/icons/markdown/MarkdownExternalLinkSvg.js.map +1 -0
  218. package/lib/esm/index.js +56 -16
  219. package/lib/esm/index.js.map +1 -0
  220. package/lib/esm/svg/ChevronDownIcon.js +10 -6
  221. package/lib/esm/svg/ChevronDownIcon.js.map +1 -0
  222. package/lib/esm/svg/ChevronRightIcon.js +9 -5
  223. package/lib/esm/svg/ChevronRightIcon.js.map +1 -0
  224. package/lib/esm/svg/GlobeIcon.js +6 -5
  225. package/lib/esm/svg/GlobeIcon.js.map +1 -0
  226. package/lib/esm/theme/ThemeProvider.js +36 -45
  227. package/lib/esm/theme/ThemeProvider.js.map +1 -0
  228. package/lib/esm/theme/VisuallyHidden.js +7 -6
  229. package/lib/esm/theme/VisuallyHidden.js.map +1 -0
  230. package/lib/esm/theme/accessibility.css.js +9 -21
  231. package/lib/esm/theme/accessibility.css.js.map +1 -0
  232. package/lib/esm/theme/accessibility.css.ts.vanilla-D6gfeWvf.css +1 -0
  233. package/lib/esm/theme/colors.js +100 -97
  234. package/lib/esm/theme/colors.js.map +1 -0
  235. package/lib/esm/theme/common.js +122 -119
  236. package/lib/esm/theme/common.js.map +1 -0
  237. package/lib/esm/theme/containerQueries.js +13 -10
  238. package/lib/esm/theme/containerQueries.js.map +1 -0
  239. package/lib/esm/theme/global.css.js +2 -112
  240. package/lib/esm/theme/global.css.js.map +1 -0
  241. package/lib/esm/theme/global.css.ts.vanilla-ClXnHnoy.css +1 -0
  242. package/lib/esm/theme/index.js +28 -9
  243. package/lib/esm/theme/index.js.map +1 -0
  244. package/lib/esm/theme/sprinkles.css.js +9 -413
  245. package/lib/esm/theme/sprinkles.css.js.map +1 -0
  246. package/lib/esm/theme/sprinkles.css.ts.vanilla-DOI5FNoi.css +1 -0
  247. package/lib/esm/theme/theme.css.js +2 -757
  248. package/lib/esm/theme/theme.css.js.map +1 -0
  249. package/lib/esm/theme/theme.css.ts.vanilla-a3SsXff5.css +1 -0
  250. package/lib/esm/theme/themeContract.js +914 -914
  251. package/lib/esm/theme/themeContract.js.map +1 -0
  252. package/lib/esm/theme/tools.js +19 -29
  253. package/lib/esm/theme/tools.js.map +1 -0
  254. package/package.json +3 -3
  255. package/lib/esm/atomic/atoms/badge/Badge.d.ts +0 -11
  256. package/lib/esm/atomic/atoms/badge/Badge.d.ts.map +0 -1
  257. package/lib/esm/atomic/atoms/badge/badge.css.d.ts +0 -17
  258. package/lib/esm/atomic/atoms/badge/badge.css.d.ts.map +0 -1
  259. package/lib/esm/atomic/atoms/button/Button.d.ts +0 -18
  260. package/lib/esm/atomic/atoms/button/Button.d.ts.map +0 -1
  261. package/lib/esm/atomic/atoms/button/LinkButton.d.ts +0 -19
  262. package/lib/esm/atomic/atoms/button/LinkButton.d.ts.map +0 -1
  263. package/lib/esm/atomic/atoms/button/button.css.d.ts +0 -54
  264. package/lib/esm/atomic/atoms/button/button.css.d.ts.map +0 -1
  265. package/lib/esm/atomic/atoms/checkbox/Checkbox.d.ts +0 -9
  266. package/lib/esm/atomic/atoms/checkbox/Checkbox.d.ts.map +0 -1
  267. package/lib/esm/atomic/atoms/checkbox/checkbox.css.d.ts +0 -16
  268. package/lib/esm/atomic/atoms/checkbox/checkbox.css.d.ts.map +0 -1
  269. package/lib/esm/atomic/atoms/input/Input.d.ts +0 -14
  270. package/lib/esm/atomic/atoms/input/Input.d.ts.map +0 -1
  271. package/lib/esm/atomic/atoms/input/input.css.d.ts +0 -24
  272. package/lib/esm/atomic/atoms/input/input.css.d.ts.map +0 -1
  273. package/lib/esm/atomic/atoms/label/Label.d.ts +0 -10
  274. package/lib/esm/atomic/atoms/label/Label.d.ts.map +0 -1
  275. package/lib/esm/atomic/atoms/label/label.css.d.ts +0 -15
  276. package/lib/esm/atomic/atoms/label/label.css.d.ts.map +0 -1
  277. package/lib/esm/atomic/atoms/textarea/Textarea.d.ts +0 -14
  278. package/lib/esm/atomic/atoms/textarea/Textarea.d.ts.map +0 -1
  279. package/lib/esm/atomic/atoms/textarea/textarea.css.d.ts +0 -18
  280. package/lib/esm/atomic/atoms/textarea/textarea.css.d.ts.map +0 -1
  281. package/lib/esm/atomic/molecules/card/Card.css.d.ts +0 -5
  282. package/lib/esm/atomic/molecules/card/Card.css.d.ts.map +0 -1
  283. package/lib/esm/atomic/molecules/card/Card.d.ts +0 -11
  284. package/lib/esm/atomic/molecules/card/Card.d.ts.map +0 -1
  285. package/lib/esm/atomic/molecules/tabs/Tabs.d.ts +0 -20
  286. package/lib/esm/atomic/molecules/tabs/Tabs.d.ts.map +0 -1
  287. package/lib/esm/atomic/molecules/tabs/tabs.css.d.ts +0 -11
  288. package/lib/esm/atomic/molecules/tabs/tabs.css.d.ts.map +0 -1
  289. package/lib/esm/components/charts/BillingUsageLineChart.d.ts +0 -19
  290. package/lib/esm/components/charts/BillingUsageLineChart.d.ts.map +0 -1
  291. package/lib/esm/components/charts/billingUsageLineChart.css.d.ts +0 -7
  292. package/lib/esm/components/charts/billingUsageLineChart.css.d.ts.map +0 -1
  293. package/lib/esm/components/layout/ContentLayout.css.d.ts +0 -13
  294. package/lib/esm/components/layout/ContentLayout.css.d.ts.map +0 -1
  295. package/lib/esm/components/layout/ContentLayout.d.ts +0 -22
  296. package/lib/esm/components/layout/ContentLayout.d.ts.map +0 -1
  297. package/lib/esm/components/layout/TabsContentLayout.css.d.ts +0 -6
  298. package/lib/esm/components/layout/TabsContentLayout.css.d.ts.map +0 -1
  299. package/lib/esm/components/layout/TabsContentLayout.d.ts +0 -9
  300. package/lib/esm/components/layout/TabsContentLayout.d.ts.map +0 -1
  301. package/lib/esm/components/tile/InfoTile.css.d.ts +0 -13
  302. package/lib/esm/components/tile/InfoTile.css.d.ts.map +0 -1
  303. package/lib/esm/components/tile/InfoTile.d.ts +0 -23
  304. package/lib/esm/components/tile/InfoTile.d.ts.map +0 -1
  305. package/lib/esm/icons/BanSvg.d.ts +0 -5
  306. package/lib/esm/icons/BanSvg.d.ts.map +0 -1
  307. package/lib/esm/icons/ButtonLoadingSpinnerSvg.d.ts +0 -5
  308. package/lib/esm/icons/ButtonLoadingSpinnerSvg.d.ts.map +0 -1
  309. package/lib/esm/icons/ChatCheckSvg.d.ts +0 -5
  310. package/lib/esm/icons/ChatCheckSvg.d.ts.map +0 -1
  311. package/lib/esm/icons/ChatSizeLargeSvg.d.ts +0 -5
  312. package/lib/esm/icons/ChatSizeLargeSvg.d.ts.map +0 -1
  313. package/lib/esm/icons/ChatSizeMediumSvg.d.ts +0 -5
  314. package/lib/esm/icons/ChatSizeMediumSvg.d.ts.map +0 -1
  315. package/lib/esm/icons/ChatSizeSmallSvg.d.ts +0 -5
  316. package/lib/esm/icons/ChatSizeSmallSvg.d.ts.map +0 -1
  317. package/lib/esm/icons/ChatXSvg.d.ts +0 -5
  318. package/lib/esm/icons/ChatXSvg.d.ts.map +0 -1
  319. package/lib/esm/icons/CheckSvg.d.ts +0 -5
  320. package/lib/esm/icons/CheckSvg.d.ts.map +0 -1
  321. package/lib/esm/icons/ChevronDownSvg.d.ts +0 -5
  322. package/lib/esm/icons/ChevronDownSvg.d.ts.map +0 -1
  323. package/lib/esm/icons/ChevronLeftSvg.d.ts +0 -5
  324. package/lib/esm/icons/ChevronLeftSvg.d.ts.map +0 -1
  325. package/lib/esm/icons/ChevronRightSvg.d.ts +0 -5
  326. package/lib/esm/icons/ChevronRightSvg.d.ts.map +0 -1
  327. package/lib/esm/icons/ClockSvg.d.ts +0 -5
  328. package/lib/esm/icons/ClockSvg.d.ts.map +0 -1
  329. package/lib/esm/icons/CoinOffSvg.d.ts +0 -5
  330. package/lib/esm/icons/CoinOffSvg.d.ts.map +0 -1
  331. package/lib/esm/icons/CoinSvg.d.ts +0 -5
  332. package/lib/esm/icons/CoinSvg.d.ts.map +0 -1
  333. package/lib/esm/icons/DatabaseCheckSvg.d.ts +0 -5
  334. package/lib/esm/icons/DatabaseCheckSvg.d.ts.map +0 -1
  335. package/lib/esm/icons/DatabaseXSvg.d.ts +0 -5
  336. package/lib/esm/icons/DatabaseXSvg.d.ts.map +0 -1
  337. package/lib/esm/icons/DevModeSvg.d.ts +0 -5
  338. package/lib/esm/icons/DevModeSvg.d.ts.map +0 -1
  339. package/lib/esm/icons/EyeSvg.d.ts +0 -5
  340. package/lib/esm/icons/EyeSvg.d.ts.map +0 -1
  341. package/lib/esm/icons/FormErrorAlertSvg.d.ts +0 -5
  342. package/lib/esm/icons/FormErrorAlertSvg.d.ts.map +0 -1
  343. package/lib/esm/icons/GlobeSvg.d.ts +0 -5
  344. package/lib/esm/icons/GlobeSvg.d.ts.map +0 -1
  345. package/lib/esm/icons/GripDotsSvg.d.ts +0 -5
  346. package/lib/esm/icons/GripDotsSvg.d.ts.map +0 -1
  347. package/lib/esm/icons/HomeActivityAssignUserSvg.d.ts +0 -5
  348. package/lib/esm/icons/HomeActivityAssignUserSvg.d.ts.map +0 -1
  349. package/lib/esm/icons/HomeStatsCheckBadgeSvg.d.ts +0 -5
  350. package/lib/esm/icons/HomeStatsCheckBadgeSvg.d.ts.map +0 -1
  351. package/lib/esm/icons/HomeStatsClipboardSvg.d.ts +0 -5
  352. package/lib/esm/icons/HomeStatsClipboardSvg.d.ts.map +0 -1
  353. package/lib/esm/icons/HomeStatsClockSvg.d.ts +0 -5
  354. package/lib/esm/icons/HomeStatsClockSvg.d.ts.map +0 -1
  355. package/lib/esm/icons/KeyOffSvg.d.ts +0 -5
  356. package/lib/esm/icons/KeyOffSvg.d.ts.map +0 -1
  357. package/lib/esm/icons/KeySvg.d.ts +0 -5
  358. package/lib/esm/icons/KeySvg.d.ts.map +0 -1
  359. package/lib/esm/icons/KronexSvg.d.ts +0 -5
  360. package/lib/esm/icons/KronexSvg.d.ts.map +0 -1
  361. package/lib/esm/icons/LinkCheckSvg.d.ts +0 -5
  362. package/lib/esm/icons/LinkCheckSvg.d.ts.map +0 -1
  363. package/lib/esm/icons/LinkSvg.d.ts +0 -5
  364. package/lib/esm/icons/LinkSvg.d.ts.map +0 -1
  365. package/lib/esm/icons/LinkXSvg.d.ts +0 -5
  366. package/lib/esm/icons/LinkXSvg.d.ts.map +0 -1
  367. package/lib/esm/icons/LockOpenSvg.d.ts +0 -5
  368. package/lib/esm/icons/LockOpenSvg.d.ts.map +0 -1
  369. package/lib/esm/icons/LockSvg.d.ts +0 -5
  370. package/lib/esm/icons/LockSvg.d.ts.map +0 -1
  371. package/lib/esm/icons/MailCheckSvg.d.ts +0 -5
  372. package/lib/esm/icons/MailCheckSvg.d.ts.map +0 -1
  373. package/lib/esm/icons/MailSvg.d.ts +0 -5
  374. package/lib/esm/icons/MailSvg.d.ts.map +0 -1
  375. package/lib/esm/icons/MailXSvg.d.ts +0 -5
  376. package/lib/esm/icons/MailXSvg.d.ts.map +0 -1
  377. package/lib/esm/icons/ModalCloseSvg.d.ts +0 -5
  378. package/lib/esm/icons/ModalCloseSvg.d.ts.map +0 -1
  379. package/lib/esm/icons/PencilSvg.d.ts +0 -5
  380. package/lib/esm/icons/PencilSvg.d.ts.map +0 -1
  381. package/lib/esm/icons/PinFilledSvg.d.ts +0 -5
  382. package/lib/esm/icons/PinFilledSvg.d.ts.map +0 -1
  383. package/lib/esm/icons/PinSvg.d.ts +0 -5
  384. package/lib/esm/icons/PinSvg.d.ts.map +0 -1
  385. package/lib/esm/icons/ProfileDropdownLogoutSvg.d.ts +0 -5
  386. package/lib/esm/icons/ProfileDropdownLogoutSvg.d.ts.map +0 -1
  387. package/lib/esm/icons/ProfileDropdownOrganizationSvg.d.ts +0 -5
  388. package/lib/esm/icons/ProfileDropdownOrganizationSvg.d.ts.map +0 -1
  389. package/lib/esm/icons/ProjectsFolderSvg.d.ts +0 -5
  390. package/lib/esm/icons/ProjectsFolderSvg.d.ts.map +0 -1
  391. package/lib/esm/icons/RobotCheckSvg.d.ts +0 -5
  392. package/lib/esm/icons/RobotCheckSvg.d.ts.map +0 -1
  393. package/lib/esm/icons/RobotSvg.d.ts +0 -5
  394. package/lib/esm/icons/RobotSvg.d.ts.map +0 -1
  395. package/lib/esm/icons/RobotXSvg.d.ts +0 -5
  396. package/lib/esm/icons/RobotXSvg.d.ts.map +0 -1
  397. package/lib/esm/icons/RocketOffSvg.d.ts +0 -5
  398. package/lib/esm/icons/RocketOffSvg.d.ts.map +0 -1
  399. package/lib/esm/icons/RocketSvg.d.ts +0 -5
  400. package/lib/esm/icons/RocketSvg.d.ts.map +0 -1
  401. package/lib/esm/icons/SendCheckSvg.d.ts +0 -5
  402. package/lib/esm/icons/SendCheckSvg.d.ts.map +0 -1
  403. package/lib/esm/icons/SendMessageSvg.d.ts +0 -5
  404. package/lib/esm/icons/SendMessageSvg.d.ts.map +0 -1
  405. package/lib/esm/icons/SendXSvg.d.ts +0 -5
  406. package/lib/esm/icons/SendXSvg.d.ts.map +0 -1
  407. package/lib/esm/icons/SettingsCheckSvg.d.ts +0 -5
  408. package/lib/esm/icons/SettingsCheckSvg.d.ts.map +0 -1
  409. package/lib/esm/icons/SettingsXSvg.d.ts +0 -5
  410. package/lib/esm/icons/SettingsXSvg.d.ts.map +0 -1
  411. package/lib/esm/icons/ShieldLockSvg.d.ts +0 -5
  412. package/lib/esm/icons/ShieldLockSvg.d.ts.map +0 -1
  413. package/lib/esm/icons/ShieldOffSvg.d.ts +0 -5
  414. package/lib/esm/icons/ShieldOffSvg.d.ts.map +0 -1
  415. package/lib/esm/icons/SidebarHomeSvg.d.ts +0 -5
  416. package/lib/esm/icons/SidebarHomeSvg.d.ts.map +0 -1
  417. package/lib/esm/icons/SidebarInitiativesSvg.d.ts +0 -5
  418. package/lib/esm/icons/SidebarInitiativesSvg.d.ts.map +0 -1
  419. package/lib/esm/icons/SidebarPlusSvg.d.ts +0 -5
  420. package/lib/esm/icons/SidebarPlusSvg.d.ts.map +0 -1
  421. package/lib/esm/icons/SidebarSearchSvg.d.ts +0 -5
  422. package/lib/esm/icons/SidebarSearchSvg.d.ts.map +0 -1
  423. package/lib/esm/icons/SidebarSettingsSvg.d.ts +0 -5
  424. package/lib/esm/icons/SidebarSettingsSvg.d.ts.map +0 -1
  425. package/lib/esm/icons/SidebarTasksSvg.d.ts +0 -5
  426. package/lib/esm/icons/SidebarTasksSvg.d.ts.map +0 -1
  427. package/lib/esm/icons/SidebarTeamSvg.d.ts +0 -5
  428. package/lib/esm/icons/SidebarTeamSvg.d.ts.map +0 -1
  429. package/lib/esm/icons/TaskAttachmentSvg.d.ts +0 -5
  430. package/lib/esm/icons/TaskAttachmentSvg.d.ts.map +0 -1
  431. package/lib/esm/icons/TaskCalendarSvg.d.ts +0 -5
  432. package/lib/esm/icons/TaskCalendarSvg.d.ts.map +0 -1
  433. package/lib/esm/icons/TaskCommentBubbleSvg.d.ts +0 -5
  434. package/lib/esm/icons/TaskCommentBubbleSvg.d.ts.map +0 -1
  435. package/lib/esm/icons/TaskDeleteSvg.d.ts +0 -5
  436. package/lib/esm/icons/TaskDeleteSvg.d.ts.map +0 -1
  437. package/lib/esm/icons/TaskDependencyBlockedSvg.d.ts +0 -5
  438. package/lib/esm/icons/TaskDependencyBlockedSvg.d.ts.map +0 -1
  439. package/lib/esm/icons/TaskDependencyReadySvg.d.ts +0 -5
  440. package/lib/esm/icons/TaskDependencyReadySvg.d.ts.map +0 -1
  441. package/lib/esm/icons/TaskMenuDotsSvg.d.ts +0 -5
  442. package/lib/esm/icons/TaskMenuDotsSvg.d.ts.map +0 -1
  443. package/lib/esm/icons/TaskTagSvg.d.ts +0 -5
  444. package/lib/esm/icons/TaskTagSvg.d.ts.map +0 -1
  445. package/lib/esm/icons/TeamMemberEmailSvg.d.ts +0 -5
  446. package/lib/esm/icons/TeamMemberEmailSvg.d.ts.map +0 -1
  447. package/lib/esm/icons/TeamMemberLocationSvg.d.ts +0 -5
  448. package/lib/esm/icons/TeamMemberLocationSvg.d.ts.map +0 -1
  449. package/lib/esm/icons/WrenchSvg.d.ts +0 -5
  450. package/lib/esm/icons/WrenchSvg.d.ts.map +0 -1
  451. package/lib/esm/icons/XBadgeSvg.d.ts +0 -5
  452. package/lib/esm/icons/XBadgeSvg.d.ts.map +0 -1
  453. package/lib/esm/icons/markdown/MarkdownCheckboxCheckedSvg.d.ts +0 -4
  454. package/lib/esm/icons/markdown/MarkdownCheckboxCheckedSvg.d.ts.map +0 -1
  455. package/lib/esm/icons/markdown/MarkdownCheckboxUncheckedSvg.d.ts +0 -4
  456. package/lib/esm/icons/markdown/MarkdownCheckboxUncheckedSvg.d.ts.map +0 -1
  457. package/lib/esm/icons/markdown/MarkdownCopySuccessSvg.d.ts +0 -4
  458. package/lib/esm/icons/markdown/MarkdownCopySuccessSvg.d.ts.map +0 -1
  459. package/lib/esm/icons/markdown/MarkdownCopySvg.d.ts +0 -4
  460. package/lib/esm/icons/markdown/MarkdownCopySvg.d.ts.map +0 -1
  461. package/lib/esm/icons/markdown/MarkdownExternalLinkSvg.d.ts +0 -4
  462. package/lib/esm/icons/markdown/MarkdownExternalLinkSvg.d.ts.map +0 -1
  463. package/lib/esm/index.d.ts +0 -16
  464. package/lib/esm/index.d.ts.map +0 -1
  465. package/lib/esm/svg/ChevronDownIcon.d.ts +0 -8
  466. package/lib/esm/svg/ChevronDownIcon.d.ts.map +0 -1
  467. package/lib/esm/svg/ChevronRightIcon.d.ts +0 -8
  468. package/lib/esm/svg/ChevronRightIcon.d.ts.map +0 -1
  469. package/lib/esm/svg/GlobeIcon.d.ts +0 -8
  470. package/lib/esm/svg/GlobeIcon.d.ts.map +0 -1
  471. package/lib/esm/theme/ThemeProvider.d.ts +0 -15
  472. package/lib/esm/theme/ThemeProvider.d.ts.map +0 -1
  473. package/lib/esm/theme/VisuallyHidden.d.ts +0 -5
  474. package/lib/esm/theme/VisuallyHidden.d.ts.map +0 -1
  475. package/lib/esm/theme/accessibility.css.d.ts +0 -4
  476. package/lib/esm/theme/accessibility.css.d.ts.map +0 -1
  477. package/lib/esm/theme/colors.d.ts +0 -98
  478. package/lib/esm/theme/colors.d.ts.map +0 -1
  479. package/lib/esm/theme/common.d.ts +0 -121
  480. package/lib/esm/theme/common.d.ts.map +0 -1
  481. package/lib/esm/theme/containerQueries.d.ts +0 -12
  482. package/lib/esm/theme/containerQueries.d.ts.map +0 -1
  483. package/lib/esm/theme/global.css.d.ts +0 -2
  484. package/lib/esm/theme/global.css.d.ts.map +0 -1
  485. package/lib/esm/theme/index.d.ts +0 -9
  486. package/lib/esm/theme/index.d.ts.map +0 -1
  487. package/lib/esm/theme/sprinkles.css.d.ts +0 -1300
  488. package/lib/esm/theme/sprinkles.css.d.ts.map +0 -1
  489. package/lib/esm/theme/theme.css.d.ts +0 -2
  490. package/lib/esm/theme/theme.css.d.ts.map +0 -1
  491. package/lib/esm/theme/themeContract.d.ts +0 -2311
  492. package/lib/esm/theme/themeContract.d.ts.map +0 -1
  493. package/lib/esm/theme/tools.d.ts +0 -3
  494. package/lib/esm/theme/tools.d.ts.map +0 -1
  495. package/lib/tsconfig.esm.tsbuildinfo +0 -1
@@ -1,12 +1,17 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { badge } from './badge.css.js';
3
- import { cx } from '../../../theme/tools.js';
4
- export const Badge = ({ children, tone, className, loading = false, }) => {
5
- let loadingVariant = 'off';
6
- if (loading) {
7
- loadingVariant = 'on';
8
- }
9
- return (_jsx("span", { className: cx(badge({ tone, loading: loadingVariant }), className), children: children }));
1
+ import { jsx as f } from "react/jsx-runtime";
2
+ import { badge as i } from "./badge.css.js";
3
+ import { cx as m } from "../../../theme/tools.js";
4
+ const d = ({
5
+ children: o,
6
+ tone: r,
7
+ className: t,
8
+ loading: e = !1
9
+ }) => {
10
+ let a = "off";
11
+ return e && (a = "on"), /* @__PURE__ */ f("span", { className: m(i({ tone: r, loading: a }), t), children: o });
10
12
  };
11
- export default Badge;
12
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvYXRvbWljL2F0b21zL2JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBRUEsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQWlCN0MsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUFHLENBQUMsRUFDcEIsUUFBUSxFQUNSLElBQUksRUFDSixTQUFTLEVBQ1QsT0FBTyxHQUFHLEtBQUssR0FDVCxFQUFlLEVBQUU7SUFDdkIsSUFBSSxjQUFjLEdBQWlCLEtBQUssQ0FBQztJQUN6QyxJQUFJLE9BQU8sRUFBRSxDQUFDO1FBQ1osY0FBYyxHQUFHLElBQUksQ0FBQztJQUN4QixDQUFDO0lBRUQsT0FBTyxDQUNMLGVBQU0sU0FBUyxFQUFFLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLGNBQWMsRUFBRSxDQUFDLEVBQUUsU0FBUyxDQUFDLFlBQ3JFLFFBQVEsR0FDSixDQUNSLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixlQUFlLEtBQUssQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgSlNYLCB0eXBlIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgYmFkZ2UgfSBmcm9tICcuL2JhZGdlLmNzcy5qcyc7XG5pbXBvcnQgeyBjeCB9IGZyb20gJy4uLy4uLy4uL3RoZW1lL3Rvb2xzLmpzJztcblxudHlwZSBQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgdG9uZT86IEJhZGdlVG9uZTtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBsb2FkaW5nPzogYm9vbGVhbjtcbn07XG5cbnR5cGUgQmFkZ2VUb25lID1cbiAgfCAnbmV1dHJhbCdcbiAgfCAnaW5mbydcbiAgfCAnc3VjY2VzcydcbiAgfCAnd2FybmluZydcbiAgfCAnZGFuZ2VyJ1xuICB8ICdhY2NlbnQnO1xuXG5leHBvcnQgY29uc3QgQmFkZ2UgPSAoe1xuICBjaGlsZHJlbixcbiAgdG9uZSxcbiAgY2xhc3NOYW1lLFxuICBsb2FkaW5nID0gZmFsc2UsXG59OiBQcm9wcyk6IEpTWC5FbGVtZW50ID0+IHtcbiAgbGV0IGxvYWRpbmdWYXJpYW50OiAnb24nIHwgJ29mZicgPSAnb2ZmJztcbiAgaWYgKGxvYWRpbmcpIHtcbiAgICBsb2FkaW5nVmFyaWFudCA9ICdvbic7XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxzcGFuIGNsYXNzTmFtZT17Y3goYmFkZ2UoeyB0b25lLCBsb2FkaW5nOiBsb2FkaW5nVmFyaWFudCB9KSwgY2xhc3NOYW1lKX0+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9zcGFuPlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgQmFkZ2U7XG4iXX0=
13
+ export {
14
+ d as Badge,
15
+ d as default
16
+ };
17
+ //# sourceMappingURL=Badge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Badge.js","sources":["../../../../../src/atomic/atoms/badge/Badge.tsx"],"sourcesContent":["import { type JSX, type ReactNode } from 'react';\n\nimport { badge } from './badge.css.js';\nimport { cx } from '../../../theme/tools.js';\n\ntype Props = {\n children: ReactNode;\n tone?: BadgeTone;\n className?: string;\n loading?: boolean;\n};\n\ntype BadgeTone =\n | 'neutral'\n | 'info'\n | 'success'\n | 'warning'\n | 'danger'\n | 'accent';\n\nexport const Badge = ({\n children,\n tone,\n className,\n loading = false,\n}: Props): JSX.Element => {\n let loadingVariant: 'on' | 'off' = 'off';\n if (loading) {\n loadingVariant = 'on';\n }\n\n return (\n <span className={cx(badge({ tone, loading: loadingVariant }), className)}>\n {children}\n </span>\n );\n};\n\nexport default Badge;\n"],"names":["Badge","children","tone","className","loading","loadingVariant","jsx","cx","badge"],"mappings":";;;AAoBO,MAAMA,IAAQ,CAAC;AAAA,EACpB,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC,IAAU;AACZ,MAA0B;AACxB,MAAIC,IAA+B;AACnC,SAAID,MACFC,IAAiB,OAIjB,gBAAAC,EAAC,QAAA,EAAK,WAAWC,EAAGC,EAAM,EAAE,MAAAN,GAAM,SAASG,EAAA,CAAgB,GAAGF,CAAS,GACpE,UAAAF,EAAA,CACH;AAEJ;"}
@@ -1,85 +1,8 @@
1
- import { keyframes, style } from '@vanilla-extract/css';
2
- import { recipe } from '@vanilla-extract/recipes';
3
- import { sprinkles } from '../../../theme/sprinkles.css.js';
4
- import { vars } from '../../../theme/themeContract.js';
5
- const baseSprinkles = sprinkles({
6
- display: 'inline-flex',
7
- alignItems: 'center',
8
- justifyContent: 'center',
9
- paddingY: 2,
10
- paddingX: 3,
11
- borderRadius: 'md',
12
- fontSize: 'xs',
13
- fontWeight: 'medium',
14
- gap: 1,
15
- });
16
- const baseTypography = sprinkles({
17
- lineHeight: 1,
18
- });
19
- const shimmerAnimation = keyframes({
20
- '0%': {
21
- transform: 'translateX(-120%)',
22
- },
23
- '50%': {
24
- transform: 'translateX(0%)',
25
- },
26
- '100%': {
27
- transform: 'translateX(120%)',
28
- },
29
- });
30
- const loadingBase = style({
31
- position: 'relative',
32
- overflow: 'hidden',
33
- selectors: {
34
- '&::after': {
35
- content: '',
36
- position: 'absolute',
37
- inset: 0,
38
- background: `linear-gradient(
39
- 100deg,
40
- ${vars.colors.transparent} 0%,
41
- color-mix(in srgb, ${vars.colors.white} 20%, transparent) 25%,
42
- color-mix(in srgb, ${vars.colors.white} 90%, transparent) 50%,
43
- color-mix(in srgb, ${vars.colors.white} 20%, transparent) 75%,
44
- ${vars.colors.transparent} 100%
45
- )`,
46
- transform: 'translateX(-120%)',
47
- animation: `${shimmerAnimation} 1.1s ease-in-out infinite`,
48
- opacity: 0.9,
49
- pointerEvents: 'none',
50
- willChange: 'transform',
51
- },
52
- },
53
- });
54
- export const badge = recipe({
55
- base: [baseSprinkles, baseTypography],
56
- variants: {
57
- tone: {
58
- neutral: sprinkles({
59
- backgroundColor: 'brandLightGray',
60
- color: 'brandDarkGray',
61
- }),
62
- info: sprinkles({
63
- backgroundColor: 'primaryLight',
64
- color: 'brandPrimaryRed',
65
- }),
66
- success: sprinkles({ backgroundColor: 'green-100', color: 'green-700' }),
67
- warning: sprinkles({ backgroundColor: 'amber-100', color: 'amber-700' }),
68
- danger: sprinkles({ backgroundColor: 'red-100', color: 'red-700' }),
69
- accent: sprinkles({
70
- backgroundColor: 'brandSecondaryOrange',
71
- color: 'brandWhite',
72
- }),
73
- },
74
- loading: {
75
- on: loadingBase,
76
- off: '',
77
- },
78
- },
79
- defaultVariants: {
80
- tone: 'neutral',
81
- loading: 'off',
82
- },
83
- compoundVariants: [],
84
- });
85
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFkZ2UuY3NzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2F0b21pYy9hdG9tcy9iYWRnZS9iYWRnZS5jc3MudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsTUFBTSxFQUF1QixNQUFNLDBCQUEwQixDQUFDO0FBRXZFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM1RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFdkQsTUFBTSxhQUFhLEdBQUcsU0FBUyxDQUFDO0lBQzlCLE9BQU8sRUFBRSxhQUFhO0lBQ3RCLFVBQVUsRUFBRSxRQUFRO0lBQ3BCLGNBQWMsRUFBRSxRQUFRO0lBQ3hCLFFBQVEsRUFBRSxDQUFDO0lBQ1gsUUFBUSxFQUFFLENBQUM7SUFDWCxZQUFZLEVBQUUsSUFBSTtJQUNsQixRQUFRLEVBQUUsSUFBSTtJQUNkLFVBQVUsRUFBRSxRQUFRO0lBQ3BCLEdBQUcsRUFBRSxDQUFDO0NBQ1AsQ0FBQyxDQUFDO0FBRUgsTUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDO0lBQy9CLFVBQVUsRUFBRSxDQUFDO0NBQ2QsQ0FBQyxDQUFDO0FBRUgsTUFBTSxnQkFBZ0IsR0FBRyxTQUFTLENBQUM7SUFDakMsSUFBSSxFQUFFO1FBQ0osU0FBUyxFQUFFLG1CQUFtQjtLQUMvQjtJQUNELEtBQUssRUFBRTtRQUNMLFNBQVMsRUFBRSxnQkFBZ0I7S0FDNUI7SUFDRCxNQUFNLEVBQUU7UUFDTixTQUFTLEVBQUUsa0JBQWtCO0tBQzlCO0NBQ0YsQ0FBQyxDQUFDO0FBRUgsTUFBTSxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQ3hCLFFBQVEsRUFBRSxVQUFVO0lBQ3BCLFFBQVEsRUFBRSxRQUFRO0lBQ2xCLFNBQVMsRUFBRTtRQUNULFVBQVUsRUFBRTtZQUNWLE9BQU8sRUFBRSxFQUFFO1lBQ1gsUUFBUSxFQUFFLFVBQVU7WUFDcEIsS0FBSyxFQUFFLENBQUM7WUFDUixVQUFVLEVBQUU7O1VBRVIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXOzZCQUNKLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSzs2QkFDakIsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLOzZCQUNqQixJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUs7VUFDcEMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxXQUFXO1FBQ3pCO1lBQ0YsU0FBUyxFQUFFLG1CQUFtQjtZQUM5QixTQUFTLEVBQUUsR0FBRyxnQkFBZ0IsNEJBQTRCO1lBQzFELE9BQU8sRUFBRSxHQUFHO1lBQ1osYUFBYSxFQUFFLE1BQU07WUFDckIsVUFBVSxFQUFFLFdBQVc7U0FDeEI7S0FDRjtDQUNGLENBQUMsQ0FBQztBQUVILE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBRyxNQUFNLENBQUM7SUFDMUIsSUFBSSxFQUFFLENBQUMsYUFBYSxFQUFFLGNBQWMsQ0FBQztJQUNyQyxRQUFRLEVBQUU7UUFDUixJQUFJLEVBQUU7WUFDSixPQUFPLEVBQUUsU0FBUyxDQUFDO2dCQUNqQixlQUFlLEVBQUUsZ0JBQWdCO2dCQUNqQyxLQUFLLEVBQUUsZUFBZTthQUN2QixDQUFDO1lBQ0YsSUFBSSxFQUFFLFNBQVMsQ0FBQztnQkFDZCxlQUFlLEVBQUUsY0FBYztnQkFDL0IsS0FBSyxFQUFFLGlCQUFpQjthQUN6QixDQUFDO1lBQ0YsT0FBTyxFQUFFLFNBQVMsQ0FBQyxFQUFFLGVBQWUsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxDQUFDO1lBQ3hFLE9BQU8sRUFBRSxTQUFTLENBQUMsRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsQ0FBQztZQUN4RSxNQUFNLEVBQUUsU0FBUyxDQUFDLEVBQUUsZUFBZSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLENBQUM7WUFDbkUsTUFBTSxFQUFFLFNBQVMsQ0FBQztnQkFDaEIsZUFBZSxFQUFFLHNCQUFzQjtnQkFDdkMsS0FBSyxFQUFFLFlBQVk7YUFDcEIsQ0FBQztTQUNIO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsRUFBRSxFQUFFLFdBQVc7WUFDZixHQUFHLEVBQUUsRUFBRTtTQUNSO0tBQ0Y7SUFDRCxlQUFlLEVBQUU7UUFDZixJQUFJLEVBQUUsU0FBUztRQUNmLE9BQU8sRUFBRSxLQUFLO0tBQ2Y7SUFDRCxnQkFBZ0IsRUFBRSxFQUFFO0NBQ3JCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGtleWZyYW1lcywgc3R5bGUgfSBmcm9tICdAdmFuaWxsYS1leHRyYWN0L2Nzcyc7XG5pbXBvcnQgeyByZWNpcGUsIHR5cGUgUmVjaXBlVmFyaWFudHMgfSBmcm9tICdAdmFuaWxsYS1leHRyYWN0L3JlY2lwZXMnO1xuXG5pbXBvcnQgeyBzcHJpbmtsZXMgfSBmcm9tICcuLi8uLi8uLi90aGVtZS9zcHJpbmtsZXMuY3NzLmpzJztcbmltcG9ydCB7IHZhcnMgfSBmcm9tICcuLi8uLi8uLi90aGVtZS90aGVtZUNvbnRyYWN0LmpzJztcblxuY29uc3QgYmFzZVNwcmlua2xlcyA9IHNwcmlua2xlcyh7XG4gIGRpc3BsYXk6ICdpbmxpbmUtZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gIHBhZGRpbmdZOiAyLFxuICBwYWRkaW5nWDogMyxcbiAgYm9yZGVyUmFkaXVzOiAnbWQnLFxuICBmb250U2l6ZTogJ3hzJyxcbiAgZm9udFdlaWdodDogJ21lZGl1bScsXG4gIGdhcDogMSxcbn0pO1xuXG5jb25zdCBiYXNlVHlwb2dyYXBoeSA9IHNwcmlua2xlcyh7XG4gIGxpbmVIZWlnaHQ6IDEsXG59KTtcblxuY29uc3Qgc2hpbW1lckFuaW1hdGlvbiA9IGtleWZyYW1lcyh7XG4gICcwJSc6IHtcbiAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMjAlKScsXG4gIH0sXG4gICc1MCUnOiB7XG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlWCgwJSknLFxuICB9LFxuICAnMTAwJSc6IHtcbiAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDEyMCUpJyxcbiAgfSxcbn0pO1xuXG5jb25zdCBsb2FkaW5nQmFzZSA9IHN0eWxlKHtcbiAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgc2VsZWN0b3JzOiB7XG4gICAgJyY6OmFmdGVyJzoge1xuICAgICAgY29udGVudDogJycsXG4gICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgIGluc2V0OiAwLFxuICAgICAgYmFja2dyb3VuZDogYGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgMTAwZGVnLFxuICAgICAgICAke3ZhcnMuY29sb3JzLnRyYW5zcGFyZW50fSAwJSxcbiAgICAgICAgY29sb3ItbWl4KGluIHNyZ2IsICR7dmFycy5jb2xvcnMud2hpdGV9IDIwJSwgdHJhbnNwYXJlbnQpIDI1JSxcbiAgICAgICAgY29sb3ItbWl4KGluIHNyZ2IsICR7dmFycy5jb2xvcnMud2hpdGV9IDkwJSwgdHJhbnNwYXJlbnQpIDUwJSxcbiAgICAgICAgY29sb3ItbWl4KGluIHNyZ2IsICR7dmFycy5jb2xvcnMud2hpdGV9IDIwJSwgdHJhbnNwYXJlbnQpIDc1JSxcbiAgICAgICAgJHt2YXJzLmNvbG9ycy50cmFuc3BhcmVudH0gMTAwJVxuICAgICAgKWAsXG4gICAgICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKC0xMjAlKScsXG4gICAgICBhbmltYXRpb246IGAke3NoaW1tZXJBbmltYXRpb259IDEuMXMgZWFzZS1pbi1vdXQgaW5maW5pdGVgLFxuICAgICAgb3BhY2l0eTogMC45LFxuICAgICAgcG9pbnRlckV2ZW50czogJ25vbmUnLFxuICAgICAgd2lsbENoYW5nZTogJ3RyYW5zZm9ybScsXG4gICAgfSxcbiAgfSxcbn0pO1xuXG5leHBvcnQgY29uc3QgYmFkZ2UgPSByZWNpcGUoe1xuICBiYXNlOiBbYmFzZVNwcmlua2xlcywgYmFzZVR5cG9ncmFwaHldLFxuICB2YXJpYW50czoge1xuICAgIHRvbmU6IHtcbiAgICAgIG5ldXRyYWw6IHNwcmlua2xlcyh7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogJ2JyYW5kTGlnaHRHcmF5JyxcbiAgICAgICAgY29sb3I6ICdicmFuZERhcmtHcmF5JyxcbiAgICAgIH0pLFxuICAgICAgaW5mbzogc3ByaW5rbGVzKHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiAncHJpbWFyeUxpZ2h0JyxcbiAgICAgICAgY29sb3I6ICdicmFuZFByaW1hcnlSZWQnLFxuICAgICAgfSksXG4gICAgICBzdWNjZXNzOiBzcHJpbmtsZXMoeyBiYWNrZ3JvdW5kQ29sb3I6ICdncmVlbi0xMDAnLCBjb2xvcjogJ2dyZWVuLTcwMCcgfSksXG4gICAgICB3YXJuaW5nOiBzcHJpbmtsZXMoeyBiYWNrZ3JvdW5kQ29sb3I6ICdhbWJlci0xMDAnLCBjb2xvcjogJ2FtYmVyLTcwMCcgfSksXG4gICAgICBkYW5nZXI6IHNwcmlua2xlcyh7IGJhY2tncm91bmRDb2xvcjogJ3JlZC0xMDAnLCBjb2xvcjogJ3JlZC03MDAnIH0pLFxuICAgICAgYWNjZW50OiBzcHJpbmtsZXMoe1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6ICdicmFuZFNlY29uZGFyeU9yYW5nZScsXG4gICAgICAgIGNvbG9yOiAnYnJhbmRXaGl0ZScsXG4gICAgICB9KSxcbiAgICB9LFxuICAgIGxvYWRpbmc6IHtcbiAgICAgIG9uOiBsb2FkaW5nQmFzZSxcbiAgICAgIG9mZjogJycsXG4gICAgfSxcbiAgfSxcbiAgZGVmYXVsdFZhcmlhbnRzOiB7XG4gICAgdG9uZTogJ25ldXRyYWwnLFxuICAgIGxvYWRpbmc6ICdvZmYnLFxuICB9LFxuICBjb21wb3VuZFZhcmlhbnRzOiBbXSxcbn0pO1xuXG5leHBvcnQgdHlwZSBCYWRnZVZhcmlhbnRzID0gUmVjaXBlVmFyaWFudHM8dHlwZW9mIGJhZGdlPjtcbiJdfQ==
1
+ /* empty css */
2
+ /* empty css */
3
+ import { createRuntimeFn as v } from "@vanilla-extract/recipes/createRuntimeFn";
4
+ var x = v({ defaultClassName: "_1v7kjrra _1v7kjrr0 txvbqbnv6 txvbqboif txvbqbp5f txvbqblx6 txvbqb9jf txvbqbco txvbqbdnx txvbqb1rf txvbqb8o txvbqbamf txvbqbanx _1v7kjrr1 txvbqbegx", variantClassNames: { tone: { neutral: "_1v7kjrrb _1v7kjrr4 txvbqbv4j txvbqbva3", info: "_1v7kjrrc _1v7kjrr5 txvbqbv2j txvbqbv9p", success: "_1v7kjrrd _1v7kjrr6 txvbqbv0v txvbqbv6p", warning: "_1v7kjrre _1v7kjrr7 txvbqbv0b txvbqbv65", danger: "_1v7kjrrf _1v7kjrr8 txvbqbuzr txvbqbv5l", accent: "_1v7kjrrg _1v7kjrr9 txvbqbv49 txvbqbv9z" }, loading: { on: "_1v7kjrrh _1v7kjrr3", off: "_1v7kjrri " } }, defaultVariants: { tone: "neutral", loading: "off" }, compoundVariants: [] });
5
+ export {
6
+ x as badge
7
+ };
8
+ //# sourceMappingURL=badge.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
@@ -0,0 +1 @@
1
+ @keyframes _1v7kjrr2{0%{transform:translate(-120%)}50%{transform:translate(0)}to{transform:translate(120%)}}._1v7kjrr3{position:relative;overflow:hidden}._1v7kjrr3:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--kronex-colors-transparent) 0%,color-mix(in srgb,var(--kronex-colors-white) 20%,transparent) 25%,color-mix(in srgb,var(--kronex-colors-white) 90%,transparent) 50%,color-mix(in srgb,var(--kronex-colors-white) 20%,transparent) 75%,var(--kronex-colors-transparent) 100%);transform:translate(-120%);animation:_1v7kjrr2 1.1s ease-in-out infinite;opacity:.9;pointer-events:none;will-change:transform}
@@ -1,26 +1,58 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { ButtonLoadingSpinnerSvg } from '../../../icons/ButtonLoadingSpinnerSvg.js';
3
- import { button, content as contentClass, iconLeft, iconRight, loadingIndicator, spinnerIcon, } from './button.css.js';
4
- import { cx } from '../../../theme/tools.js';
5
- export const Button = (props) => {
6
- const { children, className, disabled, isLoading = false, loadingLabel, classes, leftIcon, rightIcon, size, variant, width, ref, ...rest } = props;
7
- const resolvedClassName = cx(button({ variant, size, width }), className);
8
- const isDisabled = Boolean(isLoading) || Boolean(disabled);
9
- let renderedContent;
10
- if (isLoading) {
11
- renderedContent = (_jsxs("span", { className: cx(loadingIndicator, classes?.loadingIndicator), children: [_jsx(ButtonLoadingSpinnerSvg, { className: cx(spinnerIcon, classes?.spinnerIcon), width: 20, height: 20 }), loadingLabel] }));
12
- }
13
- else {
14
- const iconElements = [];
15
- if (leftIcon != null) {
16
- iconElements.push(_jsx("span", { className: cx(iconLeft, classes?.iconLeft), children: leftIcon }, "left-icon"));
17
- }
18
- iconElements.push(_jsx("span", { className: cx(contentClass, classes?.content), children: children }, "content"));
19
- if (rightIcon != null) {
20
- iconElements.push(_jsx("span", { className: cx(iconRight, classes?.iconRight), children: rightIcon }, "right-icon"));
1
+ import { jsxs as L, jsx as n, Fragment as x } from "react/jsx-runtime";
2
+ import { ButtonLoadingSpinnerSvg as B } from "../../../icons/ButtonLoadingSpinnerSvg.js";
3
+ import { button as v, spinnerIcon as j, loadingIndicator as w, iconLeft as C, content as R, iconRight as S } from "./button.css.js";
4
+ import { cx as e } from "../../../theme/tools.js";
5
+ const k = (l) => {
6
+ const {
7
+ children: r,
8
+ className: d,
9
+ disabled: m,
10
+ isLoading: i = !1,
11
+ loadingLabel: h,
12
+ classes: s,
13
+ leftIcon: a,
14
+ rightIcon: c,
15
+ size: p,
16
+ variant: f,
17
+ width: g,
18
+ ref: u,
19
+ ...N
20
+ } = l, b = e(v({ variant: f, size: p, width: g }), d), I = !!i || !!m;
21
+ let t;
22
+ if (i)
23
+ t = /* @__PURE__ */ L("span", { className: e(w, s?.loadingIndicator), children: [
24
+ /* @__PURE__ */ n(
25
+ B,
26
+ {
27
+ className: e(j, s?.spinnerIcon),
28
+ width: 20,
29
+ height: 20
21
30
  }
22
- renderedContent = _jsx(_Fragment, { children: iconElements });
31
+ ),
32
+ h
33
+ ] });
34
+ else {
35
+ const o = [];
36
+ a != null && o.push(
37
+ /* @__PURE__ */ n("span", { className: e(C, s?.iconLeft), children: a }, "left-icon")
38
+ ), o.push(
39
+ /* @__PURE__ */ n("span", { className: e(R, s?.content), children: r }, "content")
40
+ ), c != null && o.push(
41
+ /* @__PURE__ */ n("span", { className: e(S, s?.iconRight), children: c }, "right-icon")
42
+ ), t = /* @__PURE__ */ n(x, { children: o });
43
+ }
44
+ return /* @__PURE__ */ n(
45
+ "button",
46
+ {
47
+ ref: u,
48
+ className: b,
49
+ disabled: I,
50
+ ...N,
51
+ children: t
23
52
  }
24
- return (_jsx("button", { ref: ref, className: resolvedClassName, disabled: isDisabled, ...rest, children: renderedContent }));
53
+ );
54
+ };
55
+ export {
56
+ k as Button
25
57
  };
26
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2F0b21pYy9hdG9tcy9idXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBRUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFFcEYsT0FBTyxFQUNMLE1BQU0sRUFDTixPQUFPLElBQUksWUFBWSxFQUN2QixRQUFRLEVBQ1IsU0FBUyxFQUNULGdCQUFnQixFQUNoQixXQUFXLEdBRVosTUFBTSxpQkFBaUIsQ0FBQztBQUN6QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUF3QjdDLE1BQU0sQ0FBQyxNQUFNLE1BQU0sR0FBRyxDQUFDLEtBQVksRUFBZSxFQUFFO0lBQ2xELE1BQU0sRUFDSixRQUFRLEVBQ1IsU0FBUyxFQUNULFFBQVEsRUFDUixTQUFTLEdBQUcsS0FBSyxFQUNqQixZQUFZLEVBQ1osT0FBTyxFQUNQLFFBQVEsRUFDUixTQUFTLEVBQ1QsSUFBSSxFQUNKLE9BQU8sRUFDUCxLQUFLLEVBQ0wsR0FBRyxFQUNILEdBQUcsSUFBSSxFQUNSLEdBQUcsS0FBSyxDQUFDO0lBRVYsTUFBTSxpQkFBaUIsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQzFFLE1BQU0sVUFBVSxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUM7SUFFM0QsSUFBSSxlQUE0QixDQUFDO0lBRWpDLElBQUksU0FBUyxFQUFFLENBQUM7UUFDZCxlQUFlLEdBQUcsQ0FDaEIsZ0JBQU0sU0FBUyxFQUFFLEVBQUUsQ0FBQyxnQkFBZ0IsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLENBQUMsYUFDOUQsS0FBQyx1QkFBdUIsSUFDdEIsU0FBUyxFQUFFLEVBQUUsQ0FBQyxXQUFXLEVBQUUsT0FBTyxFQUFFLFdBQVcsQ0FBQyxFQUNoRCxLQUFLLEVBQUUsRUFBRSxFQUNULE1BQU0sRUFBRSxFQUFFLEdBQ1YsRUFDRCxZQUFZLElBQ1IsQ0FDUixDQUFDO0lBQ0osQ0FBQztTQUFNLENBQUM7UUFDTixNQUFNLFlBQVksR0FBa0IsRUFBRSxDQUFDO1FBRXZDLElBQUksUUFBUSxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ3JCLFlBQVksQ0FBQyxJQUFJLENBQ2YsZUFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLFFBQVEsRUFBRSxPQUFPLEVBQUUsUUFBUSxDQUFDLFlBQzdDLFFBQVEsSUFEMkMsV0FBVyxDQUUxRCxDQUNSLENBQUM7UUFDSixDQUFDO1FBRUQsWUFBWSxDQUFDLElBQUksQ0FDZixlQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsWUFBWSxFQUFFLE9BQU8sRUFBRSxPQUFPLENBQUMsWUFDaEQsUUFBUSxJQUQ4QyxTQUFTLENBRTNELENBQ1IsQ0FBQztRQUVGLElBQUksU0FBUyxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ3RCLFlBQVksQ0FBQyxJQUFJLENBQ2YsZUFBTSxTQUFTLEVBQUUsRUFBRSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsU0FBUyxDQUFDLFlBQy9DLFNBQVMsSUFENEMsWUFBWSxDQUU3RCxDQUNSLENBQUM7UUFDSixDQUFDO1FBRUQsZUFBZSxHQUFHLDRCQUFHLFlBQVksR0FBSSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxPQUFPLENBQ0wsaUJBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixTQUFTLEVBQUUsaUJBQWlCLEVBQzVCLFFBQVEsRUFBRSxVQUFVLEtBQ2hCLElBQUksWUFFUCxlQUFlLEdBQ1QsQ0FDVixDQUFDO0FBQ0osQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHR5cGUgUmVmLCB0eXBlIEpTWCB9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHsgQnV0dG9uTG9hZGluZ1NwaW5uZXJTdmcgfSBmcm9tICcuLi8uLi8uLi9pY29ucy9CdXR0b25Mb2FkaW5nU3Bpbm5lclN2Zy5qcyc7XG5cbmltcG9ydCB7XG4gIGJ1dHRvbixcbiAgY29udGVudCBhcyBjb250ZW50Q2xhc3MsXG4gIGljb25MZWZ0LFxuICBpY29uUmlnaHQsXG4gIGxvYWRpbmdJbmRpY2F0b3IsXG4gIHNwaW5uZXJJY29uLFxuICB0eXBlIEJ1dHRvblZhcmlhbnRzLFxufSBmcm9tICcuL2J1dHRvbi5jc3MuanMnO1xuaW1wb3J0IHsgY3ggfSBmcm9tICcuLi8uLi8uLi90aGVtZS90b29scy5qcyc7XG5cbnR5cGUgQnV0dG9uU2xvdCA9XG4gIHwgJ2xvYWRpbmdJbmRpY2F0b3InXG4gIHwgJ3NwaW5uZXJJY29uJ1xuICB8ICdjb250ZW50J1xuICB8ICdpY29uTGVmdCdcbiAgfCAnaWNvblJpZ2h0JztcblxudHlwZSBTbG90Q2xhc3NlczxUIGV4dGVuZHMgc3RyaW5nPiA9IFBhcnRpYWw8UmVjb3JkPFQsIHN0cmluZz4+O1xuXG4vLyBPbWl0IHRoZSBjb25mbGljdGluZyAnc2l6ZScgcHJvcGVydHkgZnJvbSBIVE1MIGJ1dHRvbiBhdHRyaWJ1dGVzXG50eXBlIFByb3BzID0gT21pdDxSZWFjdC5CdXR0b25IVE1MQXR0cmlidXRlczxIVE1MQnV0dG9uRWxlbWVudD4sICdzaXplJz4gJiB7XG4gIHZhcmlhbnQ/OiBOb25OdWxsYWJsZTxCdXR0b25WYXJpYW50cz5bJ3ZhcmlhbnQnXTtcbiAgc2l6ZT86IE5vbk51bGxhYmxlPEJ1dHRvblZhcmlhbnRzPlsnc2l6ZSddO1xuICB3aWR0aD86IE5vbk51bGxhYmxlPEJ1dHRvblZhcmlhbnRzPlsnd2lkdGgnXTtcbiAgaXNMb2FkaW5nPzogYm9vbGVhbjtcbiAgbG9hZGluZ0xhYmVsPzogUmVhY3QuUmVhY3ROb2RlO1xuICBsZWZ0SWNvbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgcmlnaHRJY29uPzogUmVhY3QuUmVhY3ROb2RlO1xuICByZWY/OiBSZWY8SFRNTEJ1dHRvbkVsZW1lbnQ+O1xuICBjbGFzc2VzPzogU2xvdENsYXNzZXM8QnV0dG9uU2xvdD47XG59O1xuXG5leHBvcnQgY29uc3QgQnV0dG9uID0gKHByb3BzOiBQcm9wcyk6IEpTWC5FbGVtZW50ID0+IHtcbiAgY29uc3Qge1xuICAgIGNoaWxkcmVuLFxuICAgIGNsYXNzTmFtZSxcbiAgICBkaXNhYmxlZCxcbiAgICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgICBsb2FkaW5nTGFiZWwsXG4gICAgY2xhc3NlcyxcbiAgICBsZWZ0SWNvbixcbiAgICByaWdodEljb24sXG4gICAgc2l6ZSxcbiAgICB2YXJpYW50LFxuICAgIHdpZHRoLFxuICAgIHJlZixcbiAgICAuLi5yZXN0XG4gIH0gPSBwcm9wcztcblxuICBjb25zdCByZXNvbHZlZENsYXNzTmFtZSA9IGN4KGJ1dHRvbih7IHZhcmlhbnQsIHNpemUsIHdpZHRoIH0pLCBjbGFzc05hbWUpO1xuICBjb25zdCBpc0Rpc2FibGVkID0gQm9vbGVhbihpc0xvYWRpbmcpIHx8IEJvb2xlYW4oZGlzYWJsZWQpO1xuXG4gIGxldCByZW5kZXJlZENvbnRlbnQ6IEpTWC5FbGVtZW50O1xuXG4gIGlmIChpc0xvYWRpbmcpIHtcbiAgICByZW5kZXJlZENvbnRlbnQgPSAoXG4gICAgICA8c3BhbiBjbGFzc05hbWU9e2N4KGxvYWRpbmdJbmRpY2F0b3IsIGNsYXNzZXM/LmxvYWRpbmdJbmRpY2F0b3IpfT5cbiAgICAgICAgPEJ1dHRvbkxvYWRpbmdTcGlubmVyU3ZnXG4gICAgICAgICAgY2xhc3NOYW1lPXtjeChzcGlubmVySWNvbiwgY2xhc3Nlcz8uc3Bpbm5lckljb24pfVxuICAgICAgICAgIHdpZHRoPXsyMH1cbiAgICAgICAgICBoZWlnaHQ9ezIwfVxuICAgICAgICAvPlxuICAgICAgICB7bG9hZGluZ0xhYmVsfVxuICAgICAgPC9zcGFuPlxuICAgICk7XG4gIH0gZWxzZSB7XG4gICAgY29uc3QgaWNvbkVsZW1lbnRzOiBKU1guRWxlbWVudFtdID0gW107XG5cbiAgICBpZiAobGVmdEljb24gIT0gbnVsbCkge1xuICAgICAgaWNvbkVsZW1lbnRzLnB1c2goXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3goaWNvbkxlZnQsIGNsYXNzZXM/Lmljb25MZWZ0KX0ga2V5PVwibGVmdC1pY29uXCI+XG4gICAgICAgICAge2xlZnRJY29ufVxuICAgICAgICA8L3NwYW4+LFxuICAgICAgKTtcbiAgICB9XG5cbiAgICBpY29uRWxlbWVudHMucHVzaChcbiAgICAgIDxzcGFuIGNsYXNzTmFtZT17Y3goY29udGVudENsYXNzLCBjbGFzc2VzPy5jb250ZW50KX0ga2V5PVwiY29udGVudFwiPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+LFxuICAgICk7XG5cbiAgICBpZiAocmlnaHRJY29uICE9IG51bGwpIHtcbiAgICAgIGljb25FbGVtZW50cy5wdXNoKFxuICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2N4KGljb25SaWdodCwgY2xhc3Nlcz8uaWNvblJpZ2h0KX0ga2V5PVwicmlnaHQtaWNvblwiPlxuICAgICAgICAgIHtyaWdodEljb259XG4gICAgICAgIDwvc3Bhbj4sXG4gICAgICApO1xuICAgIH1cblxuICAgIHJlbmRlcmVkQ29udGVudCA9IDw+e2ljb25FbGVtZW50c308Lz47XG4gIH1cblxuICByZXR1cm4gKFxuICAgIDxidXR0b25cbiAgICAgIHJlZj17cmVmfVxuICAgICAgY2xhc3NOYW1lPXtyZXNvbHZlZENsYXNzTmFtZX1cbiAgICAgIGRpc2FibGVkPXtpc0Rpc2FibGVkfVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge3JlbmRlcmVkQ29udGVudH1cbiAgICA8L2J1dHRvbj5cbiAgKTtcbn07XG4iXX0=
58
+ //# sourceMappingURL=Button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.js","sources":["../../../../../src/atomic/atoms/button/Button.tsx"],"sourcesContent":["import React, { type Ref, type JSX } from 'react';\n\nimport { ButtonLoadingSpinnerSvg } from '../../../icons/ButtonLoadingSpinnerSvg.js';\n\nimport {\n button,\n content as contentClass,\n iconLeft,\n iconRight,\n loadingIndicator,\n spinnerIcon,\n type ButtonVariants,\n} from './button.css.js';\nimport { cx } from '../../../theme/tools.js';\n\ntype ButtonSlot =\n | 'loadingIndicator'\n | 'spinnerIcon'\n | 'content'\n | 'iconLeft'\n | 'iconRight';\n\ntype SlotClasses<T extends string> = Partial<Record<T, string>>;\n\n// Omit the conflicting 'size' property from HTML button attributes\ntype Props = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'size'> & {\n variant?: NonNullable<ButtonVariants>['variant'];\n size?: NonNullable<ButtonVariants>['size'];\n width?: NonNullable<ButtonVariants>['width'];\n isLoading?: boolean;\n loadingLabel?: React.ReactNode;\n leftIcon?: React.ReactNode;\n rightIcon?: React.ReactNode;\n ref?: Ref<HTMLButtonElement>;\n classes?: SlotClasses<ButtonSlot>;\n};\n\nexport const Button = (props: Props): JSX.Element => {\n const {\n children,\n className,\n disabled,\n isLoading = false,\n loadingLabel,\n classes,\n leftIcon,\n rightIcon,\n size,\n variant,\n width,\n ref,\n ...rest\n } = props;\n\n const resolvedClassName = cx(button({ variant, size, width }), className);\n const isDisabled = Boolean(isLoading) || Boolean(disabled);\n\n let renderedContent: JSX.Element;\n\n if (isLoading) {\n renderedContent = (\n <span className={cx(loadingIndicator, classes?.loadingIndicator)}>\n <ButtonLoadingSpinnerSvg\n className={cx(spinnerIcon, classes?.spinnerIcon)}\n width={20}\n height={20}\n />\n {loadingLabel}\n </span>\n );\n } else {\n const iconElements: JSX.Element[] = [];\n\n if (leftIcon != null) {\n iconElements.push(\n <span className={cx(iconLeft, classes?.iconLeft)} key=\"left-icon\">\n {leftIcon}\n </span>,\n );\n }\n\n iconElements.push(\n <span className={cx(contentClass, classes?.content)} key=\"content\">\n {children}\n </span>,\n );\n\n if (rightIcon != null) {\n iconElements.push(\n <span className={cx(iconRight, classes?.iconRight)} key=\"right-icon\">\n {rightIcon}\n </span>,\n );\n }\n\n renderedContent = <>{iconElements}</>;\n }\n\n return (\n <button\n ref={ref}\n className={resolvedClassName}\n disabled={isDisabled}\n {...rest}\n >\n {renderedContent}\n </button>\n );\n};\n"],"names":["Button","props","children","className","disabled","isLoading","loadingLabel","classes","leftIcon","rightIcon","size","variant","width","ref","rest","resolvedClassName","cx","button","isDisabled","renderedContent","loadingIndicator","jsx","ButtonLoadingSpinnerSvg","spinnerIcon","iconElements","iconLeft","contentClass","iconRight"],"mappings":";;;;AAqCO,MAAMA,IAAS,CAACC,MAA8B;AACnD,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,KAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDb,GAEEc,IAAoBC,EAAGC,EAAO,EAAE,SAAAN,GAAS,MAAAD,GAAM,OAAAE,GAAO,GAAGT,CAAS,GAClEe,IAAa,EAAQb,KAAc,EAAQD;AAEjD,MAAIe;AAEJ,MAAId;AACF,IAAAc,sBACG,QAAA,EAAK,WAAWH,EAAGI,GAAkBb,GAAS,gBAAgB,GAC7D,UAAA;AAAA,MAAA,gBAAAc;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAWN,EAAGO,GAAahB,GAAS,WAAW;AAAA,UAC/C,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAETD;AAAA,IAAA,GACH;AAAA,OAEG;AACL,UAAMkB,IAA8B,CAAA;AAEpC,IAAIhB,KAAY,QACdgB,EAAa;AAAA,MACX,gBAAAH,EAAC,UAAK,WAAWL,EAAGS,GAAUlB,GAAS,QAAQ,GAC5C,UAAAC,EAAA,GADmD,WAEtD;AAAA,IAAA,GAIJgB,EAAa;AAAA,MACX,gBAAAH,EAAC,UAAK,WAAWL,EAAGU,GAAcnB,GAAS,OAAO,GAC/C,UAAAL,EAAA,GADsD,SAEzD;AAAA,IAAA,GAGEO,KAAa,QACfe,EAAa;AAAA,MACX,gBAAAH,EAAC,UAAK,WAAWL,EAAGW,GAAWpB,GAAS,SAAS,GAC9C,UAAAE,EAAA,GADqD,YAExD;AAAA,IAAA,GAIJU,2BAAqB,UAAAK,EAAA,CAAa;AAAA,EACpC;AAEA,SACE,gBAAAH;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAR;AAAA,MACA,WAAWE;AAAA,MACX,UAAUG;AAAA,MACT,GAAGJ;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA;AAGP;"}
@@ -1,36 +1,63 @@
1
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
2
- import { Link } from '@plumile/router';
3
- import { ButtonLoadingSpinnerSvg } from '../../../icons/ButtonLoadingSpinnerSvg.js';
4
- import { cx } from '../../../theme/tools.js';
5
- import { activeButton, button, content as contentClass, iconLeft, iconRight, loadingIndicator, spinnerIcon, } from './button.css.js';
6
- export const LinkButton = (props) => {
7
- const { children, className, isDisabled, isLoading = false, leftIcon, loadingLabel, ref, rightIcon, size, variant, width, ...rest } = props;
8
- const resolvedClassName = cx(button({ variant, size, width }), className);
9
- const disabled = Boolean(isLoading) || Boolean(isDisabled);
10
- const isIconVariant = variant === 'icon';
11
- let renderedContent;
12
- if (isLoading) {
13
- renderedContent = (_jsxs("span", { className: loadingIndicator, children: [_jsx(ButtonLoadingSpinnerSvg, { className: spinnerIcon, width: 20, height: 20 }), loadingLabel] }));
14
- }
15
- else if (isIconVariant) {
16
- const iconContent = leftIcon ?? rightIcon ?? children ?? null;
17
- renderedContent = _jsx("span", { children: iconContent });
18
- }
19
- else {
20
- const iconElements = [];
21
- if (leftIcon != null) {
22
- iconElements.push(_jsx("span", { className: iconLeft, children: leftIcon }, "left-icon"));
23
- }
24
- iconElements.push(_jsx("span", { className: contentClass, children: children }, "content"));
25
- if (rightIcon != null) {
26
- iconElements.push(_jsx("span", { className: iconRight, children: rightIcon }, "right-icon"));
1
+ import { jsx as n, jsxs as v, Fragment as B } from "react/jsx-runtime";
2
+ import { Link as C } from "@plumile/router";
3
+ import { ButtonLoadingSpinnerSvg as I } from "../../../icons/ButtonLoadingSpinnerSvg.js";
4
+ import { cx as x } from "../../../theme/tools.js";
5
+ import { button as D, activeButton as j, loadingIndicator as k, spinnerIcon as w, iconLeft as S, content as z, iconRight as E } from "./button.css.js";
6
+ const A = (d) => {
7
+ const {
8
+ children: a,
9
+ className: m,
10
+ isDisabled: h,
11
+ isLoading: l = !1,
12
+ leftIcon: s,
13
+ loadingLabel: p,
14
+ ref: f,
15
+ rightIcon: t,
16
+ size: u,
17
+ variant: o,
18
+ width: g,
19
+ ...N
20
+ } = d, b = x(D({ variant: o, size: u, width: g }), m), c = !!l || !!h, L = o === "icon";
21
+ let i;
22
+ if (l)
23
+ i = /* @__PURE__ */ v("span", { className: k, children: [
24
+ /* @__PURE__ */ n(
25
+ I,
26
+ {
27
+ className: w,
28
+ width: 20,
29
+ height: 20
27
30
  }
28
- renderedContent = _jsx(_Fragment, { children: iconElements });
31
+ ),
32
+ p
33
+ ] });
34
+ else if (L)
35
+ i = /* @__PURE__ */ n("span", { children: s ?? t ?? a ?? null });
36
+ else {
37
+ const e = [];
38
+ s != null && e.push(
39
+ /* @__PURE__ */ n("span", { className: S, children: s }, "left-icon")
40
+ ), e.push(
41
+ /* @__PURE__ */ n("span", { className: z, children: a }, "content")
42
+ ), t != null && e.push(
43
+ /* @__PURE__ */ n("span", { className: E, children: t }, "right-icon")
44
+ ), i = /* @__PURE__ */ n(B, { children: e });
45
+ }
46
+ let r;
47
+ return c && (r = !0), /* @__PURE__ */ n(
48
+ C,
49
+ {
50
+ ...N,
51
+ ref: f,
52
+ className: b,
53
+ activeClassName: j({ variant: o }),
54
+ isDisabled: c,
55
+ "aria-disabled": r,
56
+ children: i
29
57
  }
30
- let ariaDisabled;
31
- if (disabled) {
32
- ariaDisabled = true;
33
- }
34
- return (_jsx(Link, { ...rest, ref: ref, className: resolvedClassName, activeClassName: activeButton({ variant }), isDisabled: disabled, "aria-disabled": ariaDisabled, children: renderedContent }));
58
+ );
59
+ };
60
+ export {
61
+ A as LinkButton
35
62
  };
36
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlua0J1dHRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9hdG9taWMvYXRvbXMvYnV0dG9uL0xpbmtCdXR0b24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFNQSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFdkMsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDcEYsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdDLE9BQU8sRUFDTCxZQUFZLEVBQ1osTUFBTSxFQUNOLE9BQU8sSUFBSSxZQUFZLEVBQ3ZCLFFBQVEsRUFDUixTQUFTLEVBQ1QsZ0JBQWdCLEVBQ2hCLFdBQVcsR0FFWixNQUFNLGlCQUFpQixDQUFDO0FBaUJ6QixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsQ0FBQyxLQUFZLEVBQWUsRUFBRTtJQUN0RCxNQUFNLEVBQ0osUUFBUSxFQUNSLFNBQVMsRUFDVCxVQUFVLEVBQ1YsU0FBUyxHQUFHLEtBQUssRUFDakIsUUFBUSxFQUNSLFlBQVksRUFDWixHQUFHLEVBQ0gsU0FBUyxFQUNULElBQUksRUFDSixPQUFPLEVBQ1AsS0FBSyxFQUNMLEdBQUcsSUFBSSxFQUNSLEdBQUcsS0FBSyxDQUFDO0lBRVYsTUFBTSxpQkFBaUIsR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDO0lBQzFFLE1BQU0sUUFBUSxHQUFHLE9BQU8sQ0FBQyxTQUFTLENBQUMsSUFBSSxPQUFPLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDM0QsTUFBTSxhQUFhLEdBQUcsT0FBTyxLQUFLLE1BQU0sQ0FBQztJQUV6QyxJQUFJLGVBQTRCLENBQUM7SUFFakMsSUFBSSxTQUFTLEVBQUUsQ0FBQztRQUNkLGVBQWUsR0FBRyxDQUNoQixnQkFBTSxTQUFTLEVBQUUsZ0JBQWdCLGFBQy9CLEtBQUMsdUJBQXVCLElBQ3RCLFNBQVMsRUFBRSxXQUFXLEVBQ3RCLEtBQUssRUFBRSxFQUFFLEVBQ1QsTUFBTSxFQUFFLEVBQUUsR0FDVixFQUNELFlBQVksSUFDUixDQUNSLENBQUM7SUFDSixDQUFDO1NBQU0sSUFBSSxhQUFhLEVBQUUsQ0FBQztRQUN6QixNQUFNLFdBQVcsR0FBRyxRQUFRLElBQUksU0FBUyxJQUFJLFFBQVEsSUFBSSxJQUFJLENBQUM7UUFFOUQsZUFBZSxHQUFHLHlCQUFPLFdBQVcsR0FBUSxDQUFDO0lBQy9DLENBQUM7U0FBTSxDQUFDO1FBQ04sTUFBTSxZQUFZLEdBQWtCLEVBQUUsQ0FBQztRQUV2QyxJQUFJLFFBQVEsSUFBSSxJQUFJLEVBQUUsQ0FBQztZQUNyQixZQUFZLENBQUMsSUFBSSxDQUNmLGVBQU0sU0FBUyxFQUFFLFFBQVEsWUFDdEIsUUFBUSxJQURvQixXQUFXLENBRW5DLENBQ1IsQ0FBQztRQUNKLENBQUM7UUFFRCxZQUFZLENBQUMsSUFBSSxDQUNmLGVBQU0sU0FBUyxFQUFFLFlBQVksWUFDMUIsUUFBUSxJQUR3QixTQUFTLENBRXJDLENBQ1IsQ0FBQztRQUVGLElBQUksU0FBUyxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ3RCLFlBQVksQ0FBQyxJQUFJLENBQ2YsZUFBTSxTQUFTLEVBQUUsU0FBUyxZQUN2QixTQUFTLElBRG9CLFlBQVksQ0FFckMsQ0FDUixDQUFDO1FBQ0osQ0FBQztRQUVELGVBQWUsR0FBRyw0QkFBRyxZQUFZLEdBQUksQ0FBQztJQUN4QyxDQUFDO0lBRUQsSUFBSSxZQUE4QixDQUFDO0lBQ25DLElBQUksUUFBUSxFQUFFLENBQUM7UUFDYixZQUFZLEdBQUcsSUFBSSxDQUFDO0lBQ3RCLENBQUM7SUFFRCxPQUFPLENBQ0wsS0FBQyxJQUFJLE9BQ0MsSUFBSSxFQUNSLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLGlCQUFpQixFQUM1QixlQUFlLEVBQUUsWUFBWSxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFDMUMsVUFBVSxFQUFFLFFBQVEsbUJBQ0wsWUFBWSxZQUUxQixlQUFlLEdBQ1gsQ0FDUixDQUFDO0FBQ0osQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgdHlwZSBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWYsXG4gIHR5cGUgSlNYLFxuICB0eXBlIFJlYWN0Tm9kZSxcbiAgdHlwZSBSZWYsXG59IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IExpbmsgfSBmcm9tICdAcGx1bWlsZS9yb3V0ZXInO1xuXG5pbXBvcnQgeyBCdXR0b25Mb2FkaW5nU3Bpbm5lclN2ZyB9IGZyb20gJy4uLy4uLy4uL2ljb25zL0J1dHRvbkxvYWRpbmdTcGlubmVyU3ZnLmpzJztcbmltcG9ydCB7IGN4IH0gZnJvbSAnLi4vLi4vLi4vdGhlbWUvdG9vbHMuanMnO1xuaW1wb3J0IHtcbiAgYWN0aXZlQnV0dG9uLFxuICBidXR0b24sXG4gIGNvbnRlbnQgYXMgY29udGVudENsYXNzLFxuICBpY29uTGVmdCxcbiAgaWNvblJpZ2h0LFxuICBsb2FkaW5nSW5kaWNhdG9yLFxuICBzcGlubmVySWNvbixcbiAgdHlwZSBCdXR0b25WYXJpYW50cyxcbn0gZnJvbSAnLi9idXR0b24uY3NzLmpzJztcblxudHlwZSBMaW5rUHJvcHMgPSBDb21wb25lbnRQcm9wc1dpdGhvdXRSZWY8dHlwZW9mIExpbms+O1xuXG50eXBlIFByb3BzID0gT21pdDxMaW5rUHJvcHMsICdjaGlsZHJlbicgfCAnY2xhc3NOYW1lJz4gJiB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGU7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgdmFyaWFudD86IE5vbk51bGxhYmxlPEJ1dHRvblZhcmlhbnRzPlsndmFyaWFudCddO1xuICBzaXplPzogTm9uTnVsbGFibGU8QnV0dG9uVmFyaWFudHM+WydzaXplJ107XG4gIHdpZHRoPzogTm9uTnVsbGFibGU8QnV0dG9uVmFyaWFudHM+Wyd3aWR0aCddO1xuICBpc0xvYWRpbmc/OiBib29sZWFuO1xuICBsb2FkaW5nTGFiZWw/OiBSZWFjdE5vZGU7XG4gIGxlZnRJY29uPzogUmVhY3ROb2RlO1xuICByaWdodEljb24/OiBSZWFjdE5vZGU7XG4gIHJlZj86IFJlZjxIVE1MQW5jaG9yRWxlbWVudD47XG59O1xuXG5leHBvcnQgY29uc3QgTGlua0J1dHRvbiA9IChwcm9wczogUHJvcHMpOiBKU1guRWxlbWVudCA9PiB7XG4gIGNvbnN0IHtcbiAgICBjaGlsZHJlbixcbiAgICBjbGFzc05hbWUsXG4gICAgaXNEaXNhYmxlZCxcbiAgICBpc0xvYWRpbmcgPSBmYWxzZSxcbiAgICBsZWZ0SWNvbixcbiAgICBsb2FkaW5nTGFiZWwsXG4gICAgcmVmLFxuICAgIHJpZ2h0SWNvbixcbiAgICBzaXplLFxuICAgIHZhcmlhbnQsXG4gICAgd2lkdGgsXG4gICAgLi4ucmVzdFxuICB9ID0gcHJvcHM7XG5cbiAgY29uc3QgcmVzb2x2ZWRDbGFzc05hbWUgPSBjeChidXR0b24oeyB2YXJpYW50LCBzaXplLCB3aWR0aCB9KSwgY2xhc3NOYW1lKTtcbiAgY29uc3QgZGlzYWJsZWQgPSBCb29sZWFuKGlzTG9hZGluZykgfHwgQm9vbGVhbihpc0Rpc2FibGVkKTtcbiAgY29uc3QgaXNJY29uVmFyaWFudCA9IHZhcmlhbnQgPT09ICdpY29uJztcblxuICBsZXQgcmVuZGVyZWRDb250ZW50OiBKU1guRWxlbWVudDtcblxuICBpZiAoaXNMb2FkaW5nKSB7XG4gICAgcmVuZGVyZWRDb250ZW50ID0gKFxuICAgICAgPHNwYW4gY2xhc3NOYW1lPXtsb2FkaW5nSW5kaWNhdG9yfT5cbiAgICAgICAgPEJ1dHRvbkxvYWRpbmdTcGlubmVyU3ZnXG4gICAgICAgICAgY2xhc3NOYW1lPXtzcGlubmVySWNvbn1cbiAgICAgICAgICB3aWR0aD17MjB9XG4gICAgICAgICAgaGVpZ2h0PXsyMH1cbiAgICAgICAgLz5cbiAgICAgICAge2xvYWRpbmdMYWJlbH1cbiAgICAgIDwvc3Bhbj5cbiAgICApO1xuICB9IGVsc2UgaWYgKGlzSWNvblZhcmlhbnQpIHtcbiAgICBjb25zdCBpY29uQ29udGVudCA9IGxlZnRJY29uID8/IHJpZ2h0SWNvbiA/PyBjaGlsZHJlbiA/PyBudWxsO1xuXG4gICAgcmVuZGVyZWRDb250ZW50ID0gPHNwYW4+e2ljb25Db250ZW50fTwvc3Bhbj47XG4gIH0gZWxzZSB7XG4gICAgY29uc3QgaWNvbkVsZW1lbnRzOiBKU1guRWxlbWVudFtdID0gW107XG5cbiAgICBpZiAobGVmdEljb24gIT0gbnVsbCkge1xuICAgICAgaWNvbkVsZW1lbnRzLnB1c2goXG4gICAgICAgIDxzcGFuIGNsYXNzTmFtZT17aWNvbkxlZnR9IGtleT1cImxlZnQtaWNvblwiPlxuICAgICAgICAgIHtsZWZ0SWNvbn1cbiAgICAgICAgPC9zcGFuPixcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWNvbkVsZW1lbnRzLnB1c2goXG4gICAgICA8c3BhbiBjbGFzc05hbWU9e2NvbnRlbnRDbGFzc30ga2V5PVwiY29udGVudFwiPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L3NwYW4+LFxuICAgICk7XG5cbiAgICBpZiAocmlnaHRJY29uICE9IG51bGwpIHtcbiAgICAgIGljb25FbGVtZW50cy5wdXNoKFxuICAgICAgICA8c3BhbiBjbGFzc05hbWU9e2ljb25SaWdodH0ga2V5PVwicmlnaHQtaWNvblwiPlxuICAgICAgICAgIHtyaWdodEljb259XG4gICAgICAgIDwvc3Bhbj4sXG4gICAgICApO1xuICAgIH1cblxuICAgIHJlbmRlcmVkQ29udGVudCA9IDw+e2ljb25FbGVtZW50c308Lz47XG4gIH1cblxuICBsZXQgYXJpYURpc2FibGVkOiB0cnVlIHwgdW5kZWZpbmVkO1xuICBpZiAoZGlzYWJsZWQpIHtcbiAgICBhcmlhRGlzYWJsZWQgPSB0cnVlO1xuICB9XG5cbiAgcmV0dXJuIChcbiAgICA8TGlua1xuICAgICAgey4uLnJlc3R9XG4gICAgICByZWY9e3JlZn1cbiAgICAgIGNsYXNzTmFtZT17cmVzb2x2ZWRDbGFzc05hbWV9XG4gICAgICBhY3RpdmVDbGFzc05hbWU9e2FjdGl2ZUJ1dHRvbih7IHZhcmlhbnQgfSl9XG4gICAgICBpc0Rpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIGFyaWEtZGlzYWJsZWQ9e2FyaWFEaXNhYmxlZH1cbiAgICA+XG4gICAgICB7cmVuZGVyZWRDb250ZW50fVxuICAgIDwvTGluaz5cbiAgKTtcbn07XG4iXX0=
63
+ //# sourceMappingURL=LinkButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"LinkButton.js","sources":["../../../../../src/atomic/atoms/button/LinkButton.tsx"],"sourcesContent":["import {\n type ComponentPropsWithoutRef,\n type JSX,\n type ReactNode,\n type Ref,\n} from 'react';\nimport { Link } from '@plumile/router';\n\nimport { ButtonLoadingSpinnerSvg } from '../../../icons/ButtonLoadingSpinnerSvg.js';\nimport { cx } from '../../../theme/tools.js';\nimport {\n activeButton,\n button,\n content as contentClass,\n iconLeft,\n iconRight,\n loadingIndicator,\n spinnerIcon,\n type ButtonVariants,\n} from './button.css.js';\n\ntype LinkProps = ComponentPropsWithoutRef<typeof Link>;\n\ntype Props = Omit<LinkProps, 'children' | 'className'> & {\n children: ReactNode;\n className?: string;\n variant?: NonNullable<ButtonVariants>['variant'];\n size?: NonNullable<ButtonVariants>['size'];\n width?: NonNullable<ButtonVariants>['width'];\n isLoading?: boolean;\n loadingLabel?: ReactNode;\n leftIcon?: ReactNode;\n rightIcon?: ReactNode;\n ref?: Ref<HTMLAnchorElement>;\n};\n\nexport const LinkButton = (props: Props): JSX.Element => {\n const {\n children,\n className,\n isDisabled,\n isLoading = false,\n leftIcon,\n loadingLabel,\n ref,\n rightIcon,\n size,\n variant,\n width,\n ...rest\n } = props;\n\n const resolvedClassName = cx(button({ variant, size, width }), className);\n const disabled = Boolean(isLoading) || Boolean(isDisabled);\n const isIconVariant = variant === 'icon';\n\n let renderedContent: JSX.Element;\n\n if (isLoading) {\n renderedContent = (\n <span className={loadingIndicator}>\n <ButtonLoadingSpinnerSvg\n className={spinnerIcon}\n width={20}\n height={20}\n />\n {loadingLabel}\n </span>\n );\n } else if (isIconVariant) {\n const iconContent = leftIcon ?? rightIcon ?? children ?? null;\n\n renderedContent = <span>{iconContent}</span>;\n } else {\n const iconElements: JSX.Element[] = [];\n\n if (leftIcon != null) {\n iconElements.push(\n <span className={iconLeft} key=\"left-icon\">\n {leftIcon}\n </span>,\n );\n }\n\n iconElements.push(\n <span className={contentClass} key=\"content\">\n {children}\n </span>,\n );\n\n if (rightIcon != null) {\n iconElements.push(\n <span className={iconRight} key=\"right-icon\">\n {rightIcon}\n </span>,\n );\n }\n\n renderedContent = <>{iconElements}</>;\n }\n\n let ariaDisabled: true | undefined;\n if (disabled) {\n ariaDisabled = true;\n }\n\n return (\n <Link\n {...rest}\n ref={ref}\n className={resolvedClassName}\n activeClassName={activeButton({ variant })}\n isDisabled={disabled}\n aria-disabled={ariaDisabled}\n >\n {renderedContent}\n </Link>\n );\n};\n"],"names":["LinkButton","props","children","className","isDisabled","isLoading","leftIcon","loadingLabel","ref","rightIcon","size","variant","width","rest","resolvedClassName","cx","button","disabled","isIconVariant","renderedContent","jsxs","loadingIndicator","jsx","ButtonLoadingSpinnerSvg","spinnerIcon","iconElements","iconLeft","contentClass","iconRight","ariaDisabled","Link","activeButton"],"mappings":";;;;;AAoCO,MAAMA,IAAa,CAACC,MAA8B;AACvD,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,KAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,SAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDZ,GAEEa,IAAoBC,EAAGC,EAAO,EAAE,SAAAL,GAAS,MAAAD,GAAM,OAAAE,GAAO,GAAGT,CAAS,GAClEc,IAAW,EAAQZ,KAAc,EAAQD,GACzCc,IAAgBP,MAAY;AAElC,MAAIQ;AAEJ,MAAId;AACF,IAAAc,IACE,gBAAAC,EAAC,QAAA,EAAK,WAAWC,GACf,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,WAAWC;AAAA,UACX,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,MAAA;AAAA,MAETjB;AAAA,IAAA,GACH;AAAA,WAEOW;AAGT,IAAAC,IAAkB,gBAAAG,EAAC,UAAM,UAFLhB,KAAYG,KAAaP,KAAY,KAEhC,CAAY;AAAA,OAChC;AACL,UAAMuB,IAA8B,CAAA;AAEpC,IAAInB,KAAY,QACdmB,EAAa;AAAA,MACX,gBAAAH,EAAC,QAAA,EAAK,WAAWI,GACd,eAD4B,WAE/B;AAAA,IAAA,GAIJD,EAAa;AAAA,MACX,gBAAAH,EAAC,QAAA,EAAK,WAAWK,GACd,UAAAzB,KADgC,SAEnC;AAAA,IAAA,GAGEO,KAAa,QACfgB,EAAa;AAAA,MACX,gBAAAH,EAAC,QAAA,EAAK,WAAWM,GACd,eAD6B,YAEhC;AAAA,IAAA,GAIJT,2BAAqB,UAAAM,EAAA,CAAa;AAAA,EACpC;AAEA,MAAII;AACJ,SAAIZ,MACFY,IAAe,KAIf,gBAAAP;AAAA,IAACQ;AAAA,IAAA;AAAA,MACE,GAAGjB;AAAA,MACJ,KAAAL;AAAA,MACA,WAAWM;AAAA,MACX,iBAAiBiB,EAAa,EAAE,SAAApB,GAAS;AAAA,MACzC,YAAYM;AAAA,MACZ,iBAAeY;AAAA,MAEd,UAAAV;AAAA,IAAA;AAAA,EAAA;AAGP;"}