@techsio/ui-kit 0.3.2 → 0.4.1

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 (447) hide show
  1. package/README.md +59 -6
  2. package/dist/.storybook/decorator.d.ts +12 -0
  3. package/dist/.storybook/decorator.d.ts.map +1 -0
  4. package/dist/.storybook/main.d.ts +4 -0
  5. package/dist/.storybook/main.d.ts.map +1 -0
  6. package/dist/.storybook/preview.d.ts +5 -0
  7. package/dist/.storybook/preview.d.ts.map +1 -0
  8. package/dist/.storybook/test-runner.d.ts +12 -0
  9. package/dist/.storybook/test-runner.d.ts.map +1 -0
  10. package/dist/atoms/badge.js +37 -19
  11. package/dist/atoms/button.js +167 -154
  12. package/dist/atoms/checkbox.js +52 -0
  13. package/dist/atoms/figma/badge.figma.js +33 -0
  14. package/dist/atoms/figma/button.figma.js +76 -0
  15. package/dist/atoms/figma/checkbox.figma.js +35 -0
  16. package/dist/atoms/figma/icon.figma.js +33 -0
  17. package/dist/atoms/figma/image.figma.js +21 -0
  18. package/dist/atoms/figma/input.figma.js +34 -0
  19. package/dist/atoms/figma/label.figma.js +25 -0
  20. package/dist/atoms/figma/link-button.figma.js +42 -0
  21. package/dist/atoms/figma/link.figma.js +15 -0
  22. package/dist/atoms/figma/numeric-input.figma.js +52 -0
  23. package/dist/atoms/figma/rating.figma.js +38 -0
  24. package/dist/atoms/figma/skeleton.figma.js +119 -0
  25. package/dist/atoms/figma/status-text.figma.js +27 -0
  26. package/dist/atoms/figma/textarea.figma.js +38 -0
  27. package/dist/atoms/figma/tooltip.figma.js +47 -0
  28. package/dist/atoms/icon.js +17 -17
  29. package/dist/atoms/image.js +22 -4
  30. package/dist/atoms/input.js +40 -34
  31. package/dist/atoms/label.js +10 -10
  32. package/dist/atoms/link-button.js +19 -18
  33. package/dist/atoms/link.js +6 -4
  34. package/dist/atoms/numeric-input.js +98 -70
  35. package/dist/atoms/rating.js +30 -30
  36. package/dist/atoms/skeleton.js +47 -47
  37. package/dist/atoms/status-text.js +75 -0
  38. package/dist/atoms/textarea.js +48 -42
  39. package/dist/atoms/tooltip.js +17 -17
  40. package/dist/molecules/accordion.js +58 -60
  41. package/dist/molecules/breadcrumb.js +206 -124
  42. package/dist/molecules/carousel.js +139 -87
  43. package/dist/molecules/color-select.js +56 -56
  44. package/dist/molecules/combobox.js +131 -104
  45. package/dist/molecules/dialog.js +97 -97
  46. package/dist/molecules/figma/accordion.figma.js +41 -0
  47. package/dist/molecules/figma/breadcrumb.figma.js +31 -0
  48. package/dist/molecules/figma/carousel.figma.js +34 -0
  49. package/dist/molecules/figma/combobox.figma.js +38 -0
  50. package/dist/molecules/figma/dialog.figma.js +24 -0
  51. package/dist/molecules/figma/form-checkbox.figma.js +41 -0
  52. package/dist/molecules/figma/form-input.figma.js +38 -0
  53. package/dist/molecules/figma/form-numeric-input.figma.js +67 -0
  54. package/dist/molecules/figma/form-textarea.figma.js +38 -0
  55. package/dist/molecules/figma/menu.figma.js +26 -0
  56. package/dist/molecules/figma/pagination.figma.js +22 -0
  57. package/dist/molecules/figma/popover.figma.js +38 -0
  58. package/dist/molecules/figma/product-card.figma.js +34 -0
  59. package/dist/molecules/figma/radio-card.figma.js +35 -0
  60. package/dist/molecules/figma/radio-group.figma.js +45 -0
  61. package/dist/molecules/figma/search-form.figma.js +24 -0
  62. package/dist/molecules/figma/select.figma.js +46 -0
  63. package/dist/molecules/figma/slider.figma.js +30 -0
  64. package/dist/molecules/figma/steps.figma.js +33 -0
  65. package/dist/molecules/figma/switch.figma.js +33 -0
  66. package/dist/molecules/figma/tabs.figma.js +46 -0
  67. package/dist/molecules/figma/toast.figma.js +34 -0
  68. package/dist/molecules/figma/tree-view.figma.js +30 -0
  69. package/dist/molecules/form-checkbox.js +121 -48
  70. package/dist/molecules/form-input.js +15 -27
  71. package/dist/molecules/form-numeric-input.js +11 -24
  72. package/dist/molecules/form-textarea.js +15 -27
  73. package/dist/molecules/menu.js +69 -67
  74. package/dist/molecules/pagination.js +112 -76
  75. package/dist/molecules/phone-input.js +654 -0
  76. package/dist/molecules/popover.js +221 -96
  77. package/dist/molecules/product-card.js +38 -37
  78. package/dist/molecules/radio-card.js +517 -0
  79. package/dist/molecules/radio-group.js +341 -0
  80. package/dist/molecules/search-form.js +170 -91
  81. package/dist/molecules/select.js +369 -141
  82. package/dist/molecules/slider.js +72 -85
  83. package/dist/molecules/steps.js +517 -152
  84. package/dist/molecules/switch.js +37 -43
  85. package/dist/molecules/tabs.js +63 -61
  86. package/dist/molecules/toast.js +32 -32
  87. package/dist/molecules/tree-view.js +89 -83
  88. package/dist/organisms/footer.js +50 -52
  89. package/dist/organisms/gallery.js +244 -0
  90. package/dist/organisms/header.js +60 -58
  91. package/dist/organisms/table.js +52 -52
  92. package/dist/src/atoms/badge.d.ts +27 -7
  93. package/dist/src/atoms/badge.d.ts.map +1 -1
  94. package/dist/src/atoms/button.d.ts +7 -6
  95. package/dist/src/atoms/button.d.ts.map +1 -1
  96. package/dist/src/atoms/checkbox.d.ts +11 -0
  97. package/dist/src/atoms/checkbox.d.ts.map +1 -0
  98. package/dist/src/atoms/figma/badge.figma.d.ts +2 -0
  99. package/dist/src/atoms/figma/badge.figma.d.ts.map +1 -0
  100. package/dist/src/atoms/figma/button.figma.d.ts +2 -0
  101. package/dist/src/atoms/figma/button.figma.d.ts.map +1 -0
  102. package/dist/src/atoms/figma/checkbox.figma.d.ts +2 -0
  103. package/dist/src/atoms/figma/checkbox.figma.d.ts.map +1 -0
  104. package/dist/src/atoms/figma/icon.figma.d.ts +2 -0
  105. package/dist/src/atoms/figma/icon.figma.d.ts.map +1 -0
  106. package/dist/src/atoms/figma/image.figma.d.ts +2 -0
  107. package/dist/src/atoms/figma/image.figma.d.ts.map +1 -0
  108. package/dist/src/atoms/figma/input.figma.d.ts +2 -0
  109. package/dist/src/atoms/figma/input.figma.d.ts.map +1 -0
  110. package/dist/src/atoms/figma/label.figma.d.ts +2 -0
  111. package/dist/src/atoms/figma/label.figma.d.ts.map +1 -0
  112. package/dist/src/atoms/figma/link-button.figma.d.ts +2 -0
  113. package/dist/src/atoms/figma/link-button.figma.d.ts.map +1 -0
  114. package/dist/src/atoms/figma/link.figma.d.ts +2 -0
  115. package/dist/src/atoms/figma/link.figma.d.ts.map +1 -0
  116. package/dist/src/atoms/figma/numeric-input.figma.d.ts +2 -0
  117. package/dist/src/atoms/figma/numeric-input.figma.d.ts.map +1 -0
  118. package/dist/src/atoms/figma/rating.figma.d.ts +2 -0
  119. package/dist/src/atoms/figma/rating.figma.d.ts.map +1 -0
  120. package/dist/src/atoms/figma/skeleton.figma.d.ts +2 -0
  121. package/dist/src/atoms/figma/skeleton.figma.d.ts.map +1 -0
  122. package/dist/src/atoms/figma/status-text.figma.d.ts +2 -0
  123. package/dist/src/atoms/figma/status-text.figma.d.ts.map +1 -0
  124. package/dist/src/atoms/figma/textarea.figma.d.ts +2 -0
  125. package/dist/src/atoms/figma/textarea.figma.d.ts.map +1 -0
  126. package/dist/src/atoms/figma/tooltip.figma.d.ts +2 -0
  127. package/dist/src/atoms/figma/tooltip.figma.d.ts.map +1 -0
  128. package/dist/src/atoms/icon.d.ts +6 -6
  129. package/dist/src/atoms/image.d.ts +35 -9
  130. package/dist/src/atoms/image.d.ts.map +1 -1
  131. package/dist/src/atoms/input.d.ts +3 -3
  132. package/dist/src/atoms/input.d.ts.map +1 -1
  133. package/dist/src/atoms/label.d.ts +2 -2
  134. package/dist/src/atoms/link-button.d.ts +71 -12
  135. package/dist/src/atoms/link-button.d.ts.map +1 -1
  136. package/dist/src/atoms/link.d.ts +5 -5
  137. package/dist/src/atoms/link.d.ts.map +1 -1
  138. package/dist/src/atoms/numeric-input.d.ts +23 -22
  139. package/dist/src/atoms/numeric-input.d.ts.map +1 -1
  140. package/dist/src/atoms/rating.d.ts +6 -5
  141. package/dist/src/atoms/rating.d.ts.map +1 -1
  142. package/dist/src/atoms/skeleton.d.ts +15 -15
  143. package/dist/src/atoms/skeleton.d.ts.map +1 -1
  144. package/dist/src/atoms/status-text.d.ts +97 -0
  145. package/dist/src/atoms/status-text.d.ts.map +1 -0
  146. package/dist/src/atoms/textarea.d.ts +3 -3
  147. package/dist/src/atoms/textarea.d.ts.map +1 -1
  148. package/dist/src/atoms/tooltip.d.ts +3 -3
  149. package/dist/src/atoms/tooltip.d.ts.map +1 -1
  150. package/dist/src/molecules/accordion.d.ts +14 -13
  151. package/dist/src/molecules/accordion.d.ts.map +1 -1
  152. package/dist/src/molecules/breadcrumb.d.ts +132 -35
  153. package/dist/src/molecules/breadcrumb.d.ts.map +1 -1
  154. package/dist/src/molecules/carousel.d.ts +67 -16
  155. package/dist/src/molecules/carousel.d.ts.map +1 -1
  156. package/dist/src/molecules/color-select.d.ts +4 -4
  157. package/dist/src/molecules/combobox.d.ts +36 -9
  158. package/dist/src/molecules/combobox.d.ts.map +1 -1
  159. package/dist/src/molecules/dialog.d.ts +3 -3
  160. package/dist/src/molecules/dialog.d.ts.map +1 -1
  161. package/dist/src/molecules/figma/accordion.figma.d.ts +2 -0
  162. package/dist/src/molecules/figma/accordion.figma.d.ts.map +1 -0
  163. package/dist/src/molecules/figma/breadcrumb.figma.d.ts +2 -0
  164. package/dist/src/molecules/figma/breadcrumb.figma.d.ts.map +1 -0
  165. package/dist/src/molecules/figma/carousel.figma.d.ts +2 -0
  166. package/dist/src/molecules/figma/carousel.figma.d.ts.map +1 -0
  167. package/dist/src/molecules/figma/combobox.figma.d.ts +2 -0
  168. package/dist/src/molecules/figma/combobox.figma.d.ts.map +1 -0
  169. package/dist/src/molecules/figma/dialog.figma.d.ts +2 -0
  170. package/dist/src/molecules/figma/dialog.figma.d.ts.map +1 -0
  171. package/dist/src/molecules/figma/form-checkbox.figma.d.ts +2 -0
  172. package/dist/src/molecules/figma/form-checkbox.figma.d.ts.map +1 -0
  173. package/dist/src/molecules/figma/form-input.figma.d.ts +2 -0
  174. package/dist/src/molecules/figma/form-input.figma.d.ts.map +1 -0
  175. package/dist/src/molecules/figma/form-numeric-input.figma.d.ts +2 -0
  176. package/dist/src/molecules/figma/form-numeric-input.figma.d.ts.map +1 -0
  177. package/dist/src/molecules/figma/form-textarea.figma.d.ts +2 -0
  178. package/dist/src/molecules/figma/form-textarea.figma.d.ts.map +1 -0
  179. package/dist/src/molecules/figma/menu.figma.d.ts +2 -0
  180. package/dist/src/molecules/figma/menu.figma.d.ts.map +1 -0
  181. package/dist/src/molecules/figma/pagination.figma.d.ts +2 -0
  182. package/dist/src/molecules/figma/pagination.figma.d.ts.map +1 -0
  183. package/dist/src/molecules/figma/popover.figma.d.ts +2 -0
  184. package/dist/src/molecules/figma/popover.figma.d.ts.map +1 -0
  185. package/dist/src/molecules/figma/product-card.figma.d.ts +2 -0
  186. package/dist/src/molecules/figma/product-card.figma.d.ts.map +1 -0
  187. package/dist/src/molecules/figma/radio-card.figma.d.ts +2 -0
  188. package/dist/src/molecules/figma/radio-card.figma.d.ts.map +1 -0
  189. package/dist/src/molecules/figma/radio-group.figma.d.ts +2 -0
  190. package/dist/src/molecules/figma/radio-group.figma.d.ts.map +1 -0
  191. package/dist/src/molecules/figma/search-form.figma.d.ts +2 -0
  192. package/dist/src/molecules/figma/search-form.figma.d.ts.map +1 -0
  193. package/dist/src/molecules/figma/select.figma.d.ts +2 -0
  194. package/dist/src/molecules/figma/select.figma.d.ts.map +1 -0
  195. package/dist/src/molecules/figma/slider.figma.d.ts +2 -0
  196. package/dist/src/molecules/figma/slider.figma.d.ts.map +1 -0
  197. package/dist/src/molecules/figma/steps.figma.d.ts +2 -0
  198. package/dist/src/molecules/figma/steps.figma.d.ts.map +1 -0
  199. package/dist/src/molecules/figma/switch.figma.d.ts +2 -0
  200. package/dist/src/molecules/figma/switch.figma.d.ts.map +1 -0
  201. package/dist/src/molecules/figma/tabs.figma.d.ts +2 -0
  202. package/dist/src/molecules/figma/tabs.figma.d.ts.map +1 -0
  203. package/dist/src/molecules/figma/toast.figma.d.ts +2 -0
  204. package/dist/src/molecules/figma/toast.figma.d.ts.map +1 -0
  205. package/dist/src/molecules/figma/tree-view.figma.d.ts +2 -0
  206. package/dist/src/molecules/figma/tree-view.figma.d.ts.map +1 -0
  207. package/dist/src/molecules/form-checkbox.d.ts +22 -12
  208. package/dist/src/molecules/form-checkbox.d.ts.map +1 -1
  209. package/dist/src/molecules/form-input.d.ts +8 -6
  210. package/dist/src/molecules/form-input.d.ts.map +1 -1
  211. package/dist/src/molecules/form-numeric-input.d.ts +6 -6
  212. package/dist/src/molecules/form-numeric-input.d.ts.map +1 -1
  213. package/dist/src/molecules/form-textarea.d.ts +8 -6
  214. package/dist/src/molecules/form-textarea.d.ts.map +1 -1
  215. package/dist/src/molecules/menu.d.ts +11 -11
  216. package/dist/src/molecules/menu.d.ts.map +1 -1
  217. package/dist/src/molecules/pagination.d.ts +37 -9
  218. package/dist/src/molecules/pagination.d.ts.map +1 -1
  219. package/dist/src/molecules/phone-input.d.ts +246 -0
  220. package/dist/src/molecules/phone-input.d.ts.map +1 -0
  221. package/dist/src/molecules/popover.d.ts +76 -24
  222. package/dist/src/molecules/popover.d.ts.map +1 -1
  223. package/dist/src/molecules/product-card.d.ts +11 -10
  224. package/dist/src/molecules/product-card.d.ts.map +1 -1
  225. package/dist/src/molecules/radio-card.d.ts +429 -0
  226. package/dist/src/molecules/radio-card.d.ts.map +1 -0
  227. package/dist/src/molecules/radio-group.d.ts +245 -0
  228. package/dist/src/molecules/radio-group.d.ts.map +1 -0
  229. package/dist/src/molecules/search-form.d.ts +94 -27
  230. package/dist/src/molecules/search-form.d.ts.map +1 -1
  231. package/dist/src/molecules/select.d.ts +124 -30
  232. package/dist/src/molecules/select.d.ts.map +1 -1
  233. package/dist/src/molecules/slider.d.ts +9 -12
  234. package/dist/src/molecules/slider.d.ts.map +1 -1
  235. package/dist/src/molecules/steps.d.ts +236 -64
  236. package/dist/src/molecules/steps.d.ts.map +1 -1
  237. package/dist/src/molecules/switch.d.ts +25 -25
  238. package/dist/src/molecules/switch.d.ts.map +1 -1
  239. package/dist/src/molecules/tabs.d.ts +10 -10
  240. package/dist/src/molecules/tabs.d.ts.map +1 -1
  241. package/dist/src/molecules/toast.d.ts +27 -27
  242. package/dist/src/molecules/tree-view.d.ts +14 -14
  243. package/dist/src/molecules/tree-view.d.ts.map +1 -1
  244. package/dist/src/organisms/footer.d.ts +15 -6
  245. package/dist/src/organisms/footer.d.ts.map +1 -1
  246. package/dist/src/organisms/gallery.d.ts +147 -0
  247. package/dist/src/organisms/gallery.d.ts.map +1 -0
  248. package/dist/src/organisms/header.d.ts +9 -9
  249. package/dist/src/organisms/header.d.ts.map +1 -1
  250. package/dist/src/organisms/table.d.ts +10 -10
  251. package/dist/src/organisms/table.d.ts.map +1 -1
  252. package/dist/src/templates/accordion.d.ts +3 -3
  253. package/dist/src/templates/breadcrumb.d.ts +28 -0
  254. package/dist/src/templates/breadcrumb.d.ts.map +1 -0
  255. package/dist/src/templates/carousel.d.ts +4 -4
  256. package/dist/src/templates/carousel.d.ts.map +1 -1
  257. package/dist/src/templates/gallery.d.ts +43 -0
  258. package/dist/src/templates/gallery.d.ts.map +1 -0
  259. package/dist/src/templates/numeric-input.d.ts +5 -5
  260. package/dist/src/templates/popover.d.ts +19 -0
  261. package/dist/src/templates/popover.d.ts.map +1 -0
  262. package/dist/src/templates/product-card.d.ts +4 -4
  263. package/dist/src/templates/select.d.ts +22 -0
  264. package/dist/src/templates/select.d.ts.map +1 -0
  265. package/dist/src/templates/tabs.d.ts +4 -4
  266. package/dist/src/types/zag.d.ts +19 -18
  267. package/dist/src/types/zag.d.ts.map +1 -1
  268. package/dist/src/utils.d.ts +1 -1
  269. package/dist/src/utils.d.ts.map +1 -1
  270. package/dist/stories/atoms/badge.stories.d.ts +12 -0
  271. package/dist/stories/atoms/badge.stories.d.ts.map +1 -0
  272. package/dist/stories/atoms/button.stories.d.ts +12 -0
  273. package/dist/stories/atoms/button.stories.d.ts.map +1 -0
  274. package/dist/stories/atoms/checkbox.stories.d.ts +56 -0
  275. package/dist/stories/atoms/checkbox.stories.d.ts.map +1 -0
  276. package/dist/stories/atoms/icon.stories.d.ts +11 -0
  277. package/dist/stories/atoms/icon.stories.d.ts.map +1 -0
  278. package/dist/stories/atoms/image.stories.d.ts +8 -0
  279. package/dist/stories/atoms/image.stories.d.ts.map +1 -0
  280. package/dist/stories/atoms/input.stories.d.ts +8 -0
  281. package/dist/stories/atoms/input.stories.d.ts.map +1 -0
  282. package/dist/stories/atoms/numeric-input.stories.d.ts +23 -0
  283. package/dist/stories/atoms/numeric-input.stories.d.ts.map +1 -0
  284. package/dist/stories/atoms/rating.stories.d.ts +10 -0
  285. package/dist/stories/atoms/rating.stories.d.ts.map +1 -0
  286. package/dist/stories/atoms/skeleton.stories.d.ts +34 -0
  287. package/dist/stories/atoms/skeleton.stories.d.ts.map +1 -0
  288. package/dist/stories/atoms/status-text.stories.d.ts +15 -0
  289. package/dist/stories/atoms/status-text.stories.d.ts.map +1 -0
  290. package/dist/stories/atoms/textarea.stories.d.ts +12 -0
  291. package/dist/stories/atoms/textarea.stories.d.ts.map +1 -0
  292. package/dist/stories/atoms/tooltip.stories.d.ts +28 -0
  293. package/dist/stories/atoms/tooltip.stories.d.ts.map +1 -0
  294. package/dist/stories/helpers/icon-options.d.ts +4 -0
  295. package/dist/stories/helpers/icon-options.d.ts.map +1 -0
  296. package/dist/stories/molecules/accordion.stories.d.ts +14 -0
  297. package/dist/stories/molecules/accordion.stories.d.ts.map +1 -0
  298. package/dist/stories/molecules/breadcrumb.stories.d.ts +14 -0
  299. package/dist/stories/molecules/breadcrumb.stories.d.ts.map +1 -0
  300. package/dist/stories/molecules/carousel.stories.d.ts +19 -0
  301. package/dist/stories/molecules/carousel.stories.d.ts.map +1 -0
  302. package/dist/stories/molecules/color-select.stories.d.ts +12 -0
  303. package/dist/stories/molecules/color-select.stories.d.ts.map +1 -0
  304. package/dist/stories/molecules/combobox.stories.d.ts +11 -0
  305. package/dist/stories/molecules/combobox.stories.d.ts.map +1 -0
  306. package/dist/stories/molecules/dialog.stories.d.ts +19 -0
  307. package/dist/stories/molecules/dialog.stories.d.ts.map +1 -0
  308. package/dist/stories/molecules/form-checkbox.stories.d.ts +17 -0
  309. package/dist/stories/molecules/form-checkbox.stories.d.ts.map +1 -0
  310. package/dist/stories/molecules/form-input.stories.d.ts +12 -0
  311. package/dist/stories/molecules/form-input.stories.d.ts.map +1 -0
  312. package/dist/stories/molecules/form-numeric-input.stories.d.ts +17 -0
  313. package/dist/stories/molecules/form-numeric-input.stories.d.ts.map +1 -0
  314. package/dist/stories/molecules/form-textarea.stories.d.ts +12 -0
  315. package/dist/stories/molecules/form-textarea.stories.d.ts.map +1 -0
  316. package/dist/stories/molecules/menu.stories.d.ts +22 -0
  317. package/dist/stories/molecules/menu.stories.d.ts.map +1 -0
  318. package/dist/stories/molecules/pagination.stories.d.ts +13 -0
  319. package/dist/stories/molecules/pagination.stories.d.ts.map +1 -0
  320. package/dist/stories/molecules/phone-input.stories.d.ts +19 -0
  321. package/dist/stories/molecules/phone-input.stories.d.ts.map +1 -0
  322. package/dist/stories/molecules/popover.stories.d.ts +140 -0
  323. package/dist/stories/molecules/popover.stories.d.ts.map +1 -0
  324. package/dist/stories/molecules/product-card.stories.d.ts +41 -0
  325. package/dist/stories/molecules/product-card.stories.d.ts.map +1 -0
  326. package/dist/stories/molecules/radio-card.stories.d.ts +13 -0
  327. package/dist/stories/molecules/radio-card.stories.d.ts.map +1 -0
  328. package/dist/stories/molecules/radio-group.stories.d.ts +13 -0
  329. package/dist/stories/molecules/radio-group.stories.d.ts.map +1 -0
  330. package/dist/stories/molecules/search-form.stories.d.ts +16 -0
  331. package/dist/stories/molecules/search-form.stories.d.ts.map +1 -0
  332. package/dist/stories/molecules/select.stories.d.ts +19 -0
  333. package/dist/stories/molecules/select.stories.d.ts.map +1 -0
  334. package/dist/stories/molecules/slider.stories.d.ts +19 -0
  335. package/dist/stories/molecules/slider.stories.d.ts.map +1 -0
  336. package/dist/stories/molecules/steps.stories.d.ts +19 -0
  337. package/dist/stories/molecules/steps.stories.d.ts.map +1 -0
  338. package/dist/stories/molecules/switch.stories.d.ts +13 -0
  339. package/dist/stories/molecules/switch.stories.d.ts.map +1 -0
  340. package/dist/stories/molecules/tabs.stories.d.ts +18 -0
  341. package/dist/stories/molecules/tabs.stories.d.ts.map +1 -0
  342. package/dist/stories/molecules/toast.stories.d.ts +11 -0
  343. package/dist/stories/molecules/toast.stories.d.ts.map +1 -0
  344. package/dist/stories/molecules/tree-view.stories.d.ts +17 -0
  345. package/dist/stories/molecules/tree-view.stories.d.ts.map +1 -0
  346. package/dist/stories/organisms/footer.stories.d.ts +12 -0
  347. package/dist/stories/organisms/footer.stories.d.ts.map +1 -0
  348. package/dist/stories/organisms/gallery.stories.d.ts +73 -0
  349. package/dist/stories/organisms/gallery.stories.d.ts.map +1 -0
  350. package/dist/stories/organisms/header.stories.d.ts +12 -0
  351. package/dist/stories/organisms/header.stories.d.ts.map +1 -0
  352. package/dist/stories/organisms/table.stories.d.ts +56 -0
  353. package/dist/stories/organisms/table.stories.d.ts.map +1 -0
  354. package/dist/stories/overview/apca-contrast-test.stories.d.ts +8 -0
  355. package/dist/stories/overview/apca-contrast-test.stories.d.ts.map +1 -0
  356. package/dist/stories/overview/color-palette.stories.d.ts +8 -0
  357. package/dist/stories/overview/color-palette.stories.d.ts.map +1 -0
  358. package/dist/stories/overview/component-comparison.stories.d.ts +6 -0
  359. package/dist/stories/overview/component-comparison.stories.d.ts.map +1 -0
  360. package/dist/stories/templates/accordion.stories.d.ts +8 -0
  361. package/dist/stories/templates/accordion.stories.d.ts.map +1 -0
  362. package/dist/stories/templates/breadcrumb.stories.d.ts +12 -0
  363. package/dist/stories/templates/breadcrumb.stories.d.ts.map +1 -0
  364. package/dist/stories/templates/carousel.stories.d.ts +8 -0
  365. package/dist/stories/templates/carousel.stories.d.ts.map +1 -0
  366. package/dist/stories/templates/comprehensive-form.stories.d.ts +26 -0
  367. package/dist/stories/templates/comprehensive-form.stories.d.ts.map +1 -0
  368. package/dist/stories/templates/gallery.stories.d.ts +7 -0
  369. package/dist/stories/templates/gallery.stories.d.ts.map +1 -0
  370. package/dist/stories/templates/numeric-input.stories.d.ts +8 -0
  371. package/dist/stories/templates/numeric-input.stories.d.ts.map +1 -0
  372. package/dist/stories/templates/popover.stories.d.ts +55 -0
  373. package/dist/stories/templates/popover.stories.d.ts.map +1 -0
  374. package/dist/stories/templates/product-card.stories.d.ts +10 -0
  375. package/dist/stories/templates/product-card.stories.d.ts.map +1 -0
  376. package/dist/stories/templates/select.stories.d.ts +10 -0
  377. package/dist/stories/templates/select.stories.d.ts.map +1 -0
  378. package/dist/stories/templates/tabs.stories.d.ts +8 -0
  379. package/dist/stories/templates/tabs.stories.d.ts.map +1 -0
  380. package/dist/templates/accordion.js +9 -9
  381. package/dist/templates/breadcrumb.js +78 -0
  382. package/dist/templates/carousel.js +13 -15
  383. package/dist/templates/gallery.js +89 -0
  384. package/dist/templates/numeric-input.js +4 -4
  385. package/dist/templates/popover.js +35 -0
  386. package/dist/templates/product-card.js +10 -10
  387. package/dist/templates/select.js +43 -0
  388. package/dist/templates/tabs.js +8 -8
  389. package/dist/test/visual.spec.d.ts +2 -0
  390. package/dist/test/visual.spec.d.ts.map +1 -0
  391. package/dist/utils.js +1 -1
  392. package/package.json +52 -32
  393. package/src/tokens/_base.css +3 -3
  394. package/src/tokens/_layout.css +4 -0
  395. package/src/tokens/_semantic.css +49 -10
  396. package/src/tokens/_tokens-base.css +67 -0
  397. package/src/tokens/_typography.css +36 -6
  398. package/src/tokens/components/_form-control.css +67 -0
  399. package/src/tokens/components/atoms/_badge.css +16 -5
  400. package/src/tokens/components/atoms/_button.css +16 -10
  401. package/src/tokens/components/atoms/_checkbox.css +52 -0
  402. package/src/tokens/components/atoms/_icon.css +90 -2
  403. package/src/tokens/components/atoms/_image.css +5 -0
  404. package/src/tokens/components/atoms/_input.css +11 -32
  405. package/src/tokens/components/atoms/_label.css +11 -0
  406. package/src/tokens/components/atoms/_numeric-input.css +27 -13
  407. package/src/tokens/components/atoms/_rating.css +2 -2
  408. package/src/tokens/components/atoms/_status-text.css +32 -0
  409. package/src/tokens/components/atoms/_textarea.css +15 -17
  410. package/src/tokens/components/components.css +10 -1
  411. package/src/tokens/components/molecules/_accordion.css +1 -8
  412. package/src/tokens/components/molecules/_breadcrumb.css +42 -20
  413. package/src/tokens/components/molecules/_carousel.css +10 -2
  414. package/src/tokens/components/molecules/_color-select.css +3 -3
  415. package/src/tokens/components/molecules/_combobox.css +15 -21
  416. package/src/tokens/components/molecules/_dialog.css +0 -1
  417. package/src/tokens/components/molecules/_menu.css +0 -1
  418. package/src/tokens/components/molecules/_pagination.css +3 -3
  419. package/src/tokens/components/molecules/_phone-input.css +63 -0
  420. package/src/tokens/components/molecules/_popover.css +3 -0
  421. package/src/tokens/components/molecules/_product-card.css +9 -1
  422. package/src/tokens/components/molecules/_radio-card.css +197 -0
  423. package/src/tokens/components/molecules/_radio-group.css +150 -0
  424. package/src/tokens/components/molecules/_search-form.css +7 -3
  425. package/src/tokens/components/molecules/_select.css +41 -20
  426. package/src/tokens/components/molecules/_steps.css +115 -34
  427. package/src/tokens/components/molecules/_toast.css +5 -5
  428. package/src/tokens/components/molecules/_tree-view.css +5 -6
  429. package/src/tokens/components/organisms/_footer.css +1 -6
  430. package/src/tokens/components/organisms/_gallery.css +35 -0
  431. package/src/tokens/components/organisms/_header.css +8 -0
  432. package/src/tokens/figma/dark/variables.css +1406 -0
  433. package/src/tokens/figma/light/variables.css +1406 -0
  434. package/src/tokens/index.css +1 -65
  435. package/src/tokens/theme.css +95 -0
  436. package/src/tokens/tokens-only.css +1 -64
  437. package/dist/atoms/error-text.js +0 -38
  438. package/dist/atoms/extra-text.js +0 -27
  439. package/dist/molecules/checkbox.js +0 -98
  440. package/dist/src/atoms/error-text.d.ts +0 -29
  441. package/dist/src/atoms/error-text.d.ts.map +0 -1
  442. package/dist/src/atoms/extra-text.d.ts +0 -27
  443. package/dist/src/atoms/extra-text.d.ts.map +0 -1
  444. package/dist/src/molecules/checkbox.d.ts +0 -19
  445. package/dist/src/molecules/checkbox.d.ts.map +0 -1
  446. package/src/tokens/components/molecules/_checkbox.css +0 -34
  447. package/src/tokens/components/molecules/index.css +0 -2
