@uxf/ui 1.0.0-beta.99 → 10.0.0-beta.4

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 (577) hide show
  1. package/README.md +4 -0
  2. package/_file-input-base/file-input-base.d.ts +12 -0
  3. package/_file-input-base/file-input-base.js +32 -0
  4. package/_file-input-base/index.d.ts +2 -0
  5. package/_file-input-base/index.js +5 -0
  6. package/_input-with-popover/index.d.ts +2 -0
  7. package/_input-with-popover/index.js +5 -0
  8. package/_input-with-popover/input-with-popover.d.ts +27 -0
  9. package/_input-with-popover/input-with-popover.js +89 -0
  10. package/_private-utils/get-provider-config.js +1 -0
  11. package/_select-base/_select-base.d.ts +53 -0
  12. package/_select-base/_select-base.js +94 -0
  13. package/_select-base/index.d.ts +2 -0
  14. package/_select-base/index.js +5 -0
  15. package/avatar/avatar.js +25 -5
  16. package/avatar/avatar.spec.js +2 -2
  17. package/avatar/avatar.stories.d.ts +1 -1
  18. package/avatar/index.d.ts +2 -1
  19. package/avatar/index.js +3 -15
  20. package/avatar-file-input/avatar-file-input.d.ts +5 -30
  21. package/avatar-file-input/avatar-file-input.js +12 -34
  22. package/avatar-file-input/avatar-file-input.spec.d.ts +1 -0
  23. package/avatar-file-input/avatar-file-input.spec.js +9 -0
  24. package/avatar-file-input/avatar-file-input.stories.d.ts +1 -1
  25. package/avatar-file-input/avatar-file-input.stories.js +44 -18
  26. package/avatar-file-input/index.d.ts +2 -1
  27. package/avatar-file-input/index.js +3 -15
  28. package/badge/badge.d.ts +1 -1
  29. package/badge/badge.js +25 -5
  30. package/badge/badge.spec.d.ts +1 -0
  31. package/badge/badge.spec.js +9 -0
  32. package/badge/badge.stories.d.ts +1 -1
  33. package/badge/index.d.ts +3 -1
  34. package/badge/index.js +3 -15
  35. package/badge/theme.d.ts +1 -0
  36. package/button/button.d.ts +3 -3
  37. package/button/button.js +26 -8
  38. package/button/button.spec.d.ts +1 -0
  39. package/button/button.spec.js +9 -0
  40. package/button/button.stories.d.ts +2 -6
  41. package/button/button.stories.js +19 -17
  42. package/button/index.d.ts +3 -1
  43. package/button/index.js +3 -15
  44. package/button/theme.d.ts +3 -0
  45. package/button-group/button-group.d.ts +6 -0
  46. package/button-group/button-group.js +13 -0
  47. package/button-group/button-group.spec.d.ts +1 -0
  48. package/button-group/button-group.spec.js +9 -0
  49. package/button-group/button-group.stories.d.ts +7 -0
  50. package/button-group/button-group.stories.js +40 -0
  51. package/button-group/index.d.ts +2 -0
  52. package/button-group/index.js +5 -0
  53. package/button-list/button-list.d.ts +21 -0
  54. package/button-list/button-list.js +77 -0
  55. package/button-list/button-list.spec.d.ts +1 -0
  56. package/button-list/button-list.spec.js +9 -0
  57. package/button-list/button-list.stories.d.ts +7 -0
  58. package/button-list/button-list.stories.js +55 -0
  59. package/button-list/index.d.ts +2 -0
  60. package/button-list/index.js +5 -0
  61. package/calendar/calendar-day-cell.d.ts +7 -0
  62. package/{date-picker-input/date-picker-day.js → calendar/calendar-day-cell.js} +8 -9
  63. package/calendar/calendar-provider.d.ts +6 -0
  64. package/{date-picker-input/date-picker-provider.js → calendar/calendar-provider.js} +9 -9
  65. package/calendar/calendar.d.ts +7 -0
  66. package/calendar/calendar.js +53 -0
  67. package/calendar/calendar.stories.d.ts +10 -0
  68. package/calendar/calendar.stories.js +49 -0
  69. package/calendar/index.d.ts +1 -0
  70. package/{form-control → calendar}/index.js +1 -1
  71. package/checkbox/checkbox.d.ts +6 -7
  72. package/checkbox/checkbox.js +48 -13
  73. package/checkbox/checkbox.spec.js +2 -4
  74. package/checkbox/checkbox.stories.d.ts +2 -2
  75. package/checkbox/checkbox.stories.js +8 -6
  76. package/checkbox/index.d.ts +3 -1
  77. package/checkbox/index.js +3 -15
  78. package/{checkbox-visual → checkbox}/theme.d.ts +1 -0
  79. package/checkbox-button/checkbox-button.d.ts +3 -2
  80. package/checkbox-button/checkbox-button.js +26 -6
  81. package/checkbox-button/checkbox-button.spec.js +2 -3
  82. package/checkbox-button/checkbox-button.stories.d.ts +1 -1
  83. package/checkbox-button/checkbox-button.stories.js +8 -18
  84. package/checkbox-button/index.d.ts +2 -1
  85. package/checkbox-button/index.js +3 -15
  86. package/checkbox-input/checkbox-input.d.ts +12 -0
  87. package/checkbox-input/checkbox-input.js +37 -0
  88. package/checkbox-input/checkbox-input.spec.d.ts +1 -0
  89. package/checkbox-input/checkbox-input.spec.js +9 -0
  90. package/{checkbox-visual/checkbox-visual.stories.d.ts → checkbox-input/checkbox-input.stories.d.ts} +2 -2
  91. package/{checkbox-visual/checkbox-visual.stories.js → checkbox-input/checkbox-input.stories.js} +9 -7
  92. package/checkbox-input/index.d.ts +2 -0
  93. package/checkbox-input/index.js +5 -0
  94. package/chip/chip.d.ts +8 -5
  95. package/chip/chip.js +31 -10
  96. package/chip/chip.stories.d.ts +2 -6
  97. package/chip/chip.stories.js +28 -11
  98. package/chip/theme.d.ts +12 -4
  99. package/color-radio/color-radio.d.ts +12 -0
  100. package/color-radio/color-radio.js +65 -0
  101. package/color-radio/color-radio.spec.d.ts +1 -0
  102. package/color-radio/color-radio.spec.js +9 -0
  103. package/color-radio/color-radio.stories.d.ts +7 -0
  104. package/color-radio/color-radio.stories.js +31 -0
  105. package/color-radio/index.d.ts +2 -0
  106. package/color-radio/index.js +5 -0
  107. package/color-radio-group/color-radio-group.d.ts +3 -2
  108. package/color-radio-group/color-radio-group.js +12 -10
  109. package/color-radio-group/color-radio-group.spec.d.ts +1 -0
  110. package/color-radio-group/color-radio-group.spec.js +9 -0
  111. package/color-radio-group/color-radio-group.stories.d.ts +1 -1
  112. package/color-radio-group/color-radio-group.stories.js +4 -2
  113. package/color-radio-group/index.d.ts +2 -1
  114. package/color-radio-group/index.js +3 -15
  115. package/color-scheme/index.d.ts +1 -0
  116. package/color-scheme/index.js +3 -1
  117. package/color-scheme/use-color-scheme.d.ts +1 -0
  118. package/color-scheme/use-color-scheme.js +19 -0
  119. package/combobox/combobox.d.ts +19 -20
  120. package/combobox/combobox.js +19 -31
  121. package/combobox/combobox.spec.d.ts +1 -0
  122. package/combobox/combobox.spec.js +10 -0
  123. package/combobox/combobox.stories.d.ts +7 -4
  124. package/combobox/combobox.stories.js +25 -12
  125. package/combobox/index.d.ts +2 -1
  126. package/combobox/index.js +3 -15
  127. package/config/icons-config.d.ts +1 -1
  128. package/config/icons-config.js +1 -1
  129. package/config/icons.d.ts +41 -1
  130. package/config/icons.js +8 -0
  131. package/content/types.d.ts +3 -3
  132. package/context/context.d.ts +2 -1
  133. package/context/provider.d.ts +1 -1
  134. package/context/provider.js +3 -0
  135. package/context/use-component-context.d.ts +1 -1
  136. package/css/avatar-file-input.css +80 -5
  137. package/css/badge.css +1 -1
  138. package/css/button-group.css +22 -0
  139. package/css/button-list.css +61 -0
  140. package/css/button.css +141 -27
  141. package/css/calendar.css +215 -0
  142. package/css/checkbox-button.css +8 -8
  143. package/css/checkbox-input.css +24 -0
  144. package/css/checkbox.css +33 -60
  145. package/css/chip.css +499 -79
  146. package/css/color-radio-group.css +1 -1
  147. package/css/color-radio.css +17 -5
  148. package/css/date-picker.css +13 -81
  149. package/css/datetime-picker.css +11 -0
  150. package/css/dropdown.css +53 -7
  151. package/css/dropzone.css +85 -0
  152. package/css/error-message.css +1 -1
  153. package/css/file-input.css +80 -0
  154. package/css/flash-messages.css +6 -6
  155. package/css/{form-control.css → form-component.css} +1 -1
  156. package/css/image-gallery.css +59 -0
  157. package/css/input-with-popover.css +35 -0
  158. package/css/input.css +89 -24
  159. package/css/list-item.css +2 -2
  160. package/css/loader.css +13 -1
  161. package/css/modal.css +65 -0
  162. package/css/multi-combobox.css +49 -11
  163. package/css/multi-select.css +27 -0
  164. package/css/pagination.css +70 -5
  165. package/css/radio-group.css +42 -33
  166. package/css/radio.css +9 -13
  167. package/css/select-base.css +50 -0
  168. package/css/tabs.css +8 -8
  169. package/css/text-link.css +2 -2
  170. package/css/textarea.css +17 -10
  171. package/css/time-picker.css +8 -3
  172. package/css/toggle.css +5 -5
  173. package/css/tooltip.css +7 -0
  174. package/date-picker/date-picker-content.d.ts +2 -0
  175. package/{date-picker-input/date-picker.js → date-picker/date-picker-content.js} +5 -3
  176. package/{date-picker-input → date-picker}/date-picker-decade.js +12 -10
  177. package/{date-picker-input → date-picker}/date-picker-month.js +21 -15
  178. package/date-picker/date-picker-navigation.d.ts +9 -0
  179. package/date-picker/date-picker-navigation.js +19 -0
  180. package/{date-picker-input → date-picker}/date-picker-year.js +16 -11
  181. package/date-picker/date-picker.d.ts +10 -0
  182. package/date-picker/date-picker.js +27 -0
  183. package/date-picker/date-picker.spec.d.ts +1 -0
  184. package/date-picker/date-picker.spec.js +9 -0
  185. package/date-picker/date-picker.stories.d.ts +7 -0
  186. package/date-picker/date-picker.stories.js +43 -0
  187. package/date-picker/index.d.ts +3 -0
  188. package/date-picker/index.js +5 -0
  189. package/date-picker/types.d.ts +1 -0
  190. package/date-picker-input/date-picker-input.d.ts +9 -18
  191. package/date-picker-input/date-picker-input.js +54 -59
  192. package/date-picker-input/date-picker-input.spec.d.ts +1 -0
  193. package/date-picker-input/date-picker-input.spec.js +9 -0
  194. package/date-picker-input/date-picker-input.stories.d.ts +1 -8
  195. package/date-picker-input/date-picker-input.stories.js +9 -14
  196. package/date-picker-input/index.d.ts +2 -3
  197. package/date-picker-input/index.js +6 -17
  198. package/datetime-picker/datetime-picker.d.ts +13 -0
  199. package/datetime-picker/datetime-picker.js +94 -0
  200. package/datetime-picker/datetime-picker.spec.d.ts +1 -0
  201. package/datetime-picker/datetime-picker.spec.js +9 -0
  202. package/datetime-picker/datetime-picker.stories.d.ts +7 -0
  203. package/datetime-picker/datetime-picker.stories.js +43 -0
  204. package/datetime-picker/index.d.ts +2 -0
  205. package/datetime-picker/index.js +7 -0
  206. package/datetime-picker-input/datetime-picker-input.d.ts +12 -0
  207. package/datetime-picker-input/datetime-picker-input.js +81 -0
  208. package/datetime-picker-input/datetime-picker-input.spec.d.ts +1 -0
  209. package/datetime-picker-input/datetime-picker-input.spec.js +9 -0
  210. package/datetime-picker-input/datetime-picker-input.stories.d.ts +7 -0
  211. package/datetime-picker-input/datetime-picker-input.stories.js +49 -0
  212. package/datetime-picker-input/index.d.ts +2 -0
  213. package/datetime-picker-input/index.js +7 -0
  214. package/dropdown/dropdown.d.ts +4 -4
  215. package/dropdown/dropdown.js +27 -6
  216. package/dropdown/dropdown.spec.d.ts +1 -0
  217. package/dropdown/dropdown.spec.js +9 -0
  218. package/dropdown/dropdown.stories.d.ts +2 -2
  219. package/dropdown/index.d.ts +2 -1
  220. package/dropdown/index.js +3 -15
  221. package/dropzone/dropzone-input.d.ts +19 -0
  222. package/dropzone/dropzone-input.js +121 -0
  223. package/dropzone/dropzone-list.d.ts +10 -0
  224. package/dropzone/dropzone-list.js +92 -0
  225. package/dropzone/dropzone.spec.d.ts +1 -0
  226. package/dropzone/dropzone.spec.js +9 -0
  227. package/dropzone/dropzone.stories.d.ts +10 -0
  228. package/dropzone/dropzone.stories.js +63 -0
  229. package/dropzone/index.d.ts +6 -0
  230. package/dropzone/index.js +6 -0
  231. package/dropzone/types.d.ts +10 -0
  232. package/dropzone/types.js +2 -0
  233. package/error-message/error-message.d.ts +3 -4
  234. package/error-message/error-message.js +3 -2
  235. package/error-message/error-message.spec.d.ts +1 -0
  236. package/error-message/error-message.spec.js +9 -0
  237. package/error-message/error-message.stories.d.ts +3 -4
  238. package/error-message/index.d.ts +1 -1
  239. package/error-message/index.js +3 -15
  240. package/file-input/file-input.d.ts +12 -0
  241. package/file-input/file-input.js +75 -0
  242. package/file-input/file-input.spec.d.ts +1 -0
  243. package/file-input/file-input.spec.js +9 -0
  244. package/file-input/file-input.stories.d.ts +7 -0
  245. package/file-input/file-input.stories.js +50 -0
  246. package/file-input/index.d.ts +2 -0
  247. package/file-input/index.js +5 -0
  248. package/flash-messages/flash-message.d.ts +1 -1
  249. package/flash-messages/flash-message.js +1 -0
  250. package/flash-messages/flash-messages.js +1 -1
  251. package/flash-messages/flash-messages.spec.d.ts +1 -0
  252. package/flash-messages/flash-messages.spec.js +9 -0
  253. package/flash-messages/flash-messages.stories.d.ts +1 -1
  254. package/flash-messages/flash-messages.stories.js +12 -7
  255. package/flash-messages/index.d.ts +3 -0
  256. package/flash-messages/index.js +8 -0
  257. package/{form-control/form-control.d.ts → form-component/form-component.d.ts} +2 -2
  258. package/form-component/form-component.js +41 -0
  259. package/form-component/form-component.spec.d.ts +1 -0
  260. package/form-component/form-component.spec.js +9 -0
  261. package/{form-control/form-control.stories.d.ts → form-component/form-component.stories.d.ts} +2 -2
  262. package/form-component/form-component.stories.js +25 -0
  263. package/form-component/index.d.ts +2 -0
  264. package/form-component/index.js +5 -0
  265. package/hooks/use-async-loading.d.ts +4 -0
  266. package/hooks/use-async-loading.js +32 -0
  267. package/hooks/use-dropdown.d.ts +32 -2
  268. package/hooks/use-dropdown.js +4 -6
  269. package/hooks/use-input-submit.d.ts +1 -1
  270. package/icon/icon.d.ts +3 -3
  271. package/icon/icon.js +25 -5
  272. package/icon/icon.spec.d.ts +1 -0
  273. package/icon/icon.spec.js +10 -0
  274. package/icon/icon.stories.d.ts +6 -10
  275. package/icon/icon.stories.js +2 -2
  276. package/icon/index.d.ts +2 -1
  277. package/icon/index.js +3 -15
  278. package/icon/types.d.ts +1 -1
  279. package/image-gallery/components/arrow-button.d.ts +7 -0
  280. package/image-gallery/components/{previous-button.js → arrow-button.js} +7 -5
  281. package/image-gallery/components/close-button.d.ts +4 -3
  282. package/image-gallery/components/close-button.js +9 -5
  283. package/image-gallery/components/dot.d.ts +3 -3
  284. package/image-gallery/components/dot.js +6 -4
  285. package/image-gallery/components/gallery.d.ts +4 -3
  286. package/image-gallery/components/gallery.js +20 -20
  287. package/image-gallery/context.d.ts +1 -1
  288. package/image-gallery/image-gallery.d.ts +4 -4
  289. package/image-gallery/image-gallery.js +7 -8
  290. package/image-gallery/image-gallery.spec.d.ts +1 -0
  291. package/image-gallery/image-gallery.spec.js +9 -0
  292. package/image-gallery/image-gallery.stories.d.ts +5 -4
  293. package/image-gallery/image-gallery.stories.js +21 -10
  294. package/image-gallery/image.d.ts +2 -3
  295. package/image-gallery/image.js +8 -4
  296. package/image-gallery/index.d.ts +6 -4
  297. package/image-gallery/index.js +6 -24
  298. package/image-gallery/types.d.ts +4 -2
  299. package/image-gallery/use-image.js +3 -2
  300. package/input/index.d.ts +9 -8
  301. package/input/index.js +4 -2
  302. package/input/input-element.d.ts +2 -1
  303. package/input/input-element.js +28 -6
  304. package/input/input-left-addon.d.ts +3 -7
  305. package/input/input-left-addon.js +6 -4
  306. package/input/input-left-element.d.ts +3 -7
  307. package/input/input-left-element.js +3 -3
  308. package/input/input-remove-button.d.ts +5 -0
  309. package/input/input-remove-button.js +29 -0
  310. package/input/input-right-addon.d.ts +2 -5
  311. package/input/input-right-addon.js +6 -4
  312. package/input/input-right-element.d.ts +3 -7
  313. package/input/input-right-element.js +3 -3
  314. package/input/input.d.ts +11 -1
  315. package/input/input.js +23 -23
  316. package/input/input.spec.d.ts +1 -0
  317. package/input/input.spec.js +10 -0
  318. package/input/input.stories.d.ts +10 -9
  319. package/input/input.stories.js +13 -10
  320. package/input/theme.d.ts +2 -0
  321. package/label/index.d.ts +2 -1
  322. package/label/index.js +3 -15
  323. package/label/label.js +28 -6
  324. package/label/label.spec.d.ts +1 -0
  325. package/label/label.spec.js +9 -0
  326. package/label/label.stories.d.ts +1 -1
  327. package/layout/index.d.ts +2 -1
  328. package/layout/index.js +3 -15
  329. package/layout/layout.js +5 -4
  330. package/layout/layout.spec.d.ts +1 -0
  331. package/layout/layout.spec.js +9 -0
  332. package/layout/layout.stories.d.ts +1 -1
  333. package/list-item/index.d.ts +2 -1
  334. package/list-item/index.js +3 -15
  335. package/list-item/list-item.js +25 -5
  336. package/list-item/list-item.spec.d.ts +1 -0
  337. package/list-item/list-item.spec.js +9 -0
  338. package/list-item/list-item.stories.d.ts +1 -1
  339. package/list-item/list-item.stories.js +7 -5
  340. package/loader/index.d.ts +2 -0
  341. package/loader/index.js +5 -0
  342. package/loader/loader.d.ts +5 -2
  343. package/loader/loader.js +27 -6
  344. package/loader/loader.spec.d.ts +1 -0
  345. package/loader/loader.spec.js +9 -0
  346. package/loader/loader.stories.d.ts +2 -2
  347. package/loader/loader.stories.js +4 -3
  348. package/modal/index.d.ts +3 -0
  349. package/modal/index.js +9 -0
  350. package/modal/modal-dialog.d.ts +11 -0
  351. package/modal/modal-dialog.js +38 -0
  352. package/modal/modal-service.d.ts +5 -0
  353. package/modal/modal-service.js +21 -0
  354. package/modal/modal.d.ts +14 -0
  355. package/modal/modal.js +51 -0
  356. package/modal/modal.spec.d.ts +1 -0
  357. package/modal/modal.spec.js +9 -0
  358. package/modal/modal.stories.d.ts +7 -0
  359. package/modal/modal.stories.js +50 -0
  360. package/modal/theme.d.ts +5 -0
  361. package/modal/theme.js +2 -0
  362. package/multi-combobox/_multi-combobox-base.d.ts +8 -0
  363. package/multi-combobox/_multi-combobox-base.js +112 -0
  364. package/multi-combobox/index.d.ts +2 -0
  365. package/multi-combobox/index.js +5 -0
  366. package/multi-combobox/multi-combobox.d.ts +3 -0
  367. package/multi-combobox/multi-combobox.js +67 -0
  368. package/multi-combobox/multi-combobox.spec.d.ts +1 -0
  369. package/multi-combobox/multi-combobox.spec.js +10 -0
  370. package/multi-combobox/multi-combobox.stories.d.ts +10 -0
  371. package/multi-combobox/multi-combobox.stories.js +86 -0
  372. package/multi-combobox/types.d.ts +36 -0
  373. package/multi-combobox/types.js +2 -0
  374. package/multi-select/_multi-select-base.d.ts +8 -0
  375. package/multi-select/_multi-select-base.js +77 -0
  376. package/multi-select/index.d.ts +2 -0
  377. package/multi-select/index.js +5 -0
  378. package/multi-select/multi-select.d.ts +3 -0
  379. package/multi-select/multi-select.js +55 -0
  380. package/multi-select/multi-select.spec.d.ts +1 -0
  381. package/multi-select/multi-select.spec.js +9 -0
  382. package/multi-select/multi-select.stories.d.ts +9 -0
  383. package/{mutli-combobox/multi-combobox.stories.js → multi-select/multi-select.stories.js} +17 -22
  384. package/multi-select/types.d.ts +31 -0
  385. package/multi-select/types.js +2 -0
  386. package/package.json +12 -11
  387. package/pagination/index.d.ts +2 -0
  388. package/pagination/index.js +5 -0
  389. package/pagination/pagination.d.ts +3 -0
  390. package/pagination/pagination.js +11 -6
  391. package/pagination/pagination.spec.d.ts +1 -0
  392. package/pagination/pagination.spec.js +9 -0
  393. package/pagination/pagination.stories.d.ts +4 -1
  394. package/pagination/pagination.stories.js +23 -3
  395. package/pagination/theme.d.ts +7 -0
  396. package/pagination/theme.js +2 -0
  397. package/paper/index.d.ts +2 -0
  398. package/paper/index.js +5 -0
  399. package/paper/paper.d.ts +2 -2
  400. package/paper/paper.js +25 -5
  401. package/paper/paper.spec.d.ts +1 -0
  402. package/paper/paper.spec.js +9 -0
  403. package/paper/paper.stories.d.ts +2 -2
  404. package/radio/index.d.ts +3 -1
  405. package/radio/index.js +3 -15
  406. package/radio/radio.d.ts +9 -6
  407. package/radio/radio.js +45 -9
  408. package/radio/radio.spec.js +2 -3
  409. package/radio/radio.stories.d.ts +2 -2
  410. package/radio/radio.stories.js +12 -12
  411. package/radio/theme.d.ts +1 -0
  412. package/radio-group/index.d.ts +3 -1
  413. package/radio-group/index.js +3 -15
  414. package/radio-group/radio-group.d.ts +3 -4
  415. package/radio-group/radio-group.js +10 -8
  416. package/radio-group/radio-group.spec.js +2 -17
  417. package/radio-group/radio-group.stories.d.ts +1 -1
  418. package/radio-group/radio-group.stories.js +7 -4
  419. package/radio-group/theme.d.ts +2 -0
  420. package/raster-image/index.d.ts +2 -1
  421. package/raster-image/index.js +3 -15
  422. package/raster-image/raster-image.d.ts +3 -3
  423. package/raster-image/raster-image.js +2 -1
  424. package/raster-image/raster-image.spec.d.ts +1 -0
  425. package/raster-image/raster-image.spec.js +9 -0
  426. package/raster-image/raster-image.stories.d.ts +2 -25
  427. package/select/index.d.ts +2 -1
  428. package/select/index.js +3 -15
  429. package/select/select.d.ts +16 -17
  430. package/select/select.js +16 -52
  431. package/select/select.spec.d.ts +1 -0
  432. package/select/select.spec.js +9 -0
  433. package/select/select.stories.d.ts +6 -4
  434. package/select/select.stories.js +24 -27
  435. package/select/theme.d.ts +5 -0
  436. package/select/theme.js +2 -0
  437. package/tabs/index.d.ts +2 -1
  438. package/tabs/index.js +3 -15
  439. package/tabs/tabs.d.ts +2 -1
  440. package/tabs/tabs.js +4 -3
  441. package/tabs/tabs.spec.d.ts +1 -0
  442. package/tabs/tabs.spec.js +9 -0
  443. package/tabs/tabs.stories.d.ts +1 -1
  444. package/text-input/index.d.ts +2 -1
  445. package/text-input/index.js +3 -15
  446. package/text-input/text-input.d.ts +2 -2
  447. package/text-input/text-input.js +12 -19
  448. package/text-input/text-input.spec.js +2 -2
  449. package/text-input/text-input.stories.d.ts +2 -2
  450. package/text-input/text-input.stories.js +23 -7
  451. package/text-link/index.d.ts +2 -1
  452. package/text-link/index.js +3 -15
  453. package/text-link/text-link.d.ts +3 -0
  454. package/text-link/text-link.js +27 -7
  455. package/text-link/text-link.spec.d.ts +1 -0
  456. package/text-link/text-link.spec.js +9 -0
  457. package/text-link/text-link.stories.d.ts +1 -1
  458. package/text-link/text-link.stories.js +4 -2
  459. package/text-link/theme.d.ts +3 -0
  460. package/text-link/theme.js +2 -0
  461. package/textarea/index.d.ts +2 -1
  462. package/textarea/index.js +3 -15
  463. package/textarea/textarea.js +11 -19
  464. package/textarea/textarea.spec.d.ts +1 -0
  465. package/textarea/textarea.spec.js +9 -0
  466. package/textarea/textarea.stories.d.ts +1 -1
  467. package/textarea/textarea.stories.js +4 -2
  468. package/time-picker/index.d.ts +2 -0
  469. package/time-picker/index.js +5 -0
  470. package/{time-picker-input → time-picker}/time-picker-hour.js +2 -0
  471. package/{time-picker-input → time-picker}/time-picker-hours.js +1 -0
  472. package/time-picker/time-picker-input.spec.d.ts +1 -0
  473. package/time-picker/time-picker-input.spec.js +9 -0
  474. package/time-picker/time-picker-input.stories.d.ts +7 -0
  475. package/time-picker/time-picker-input.stories.js +43 -0
  476. package/{time-picker-input → time-picker}/time-picker-minute.js +2 -0
  477. package/{time-picker-input → time-picker}/time-picker-minutes.js +1 -0
  478. package/{time-picker-input → time-picker}/time-picker.d.ts +1 -1
  479. package/{time-picker-input → time-picker}/time-picker.js +2 -1
  480. package/time-picker-input/index.d.ts +2 -2
  481. package/time-picker-input/index.js +6 -16
  482. package/time-picker-input/time-picker-input.d.ts +7 -19
  483. package/time-picker-input/time-picker-input.js +51 -62
  484. package/time-picker-input/time-picker-input.spec.d.ts +1 -0
  485. package/time-picker-input/time-picker-input.spec.js +9 -0
  486. package/time-picker-input/time-picker-input.stories.d.ts +1 -1
  487. package/time-picker-input/time-picker-input.stories.js +9 -6
  488. package/toggle/index.d.ts +3 -1
  489. package/toggle/index.js +3 -15
  490. package/toggle/theme.d.ts +1 -0
  491. package/toggle/toggle.d.ts +6 -6
  492. package/toggle/toggle.js +26 -6
  493. package/toggle/toggle.spec.d.ts +1 -0
  494. package/toggle/toggle.spec.js +9 -0
  495. package/toggle/toggle.stories.d.ts +1 -1
  496. package/toggle/toggle.stories.js +6 -12
  497. package/tooltip/index.d.ts +4 -0
  498. package/tooltip/index.js +7 -0
  499. package/tooltip/tooltip.d.ts +9 -0
  500. package/tooltip/tooltip.js +70 -0
  501. package/tooltip/tooltip.spec.d.ts +1 -0
  502. package/tooltip/tooltip.spec.js +9 -0
  503. package/tooltip/tooltip.stories.d.ts +7 -0
  504. package/tooltip/tooltip.stories.js +19 -0
  505. package/tooltip/use-tooltip.d.ts +43 -0
  506. package/tooltip/use-tooltip.js +36 -0
  507. package/tw-tokens/tw-box-shadow.d.ts +1 -1
  508. package/tw-tokens/tw-colors.d.ts +27 -1
  509. package/tw-tokens/tw-colors.js +26 -0
  510. package/tw-tokens/tw-containers.d.ts +1 -1
  511. package/tw-tokens/tw-font-size.d.ts +1 -1
  512. package/tw-tokens/tw-font-weight.d.ts +1 -1
  513. package/tw-tokens/tw-line-height.d.ts +1 -1
  514. package/tw-tokens/tw-screens.d.ts +1 -1
  515. package/tw-tokens/tw-spacing.d.ts +1 -1
  516. package/tw-tokens/tw-z-index.d.ts +1 -1
  517. package/types/color.d.ts +2 -2
  518. package/types/file-response.d.ts +12 -0
  519. package/types/file-response.js +2 -0
  520. package/types/form-control-props.d.ts +10 -6
  521. package/types/index.d.ts +1 -0
  522. package/types/index.js +1 -0
  523. package/typography/typography.spec.js +2 -14
  524. package/typography/typography.stories.d.ts +2 -2
  525. package/utils/component-structure-analyzer.d.ts +2 -2
  526. package/utils/files/get-file-url.d.ts +2 -0
  527. package/utils/files/get-file-url.js +7 -0
  528. package/utils/icons-config.js +40 -0
  529. package/utils/mocks/uploadFIle.mock.d.ts +2 -0
  530. package/utils/mocks/uploadFIle.mock.js +46 -0
  531. package/utils/snap-test.js +5 -0
  532. package/utils/storybook-config.d.ts +2 -2
  533. package/utils/storybook-config.js +1 -1
  534. package/utils/tailwind-config.js +17 -74
  535. package/utils/tailwind-plugins/container.js +39 -0
  536. package/utils/tailwind-plugins/variants.js +15 -0
  537. package/utils/tailwind-theme-defaults.js +20 -0
  538. package/checkbox-visual/checkbox-visual.d.ts +0 -10
  539. package/checkbox-visual/checkbox-visual.js +0 -17
  540. package/checkbox-visual/index.d.ts +0 -1
  541. package/checkbox-visual/index.js +0 -17
  542. package/color-radio-group/color-radio.d.ts +0 -7
  543. package/color-radio-group/color-radio.js +0 -22
  544. package/css/button.old.css +0 -231
  545. package/css/chip.old.css +0 -37
  546. package/css/combobox.css +0 -108
  547. package/css/combobox.old.css +0 -102
  548. package/css/date-picker-input.css +0 -135
  549. package/css/dropdown.old.css +0 -24
  550. package/css/input.old.css +0 -193
  551. package/css/select.css +0 -72
  552. package/css/select.old.css +0 -66
  553. package/css/time-picker-input.css +0 -138
  554. package/date-picker-input/date-picker-day.d.ts +0 -8
  555. package/date-picker-input/date-picker-provider.d.ts +0 -8
  556. package/date-picker-input/date-picker.d.ts +0 -3
  557. package/date-picker-input/types.d.ts +0 -5
  558. package/form-control/form-control.js +0 -19
  559. package/form-control/form-control.stories.js +0 -25
  560. package/form-control/index.d.ts +0 -1
  561. package/image-gallery/components/next-button.d.ts +0 -6
  562. package/image-gallery/components/next-button.js +0 -12
  563. package/image-gallery/components/previous-button.d.ts +0 -6
  564. package/mutli-combobox/index.d.ts +0 -1
  565. package/mutli-combobox/index.js +0 -17
  566. package/mutli-combobox/multi-combobox.d.ts +0 -27
  567. package/mutli-combobox/multi-combobox.js +0 -94
  568. package/mutli-combobox/multi-combobox.stories.d.ts +0 -10
  569. /package/{checkbox-visual → checkbox}/theme.js +0 -0
  570. /package/{date-picker-input → date-picker}/date-picker-decade.d.ts +0 -0
  571. /package/{date-picker-input → date-picker}/date-picker-month.d.ts +0 -0
  572. /package/{date-picker-input → date-picker}/date-picker-year.d.ts +0 -0
  573. /package/{date-picker-input → date-picker}/types.js +0 -0
  574. /package/{time-picker-input → time-picker}/time-picker-hour.d.ts +0 -0
  575. /package/{time-picker-input → time-picker}/time-picker-hours.d.ts +0 -0
  576. /package/{time-picker-input → time-picker}/time-picker-minute.d.ts +0 -0
  577. /package/{time-picker-input → time-picker}/time-picker-minutes.d.ts +0 -0