@@ -4,116 +4,116 @@ import { tv } from "../utils.js";
4
4
  const tableVariants = tv({
5
5
  slots: {
6
6
  root: [
7
- 'w-full border-collapse',
8
- 'bg-table-bg text-table-fg'
7
+ "w-full border-collapse",
8
+ "bg-table-bg text-table-fg"
9
9
  ],
10
10
  caption: [
11
- 'text-table-caption-fg',
12
- 'text-start font-table-caption'
11
+ "text-table-caption-fg",
12
+ "text-start font-table-caption"
13
13
  ],
14
14
  header: [
15
- 'bg-table-header-bg',
16
- 'text-table-header-fg font-table-header'
15
+ "bg-table-header-bg",
16
+ "font-table-header text-table-header-fg"
17
17
  ],
18
- body: '',
18
+ body: "",
19
19
  footer: [
20
- 'bg-table-footer-bg',
21
- 'text-table-footer-fg font-table-footer'
20
+ "bg-table-footer-bg",
21
+ "font-table-footer text-table-footer-fg"
22
22
  ],
23
23
  row: [
24
- 'border-b-(length:--border-width-table) border-table-border',
25
- 'data-[selected=true]:bg-table-row-bg-selected',
26
- 'transition-colors duration-200'
24
+ "border-b-(length:--border-width-table) border-table-border",
25
+ "data-[selected=true]:bg-table-row-bg-selected",
26
+ "transition-colors duration-200 motion-reduce:transition-none"
27
27
  ],
28
28
  columnHeader: [
29
- 'text-start data-[numeric=true]:text-end',
30
- 'font-table-header'
29
+ "text-start data-[numeric=true]:text-end",
30
+ "font-table-header"
31
31
  ],
32
32
  cell: [
33
- 'text-start data-[numeric=true]:text-end'
33
+ "text-start data-[numeric=true]:text-end"
34
34
  ]
35
35
  },
36
36
  variants: {
37
37
  variant: {
38
38
  line: {
39
- root: '',
40
- row: 'border-b-(length:--border-width-table) border-table-border'
39
+ root: "",
40
+ row: "border-b-(length:--border-width-table) border-table-border"
41
41
  },
42
42
  outline: {
43
- root: 'border-(length:--border-width-table) border-table-border rounded-table shadow-table-outline'
43
+ root: "border-(length:--border-width-table) rounded-table border-table-border shadow-table-outline"
44
44
  },
45
45
  striped: {
46
- row: 'odd:bg-table-row-striped-bg-primary even:bg-table-row-striped-bg-secondary'
46
+ row: "odd:bg-table-row-striped-bg-primary even:bg-table-row-striped-bg-secondary"
47
47
  }
48
48
  },
49
49
  interactive: {
50
50
  true: {
51
- row: 'hover:bg-table-row-bg-hover cursor-pointer'
51
+ row: "cursor-pointer hover:bg-table-row-bg-hover"
52
52
  }
53
53
  },
54
54
  size: {
55
55
  sm: {
56
- cell: 'text-table-sm p-table-cell-sm',
57
- columnHeader: 'text-table-sm p-table-cell-sm',
58
- caption: 'text-table-caption-sm p-table-caption-sm'
56
+ cell: "p-table-cell-sm text-table-sm",
57
+ columnHeader: "p-table-cell-sm text-table-sm",
58
+ caption: "p-table-caption-sm text-table-caption-sm"
59
59
  },
60
60
  md: {
61
- cell: 'text-table-md p-table-cell-md',
62
- columnHeader: 'text-table-md p-table-cell-md',
63
- caption: 'text-table-caption-md p-table-caption-md'
61
+ cell: "p-table-cell-md text-table-md",
62
+ columnHeader: "p-table-cell-md text-table-md",
63
+ caption: "p-table-caption-md text-table-caption-md"
64
64
  },
65
65
  lg: {
66
- cell: 'text-table-lg p-table-cell-lg',
67
- columnHeader: 'text-table-lg p-table-cell-lg',
68
- caption: 'text-table-caption-lg p-table-caption-lg'
66
+ cell: "p-table-cell-lg text-table-lg",
67
+ columnHeader: "p-table-cell-lg text-table-lg",
68
+ caption: "p-table-caption-lg text-table-caption-lg"
69
69
  }
70
70
  },
71
71
  stickyHeader: {
72
72
  true: {
73
- columnHeader: 'sticky top-0 z-10 bg-table-header-bg'
73
+ columnHeader: "sticky top-0 z-10 bg-table-header-bg"
74
74
  }
75
75
  },
76
76
  stickyFirstColumn: {
77
77
  true: {
78
78
  columnHeader: [
79
- 'first:sticky first:start-0 first:z-20',
80
- 'bg-table-header-bg'
79
+ "first:sticky first:start-0 first:z-20",
80
+ "bg-table-header-bg"
81
81
  ],
82
82
  cell: [
83
- 'first:sticky first:start-0 first:z-10',
84
- 'bg-table-bg'
83
+ "first:sticky first:start-0 first:z-10",
84
+ "bg-table-bg"
85
85
  ]
86
86
  }
87
87
  },
88
88
  showColumnBorder: {
89
89
  true: {
90
- columnHeader: 'border-r-(length:--border-width-table) border-table-border',
91
- cell: 'border-r-(length:--border-width-table) border-table-border'
90
+ columnHeader: "border-r-(length:--border-width-table) border-table-border",
91
+ cell: "border-r-(length:--border-width-table) border-table-border"
92
92
  }
93
93
  },
94
94
  captionPlacement: {
95
95
  top: {
96
- caption: 'caption-top'
96
+ caption: "caption-top"
97
97
  },
98
98
  bottom: {
99
- caption: 'caption-bottom'
99
+ caption: "caption-bottom"
100
100
  }
101
101
  }
102
102
  },
103
103
  defaultVariants: {
104
- variant: 'line',
105
- size: 'md',
104
+ variant: "line",
105
+ size: "md",
106
106
  interactive: false,
107
107
  stickyHeader: false,
108
108
  stickyFirstColumn: false,
109
109
  showColumnBorder: false,
110
- captionPlacement: 'top'
110
+ captionPlacement: "top"
111
111
  }
112
112
  });
113
113
  const TableContext = /*#__PURE__*/ createContext(null);
114
114
  function useTableContext() {
115
115
  const context = useContext(TableContext);
116
- if (!context) throw new Error('Table components must be used within Table');
116
+ if (!context) throw new Error("Table components must be used within Table");
117
117
  return context;
118
118
  }
119
119
  function Table({ variant, size, interactive, stickyHeader, stickyFirstColumn, showColumnBorder, captionPlacement, children, ref, className, ...props }) {
@@ -138,10 +138,10 @@ function Table({ variant, size, interactive, stickyHeader, stickyFirstColumn, sh
138
138
  styles
139
139
  },
140
140
  children: /*#__PURE__*/ jsx("table", {
141
- ref: ref,
142
141
  className: styles.root({
143
142
  className
144
143
  }),
144
+ ref: ref,
145
145
  ...props,
146
146
  children: children
147
147
  })
@@ -150,10 +150,10 @@ function Table({ variant, size, interactive, stickyHeader, stickyFirstColumn, sh
150
150
  Table.Caption = function({ children, ref, className, ...props }) {
151
151
  const { styles } = useTableContext();
152
152
  return /*#__PURE__*/ jsx("caption", {
153
- ref: ref,
154
153
  className: styles.caption({
155
154
  className
156
155
  }),
156
+ ref: ref,
157
157
  ...props,
158
158
  children: children
159
159
  });
@@ -161,10 +161,10 @@ Table.Caption = function({ children, ref, className, ...props }) {
161
161
  Table.Header = function({ children, ref, className, ...props }) {
162
162
  const { styles } = useTableContext();
163
163
  return /*#__PURE__*/ jsx("thead", {
164
- ref: ref,
165
164
  className: styles.header({
166
165
  className
167
166
  }),
167
+ ref: ref,
168
168
  ...props,
169
169
  children: children
170
170
  });
@@ -172,10 +172,10 @@ Table.Header = function({ children, ref, className, ...props }) {
172
172
  Table.Body = function({ children, ref, className, ...props }) {
173
173
  const { styles } = useTableContext();
174
174
  return /*#__PURE__*/ jsx("tbody", {
175
- ref: ref,
176
175
  className: styles.body({
177
176
  className
178
177
  }),
178
+ ref: ref,
179
179
  ...props,
180
180
  children: children
181
181
  });
@@ -183,10 +183,10 @@ Table.Body = function({ children, ref, className, ...props }) {
183
183
  Table.Footer = function({ children, ref, className, ...props }) {
184
184
  const { styles } = useTableContext();
185
185
  return /*#__PURE__*/ jsx("tfoot", {
186
- ref: ref,
187
186
  className: styles.footer({
188
187
  className
189
188
  }),
189
+ ref: ref,
190
190
  ...props,
191
191
  children: children
192
192
  });
@@ -194,11 +194,11 @@ Table.Footer = function({ children, ref, className, ...props }) {
194
194
  Table.Row = function({ children, ref, className, selected, ...props }) {
195
195
  const { styles } = useTableContext();
196
196
  return /*#__PURE__*/ jsx("tr", {
197
- ref: ref,
198
197
  className: styles.row({
199
198
  className
200
199
  }),
201
200
  "data-selected": selected,
201
+ ref: ref,
202
202
  ...props,
203
203
  children: children
204
204
  });
@@ -206,12 +206,12 @@ Table.Row = function({ children, ref, className, selected, ...props }) {
206
206
  Table.ColumnHeader = function({ children, ref, className, numeric, ...props }) {
207
207
  const { styles } = useTableContext();
208
208
  return /*#__PURE__*/ jsx("th", {
209
- ref: ref,
210
- scope: "col",
211
209
  className: styles.columnHeader({
212
210
  className
213
211
  }),
214
212
  "data-numeric": numeric,
213
+ ref: ref,
214
+ scope: "col",
215
215
  ...props,
216
216
  children: children
217
217
  });
@@ -219,15 +219,15 @@ Table.ColumnHeader = function({ children, ref, className, numeric, ...props }) {
219
219
  Table.Cell = function({ children, ref, className, numeric, ...props }) {
220
220
  const { styles, stickyFirstColumn } = useTableContext();
221
221
  return /*#__PURE__*/ jsx("td", {
222
- ref: ref,
223
222
  className: styles.cell({
224
223
  className,
225
224
  stickyFirstColumn
226
225
  }),
227
226
  "data-numeric": numeric,
227
+ ref: ref,
228
228
  ...props,
229
229
  children: children
230
230
  });
231
231
  };
232
- Table.displayName = 'Table';
232
+ Table.displayName = "Table";
233
233
  export { Table };
@@ -1,5 +1,5 @@
1
- import type { HTMLAttributes } from 'react';
2
- import type { VariantProps } from 'tailwind-variants';
1
+ import type { HTMLAttributes } from "react";
2
+ import type { VariantProps } from "tailwind-variants";
3
3
  declare const badgeVariants: import("tailwind-variants").TVReturnType<{
4
4
  variant: {
5
5
  primary: string[];
@@ -13,6 +13,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
13
13
  outline: string[];
14
14
  dynamic: never[];
15
15
  };
16
+ size: {
17
+ sm: string[];
18
+ md: string[];
19
+ lg: string[];
20
+ xl: string[];
21
+ };
16
22
  }, undefined, string[], {
17
23
  variant: {
18
24
  primary: string[];
@@ -26,6 +32,12 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
26
32
  outline: string[];
27
33
  dynamic: never[];
28
34
  };
35
+ size: {
36
+ sm: string[];
37
+ md: string[];
38
+ lg: string[];
39
+ xl: string[];
40
+ };
29
41
  }, undefined, import("tailwind-variants").TVReturnType<{
30
42
  variant: {
31
43
  primary: string[];
@@ -39,21 +51,29 @@ declare const badgeVariants: import("tailwind-variants").TVReturnType<{
39
51
  outline: string[];
40
52
  dynamic: never[];
41
53
  };
54
+ size: {
55
+ sm: string[];
56
+ md: string[];
57
+ lg: string[];
58
+ xl: string[];
59
+ };
42
60
  }, undefined, string[], unknown, unknown, undefined>>;
43
- type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>['variant']>;
44
- type BaseBadgeProps = Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'children'> & {
61
+ type BadgeVariant = NonNullable<VariantProps<typeof badgeVariants>["variant"]>;
62
+ type BadgeSize = NonNullable<VariantProps<typeof badgeVariants>["size"]>;
63
+ type BaseBadgeProps = Omit<HTMLAttributes<HTMLSpanElement>, "color" | "children"> & {
45
64
  children: string;
65
+ size?: BadgeSize;
46
66
  };
47
67
  type DefaultBadgeProps = BaseBadgeProps & {
48
- variant?: Exclude<BadgeVariant, 'dynamic'>;
68
+ variant?: Exclude<BadgeVariant, "dynamic">;
49
69
  };
50
70
  type DynamicBadgeProps = BaseBadgeProps & {
51
- variant: 'dynamic';
71
+ variant: "dynamic";
52
72
  bgColor: string;
53
73
  fgColor: string;
54
74
  borderColor: string;
55
75
  };
56
76
  export type BadgeProps = DefaultBadgeProps | DynamicBadgeProps;
57
- export declare function Badge({ variant, className, children, style, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
77
+ export declare function Badge({ variant, size, className, children, style, ...props }: BadgeProps): import("react/jsx-runtime").JSX.Element;
58
78
  export {};
59
79
  //# sourceMappingURL=badge.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/atoms/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAyCjB,CAAA;AAEF,KAAK,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;AAE9E,KAAK,cAAc,GAAG,IAAI,CACxB,cAAc,CAAC,eAAe,CAAC,EAC/B,OAAO,GAAG,UAAU,CACrB,GAAG;IACF,QAAQ,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,KAAK,iBAAiB,GAAG,cAAc,GAAG;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;CAC3C,CAAA;AAED,KAAK,iBAAiB,GAAG,cAAc,GAAG;IACxC,OAAO,EAAE,SAAS,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,iBAAiB,GAAG,iBAAiB,CAAA;AAE9D,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,2CAwBZ"}
1
+ {"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/atoms/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDA8CjB,CAAA;AAEF,KAAK,YAAY,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;AAC9E,KAAK,SAAS,GAAG,WAAW,CAAC,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,CAAC,CAAC,CAAA;AAExE,KAAK,cAAc,GAAG,IAAI,CACxB,cAAc,CAAC,eAAe,CAAC,EAC/B,OAAO,GAAG,UAAU,CACrB,GAAG;IACF,QAAQ,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB,CAAA;AAED,KAAK,iBAAiB,GAAG,cAAc,GAAG;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAA;CAC3C,CAAA;AAED,KAAK,iBAAiB,GAAG,cAAc,GAAG;IACxC,OAAO,EAAE,SAAS,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;IACf,WAAW,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,UAAU,GAAG,iBAAiB,GAAG,iBAAiB,CAAA;AAE9D,wBAAgB,KAAK,CAAC,EACpB,OAAO,EACP,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,2CAwBZ"}
@@ -1,6 +1,6 @@
1
- import type { ButtonHTMLAttributes, ReactNode, Ref } from 'react';
2
- import type { VariantProps } from 'tailwind-variants';
3
- import { type IconType } from './icon';
1
+ import type { ButtonHTMLAttributes, ReactNode, Ref } from "react";
2
+ import type { VariantProps } from "tailwind-variants";
3
+ import { type IconType } from "./icon";
4
4
  export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
5
5
  variant: {
6
6
  primary: string;
@@ -83,15 +83,16 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
83
83
  true: string;
84
84
  };
85
85
  }, undefined, string[], unknown, unknown, undefined>>;
86
- export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>, VariantProps<typeof buttonVariants> {
86
+ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children">, VariantProps<typeof buttonVariants> {
87
87
  icon?: IconType;
88
- iconPosition?: 'left' | 'right';
88
+ iconPosition?: "left" | "right";
89
+ iconSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "current";
89
90
  uppercase?: boolean;
90
91
  isLoading?: boolean;
91
92
  loadingText?: string;
92
93
  children?: ReactNode;
93
94
  }
94
- export declare function Button({ variant, theme, size, block, isLoading, icon, iconPosition, uppercase, children, className, ...props }: ButtonProps & {
95
+ export declare function Button({ variant, theme, size, block, isLoading, loadingText, icon, iconPosition, iconSize, uppercase, children, className, disabled: disabledProp, ...props }: ButtonProps & {
95
96
  ref?: Ref<HTMLButtonElement>;
96
97
  }): import("react/jsx-runtime").JSX.Element;
97
98
  //# sourceMappingURL=button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/atoms/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAE5C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDA8OzB,CAAA;AAEF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,IAAI,EACJ,YAAqB,EACrB,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,WAAW,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,2CAmBhD"}
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/atoms/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,OAAO,EAAQ,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAE5C,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDA+OzB,CAAA;AAEF,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC/B,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,GAAG,SAAS,CAAA;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,KAAK,EACL,SAAS,EACT,WAAW,EACX,IAAI,EACJ,YAAqB,EACrB,QAAQ,EACR,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,QAAQ,EAAE,YAAY,EACtB,GAAG,KAAK,EACT,EAAE,WAAW,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,2CA8BhD"}
@@ -0,0 +1,11 @@
1
+ import type { InputHTMLAttributes, Ref } from "react";
2
+ export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
3
+ ref?: Ref<HTMLInputElement>;
4
+ indeterminate?: boolean;
5
+ invalid?: boolean;
6
+ }
7
+ export declare function Checkbox({ className, indeterminate, invalid, ref, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
8
+ export declare namespace Checkbox {
9
+ var displayName: string;
10
+ }
11
+ //# sourceMappingURL=checkbox.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/atoms/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAmCrD,MAAM,WAAW,aAAc,SAAQ,mBAAmB,CAAC,gBAAgB,CAAC;IAC1E,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,wBAAgB,QAAQ,CAAC,EACvB,SAAS,EACT,aAAa,EACb,OAAO,EACP,GAAG,EACH,GAAG,KAAK,EACT,EAAE,aAAa,2CAsBf;yBA5Be,QAAQ"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=badge.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"badge.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/badge.figma.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=button.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/button.figma.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=checkbox.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/checkbox.figma.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=icon.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"icon.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/icon.figma.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=image.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"image.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/image.figma.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=input.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"input.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/input.figma.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=label.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"label.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/label.figma.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=link-button.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"link-button.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/link-button.figma.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=link.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"link.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/link.figma.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=numeric-input.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"numeric-input.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/numeric-input.figma.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=rating.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"rating.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/rating.figma.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=skeleton.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"skeleton.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/skeleton.figma.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=status-text.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"status-text.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/status-text.figma.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=textarea.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"textarea.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/textarea.figma.tsx"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=tooltip.figma.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.figma.d.ts","sourceRoot":"","sources":["../../../../src/atoms/figma/tooltip.figma.tsx"],"names":[],"mappings":""}
@@ -1,5 +1,5 @@
1
- import type { HTMLAttributes } from 'react';
2
- import type { VariantProps } from 'tailwind-variants';
1
+ import type { HTMLAttributes } from "react";
2
+ import type { VariantProps } from "tailwind-variants";
3
3
  export type IconType = `token-icon-${string}` | `icon-[${string}]`;
4
4
  declare const iconVariants: import("tailwind-variants").TVReturnType<{
5
5
  size: {
@@ -9,7 +9,7 @@ declare const iconVariants: import("tailwind-variants").TVReturnType<{
9
9
  md: string;
10
10
  lg: string;
11
11
  xl: string;
12
- '2xl': string;
12
+ "2xl": string;
13
13
  };
14
14
  color: {
15
15
  current: string;
@@ -27,7 +27,7 @@ declare const iconVariants: import("tailwind-variants").TVReturnType<{
27
27
  md: string;
28
28
  lg: string;
29
29
  xl: string;
30
- '2xl': string;
30
+ "2xl": string;
31
31
  };
32
32
  color: {
33
33
  current: string;
@@ -45,7 +45,7 @@ declare const iconVariants: import("tailwind-variants").TVReturnType<{
45
45
  md: string;
46
46
  lg: string;
47
47
  xl: string;
48
- '2xl': string;
48
+ "2xl": string;
49
49
  };
50
50
  color: {
51
51
  current: string;
@@ -56,7 +56,7 @@ declare const iconVariants: import("tailwind-variants").TVReturnType<{
56
56
  warning: string;
57
57
  };
58
58
  }, undefined, string[], unknown, unknown, undefined>>;
59
- export interface IconProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof iconVariants> {
59
+ export interface IconProps extends Omit<HTMLAttributes<HTMLSpanElement>, "color">, VariantProps<typeof iconVariants> {
60
60
  icon: IconType;
61
61
  className?: string;
62
62
  }
@@ -1,17 +1,43 @@
1
- import type { ComponentPropsWithoutRef, ElementType } from 'react';
2
- export interface BaseImageProps {
1
+ import type { ComponentPropsWithoutRef, ElementType } from "react";
2
+ import type { VariantProps } from "tailwind-variants";
3
+ declare const imageVariants: import("tailwind-variants").TVReturnType<{
4
+ size: {
5
+ sm: string;
6
+ md: string;
7
+ lg: string;
8
+ full: string;
9
+ custom: string;
10
+ };
11
+ }, undefined, undefined, {
12
+ size: {
13
+ sm: string;
14
+ md: string;
15
+ lg: string;
16
+ full: string;
17
+ custom: string;
18
+ };
19
+ }, undefined, import("tailwind-variants").TVReturnType<{
20
+ size: {
21
+ sm: string;
22
+ md: string;
23
+ lg: string;
24
+ full: string;
25
+ custom: string;
26
+ };
27
+ }, undefined, undefined, unknown, unknown, undefined>>;
28
+ export type BaseImageProps = {
3
29
  src: string;
4
30
  alt: string;
5
31
  className?: string;
6
- }
7
- type HasImageProps<T extends ElementType> = 'src' extends keyof ComponentPropsWithoutRef<T> ? 'alt' extends keyof ComponentPropsWithoutRef<T> ? T : never : never;
8
- type NativeImageProps = BaseImageProps & Omit<ComponentPropsWithoutRef<'img'>, keyof BaseImageProps>;
9
- type CustomImageProps<T extends ElementType> = BaseImageProps & Omit<ComponentPropsWithoutRef<HasImageProps<T>>, keyof BaseImageProps> & {
32
+ };
33
+ type HasImageProps<T extends ElementType> = "src" extends keyof ComponentPropsWithoutRef<T> ? "alt" extends keyof ComponentPropsWithoutRef<T> ? T : never : never;
34
+ type NativeImageProps = BaseImageProps & VariantProps<typeof imageVariants> & Omit<ComponentPropsWithoutRef<"img">, keyof BaseImageProps | keyof VariantProps<typeof imageVariants>>;
35
+ type CustomImageProps<T extends ElementType> = BaseImageProps & VariantProps<typeof imageVariants> & Omit<ComponentPropsWithoutRef<HasImageProps<T>>, keyof BaseImageProps | keyof VariantProps<typeof imageVariants>> & {
10
36
  as: HasImageProps<T>;
11
37
  };
12
- export type ImageProps<T extends ElementType = 'img'> = T extends 'img' ? NativeImageProps & {
13
- as?: 'img';
38
+ export type ImageProps<T extends ElementType = "img"> = T extends "img" ? NativeImageProps & {
39
+ as?: "img";
14
40
  } : CustomImageProps<T>;
15
- export declare function Image<T extends ElementType = 'img'>({ as, src, alt, className, ...props }: ImageProps<T>): import("react/jsx-runtime").JSX.Element;
41
+ export declare function Image<T extends ElementType = "img">({ as, src, alt, size, className, ...props }: ImageProps<T>): import("react/jsx-runtime").JSX.Element;
16
42
  export {};
17
43
  //# sourceMappingURL=image.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/atoms/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAElE,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,KAAK,aAAa,CAAC,CAAC,SAAS,WAAW,IACtC,KAAK,SAAS,MAAM,wBAAwB,CAAC,CAAC,CAAC,GAC3C,KAAK,SAAS,MAAM,wBAAwB,CAAC,CAAC,CAAC,GAC7C,CAAC,GACD,KAAK,GACP,KAAK,CAAA;AAEX,KAAK,gBAAgB,GAAG,cAAc,GACpC,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,cAAc,CAAC,CAAA;AAE7D,KAAK,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,cAAc,GAC3D,IAAI,CAAC,wBAAwB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,MAAM,cAAc,CAAC,GAAG;IACvE,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;CACrB,CAAA;AAEH,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,CAAC,SAAS,KAAK,GACnE,gBAAgB,GAAG;IAAE,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,GACjC,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEvB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACnD,EAAE,EACF,GAAG,EACH,GAAG,EACH,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,CAAC,CAAC,2CAIf"}
1
+ {"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../../../src/atoms/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAClE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;sDAajB,CAAA;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,KAAK,aAAa,CAAC,CAAC,SAAS,WAAW,IACtC,KAAK,SAAS,MAAM,wBAAwB,CAAC,CAAC,CAAC,GAC3C,KAAK,SAAS,MAAM,wBAAwB,CAAC,CAAC,CAAC,GAC7C,CAAC,GACD,KAAK,GACP,KAAK,CAAA;AAEX,KAAK,gBAAgB,GAAG,cAAc,GACpC,YAAY,CAAC,OAAO,aAAa,CAAC,GAClC,IAAI,CACF,wBAAwB,CAAC,KAAK,CAAC,EAC/B,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC,OAAO,aAAa,CAAC,CAChE,CAAA;AAEH,KAAK,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,cAAc,GAC3D,YAAY,CAAC,OAAO,aAAa,CAAC,GAClC,IAAI,CACF,wBAAwB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAC1C,MAAM,cAAc,GAAG,MAAM,YAAY,CAAC,OAAO,aAAa,CAAC,CAChE,GAAG;IACF,EAAE,EAAE,aAAa,CAAC,CAAC,CAAC,CAAA;CACrB,CAAA;AAEH,MAAM,MAAM,UAAU,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,IAAI,CAAC,SAAS,KAAK,GACnE,gBAAgB,GAAG;IAAE,EAAE,CAAC,EAAE,KAAK,CAAA;CAAE,GACjC,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEvB,wBAAgB,KAAK,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EAAE,EACnD,EAAE,EACF,GAAG,EACH,GAAG,EACH,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,UAAU,CAAC,CAAC,CAAC,2CAWf"}