package/css/checkbox.css CHANGED
@@ -1,50 +1,16 @@
1
- .uxf-checkbox-visual-wrapper {
2
- @apply outline-none leading-none rounded relative
3
- before:absolute before:leading-none before:-inset-[3px] before:rounded-md focus-visible:before:border-2;
4
-
5
- :root .light & {
6
- @apply focus-visible:before:border-primary-500;
7
- }
8
-
9
- :root .dark & {
10
- @apply focus-visible:before:border-primary-500;
11
- }
12
- }
13
-
14
1
  .uxf-checkbox {
15
- @apply shrink-0 flex items-center justify-center rounded transition outline-none border
16
- ;
17
-
18
- &__wrapper {
19
- @apply flex items-center justify-between space-x-3;
20
- }
21
-
22
- &__label {
23
- @apply w-full;
24
-
25
- :root .light & {
26
- @apply text-gray-600;
27
- }
2
+ @apply relative shrink-0 flex items-center justify-center rounded transition outline-none border
3
+ focus-visible:before:border-2 focus-visible:before:absolute
4
+ focus-visible:before:inset-[-5px] focus-visible:before:rounded-lg;
28
5
 
29
- :root .dark & {
30
- @apply text-gray-400;
31
- }
32
- }
33
-
34
- &__icon {
6
+ &__inner {
35
7
  @apply hidden;
36
8
  }
37
9
 
38
- &.is-selected {
39
- .uxf-checkbox__icon {
40
- @apply block;
41
- }
42
- }
43
-
44
10
  &--size-default {
45
11
  @apply h-4 w-4;
46
12
 
47
- .uxf-checkbox__icon {
13
+ .uxf-checkbox__inner {
48
14
  @apply w-2.5 h-2.5;
49
15
  }
50
16
  }
@@ -52,94 +18,101 @@
52
18
  &--size-lg {
53
19
  @apply h-6 w-6;
54
20
 
55
- .uxf-checkbox__icon {
21
+ .uxf-checkbox__inner {
56
22
  @apply w-4 h-4;
57
23
  }
58
24
  }
59
25
 
60
- &.is-focused {
61
- @apply ring-offset-2 ring-2;
26
+ &.is-selected {
27
+ .uxf-checkbox__inner {
28
+ @apply block;
29
+ }
30
+ }
31
+
32
+ &.is-disabled,
33
+ &.is-readonly {
34
+ @apply pointer-events-none;
62
35
  }
63
36
 
64
37
  :root .light & {
65
- @apply border-gray-400;
38
+ @apply bg-white border-gray-400 focus-visible:before:border-primary;
66
39
 
67
40
  &.is-selected {
68
- @apply bg-primary-500 border-transparent;
41
+ @apply bg-primary border-transparent is-hoverable:bg-primary-700;
69
42
 
70
- .uxf-checkbox__icon {
43
+ .uxf-checkbox__inner {
71
44
  @apply text-white;
72
45
  }
73
46
  }
74
47
 
75
48
  &.is-disabled {
76
- @apply border-gray-200 pointer-events-none;
49
+ @apply border-gray-200;
77
50
 
78
51
  &.is-selected {
79
52
  @apply bg-gray-200;
80
53
  }
81
54
 
82
- .uxf-checkbox__icon {
55
+ .uxf-checkbox__inner {
83
56
  @apply text-gray-400;
84
57
  }
85
58
  }
86
59
 
87
60
  &.is-readonly {
88
61
  &.is-selected {
89
- @apply bg-primary-500/60;
62
+ @apply bg-primary/60;
90
63
  }
91
64
  }
92
65
 
93
66
  &.is-invalid {
94
- @apply border-red-600;
67
+ @apply border-error;
95
68
 
96
69
  &.is-selected {
97
- @apply bg-red-600;
70
+ @apply bg-error;
98
71
  }
99
72
 
100
- .uxf-checkbox__icon {
73
+ .uxf-checkbox__inner {
101
74
  @apply text-white;
102
75
  }
103
76
  }
104
77
  }
105
78
 
106
79
  :root .dark & {
107
- @apply border-gray-400;
80
+ @apply bg-gray-900 border-gray-400 focus-visible:before:border-primary;
108
81
 
109
82
  &.is-selected {
110
- @apply bg-primary-500 border-transparent;
83
+ @apply bg-primary border-transparent is-hoverable:bg-primary-300;
111
84
 
112
- .uxf-checkbox__icon {
85
+ .uxf-checkbox__inner {
113
86
  @apply text-white;
114
87
  }
115
88
  }
116
89
 
117
90
  &.is-disabled {
118
- @apply border-gray-600 pointer-events-none;
91
+ @apply border-gray-600;
119
92
 
120
93
  &.is-selected {
121
94
  @apply bg-gray-600;
122
95
  }
123
96
 
124
- .uxf-checkbox__icon {
97
+ .uxf-checkbox__inner {
125
98
  @apply text-gray-800;
126
99
  }
127
100
  }
128
101
 
129
102
  &.is-readonly {
130
103
  &.is-selected {
131
- @apply bg-primary-500/60;
104
+ @apply bg-primary/60;
132
105
  }
133
106
  }
134
107
 
135
108
  &.is-invalid {
136
- @apply border-red-600;
109
+ @apply border-error;
137
110
 
138
111
  &.is-selected {
139
- @apply bg-red-600;
112
+ @apply bg-error;
140
113
  }
141
114
 
142
- .uxf-checkbox__icon {
115
+ .uxf-checkbox__inner {
143
116
  @apply text-white;
144
117
  }
145
118
  }