@povio/ui 2.1.14 → 2.1.15

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 (498) hide show
  1. package/README.md +74 -0
  2. package/dist/AclGuard.js +12 -0
  3. package/dist/ActionModal.js +51 -0
  4. package/dist/Alert.js +46 -0
  5. package/dist/AlignCenter.js +13 -0
  6. package/dist/AlignLeft.js +13 -0
  7. package/dist/AlignLeftRight.js +13 -0
  8. package/dist/AlignRight.js +13 -0
  9. package/dist/ArrowDropDown.js +13 -0
  10. package/dist/ArrowDropUp.js +13 -0
  11. package/dist/ArrowLeft.js +13 -0
  12. package/dist/ArrowRight.js +13 -0
  13. package/dist/AuthGuard.js +22 -0
  14. package/dist/Autocomplete.js +28 -0
  15. package/dist/Bold.js +13 -0
  16. package/dist/BottomSheet.js +191 -0
  17. package/dist/BulletedList.js +13 -0
  18. package/dist/Button.js +54 -0
  19. package/dist/ButtonContent.js +28 -0
  20. package/dist/Calendar.js +15 -0
  21. package/dist/Calendar2.js +54 -0
  22. package/dist/CalendarCell.js +130 -0
  23. package/dist/CalendarGrid.js +50 -0
  24. package/dist/CalendarHeader.js +75 -0
  25. package/dist/CalendarSelectHeader.js +170 -0
  26. package/dist/Can.js +13 -0
  27. package/dist/CellText.js +13 -0
  28. package/dist/Check.js +15 -0
  29. package/dist/CheckCircle.js +13 -0
  30. package/dist/CheckContent.js +16 -0
  31. package/dist/Checkbox.js +61 -0
  32. package/dist/CheckboxCheckmark.js +16 -0
  33. package/dist/CheckboxCheckmark2.js +25 -0
  34. package/dist/CheckboxIndeterminate.js +16 -0
  35. package/dist/ChevronDown.js +15 -0
  36. package/dist/ChevronLeft.js +15 -0
  37. package/dist/ChevronRight.js +15 -0
  38. package/dist/ChevronUp.js +15 -0
  39. package/dist/ChevronsLeft.js +15 -0
  40. package/dist/ChevronsRight.js +15 -0
  41. package/dist/Clock.js +13 -0
  42. package/dist/Close.js +13 -0
  43. package/dist/ColorPicker.js +16 -0
  44. package/dist/ColorPickerDropdown.js +51 -0
  45. package/dist/ColumnConfig.js +81 -0
  46. package/dist/DateField.js +89 -0
  47. package/dist/DatePicker.js +191 -0
  48. package/dist/DatePickerInput.js +158 -0
  49. package/dist/DateRangePicker.js +601 -0
  50. package/dist/DateSegmentItem.js +29 -0
  51. package/dist/DateTime.js +18 -0
  52. package/dist/DateTimeDialog.js +49 -0
  53. package/dist/DateTimeDialogFooter.js +25 -0
  54. package/dist/DateTimePicker.js +200 -0
  55. package/dist/Drag.js +13 -0
  56. package/dist/Drawer.js +43 -0
  57. package/dist/File.js +15 -0
  58. package/dist/FileCard.js +50 -0
  59. package/dist/FileCardList.js +17 -0
  60. package/dist/FileUpload.js +189 -0
  61. package/dist/FileUploadContainer.js +12 -0
  62. package/dist/FileUploadContent.js +61 -0
  63. package/dist/FileUploadContentEmpty.js +54 -0
  64. package/dist/FileUploadContentError.js +109 -0
  65. package/dist/FileUploadContentFilled.js +112 -0
  66. package/dist/FileUploadContentLoading.js +76 -0
  67. package/dist/Form.js +42 -0
  68. package/dist/FormField.js +35 -0
  69. package/dist/FormFieldError.js +11 -0
  70. package/dist/FormFieldHeader.js +36 -0
  71. package/dist/FormFieldHeaderClose.js +15 -0
  72. package/dist/FormFieldLabel.js +32 -0
  73. package/dist/HeaderText.js +10 -0
  74. package/dist/Highlight.js +13 -0
  75. package/dist/HighlightOn.js +19 -0
  76. package/dist/HyperlinkAction.js +70 -0
  77. package/dist/IconButton.js +12 -0
  78. package/dist/InfiniteTable.js +31 -0
  79. package/dist/Info.js +18 -0
  80. package/dist/InlineIconButton.js +13 -0
  81. package/dist/InputClear.js +19 -0
  82. package/dist/InputContent.js +94 -0
  83. package/dist/InputItem.js +54 -0
  84. package/dist/InputUpload.js +111 -0
  85. package/dist/InputUploadContent.js +52 -0
  86. package/dist/InputUploadFilled.js +26 -0
  87. package/dist/Inputs.js +15 -0
  88. package/dist/Italic.js +13 -0
  89. package/dist/Link.js +13 -0
  90. package/dist/Link2.js +19 -0
  91. package/dist/Loader.js +32 -0
  92. package/dist/Menu.js +13 -0
  93. package/dist/Menu2.js +9 -0
  94. package/dist/MenuDesktop.js +53 -0
  95. package/dist/MenuItem.js +21 -0
  96. package/dist/MenuMobile.js +64 -0
  97. package/dist/MenuPopover.js +30 -0
  98. package/dist/Modal.js +49 -0
  99. package/dist/MonthPicker.js +56 -0
  100. package/dist/NumberInput.js +132 -0
  101. package/dist/NumberedList.js +13 -0
  102. package/dist/PaginatedTable.js +26 -0
  103. package/dist/Pagination.js +43 -0
  104. package/dist/PaginationList.js +105 -0
  105. package/dist/PasswordInput.js +21 -0
  106. package/dist/PillButton.js +37 -0
  107. package/dist/PointerHorizontal.js +13 -0
  108. package/dist/PointerVertical.js +13 -0
  109. package/dist/ProgressBar.js +25 -0
  110. package/dist/QueryAutocomplete.js +18 -0
  111. package/dist/RadioGroup.js +81 -0
  112. package/dist/RangeCalendar.js +96 -0
  113. package/dist/ResponsivePopover.js +41 -0
  114. package/dist/Segment.js +82 -0
  115. package/dist/SegmentItem.js +23 -0
  116. package/dist/Select.js +24 -0
  117. package/dist/SelectBase.js +28 -0
  118. package/dist/SelectDesktop.js +147 -0
  119. package/dist/SelectInput.js +159 -0
  120. package/dist/SelectInputTags.js +29 -0
  121. package/dist/SelectListBox.js +73 -0
  122. package/dist/SelectListBoxItem.js +48 -0
  123. package/dist/SelectListBoxItemSelectAll.js +31 -0
  124. package/dist/SelectListBoxLoadingItem.js +41 -0
  125. package/dist/SelectListBoxSelectionBar.js +25 -0
  126. package/dist/SelectMobile.js +111 -0
  127. package/dist/Send.js +15 -0
  128. package/dist/Slider.js +93 -0
  129. package/dist/SplitButton.js +36 -0
  130. package/dist/Strikethrough.js +13 -0
  131. package/dist/Table.js +248 -0
  132. package/dist/Tag.js +42 -0
  133. package/dist/TextAlignSelect.js +44 -0
  134. package/dist/TextArea.js +120 -0
  135. package/dist/TextButton.js +13 -0
  136. package/dist/TextColor.js +16 -0
  137. package/dist/TextColorSelect.js +22 -0
  138. package/dist/TextEditor.js +143 -0
  139. package/dist/TextEditorToolbar.js +30 -0
  140. package/dist/TextHighlightSelect.js +24 -0
  141. package/dist/TextInput.js +125 -0
  142. package/dist/TextListActions.js +42 -0
  143. package/dist/TextMarksActions.js +67 -0
  144. package/dist/TextStyleSelect.js +52 -0
  145. package/dist/TimeField.js +17 -0
  146. package/dist/TimePicker.js +158 -0
  147. package/dist/TimePickerForm.js +158 -0
  148. package/dist/TimePickerInput.js +92 -0
  149. package/dist/Toast.js +58 -0
  150. package/dist/Today.js +13 -0
  151. package/dist/Toggle.js +60 -0
  152. package/dist/ToggleButton.js +13 -0
  153. package/dist/Tooltip.js +49 -0
  154. package/dist/TooltipEllipsis.js +18 -0
  155. package/dist/TooltipWrapper.js +19 -0
  156. package/dist/Typography.js +14 -0
  157. package/dist/Underlined.js +15 -0
  158. package/dist/Upload.js +16 -0
  159. package/dist/View.js +13 -0
  160. package/dist/ViewOff.js +13 -0
  161. package/dist/WarningFilled.js +15 -0
  162. package/dist/YearPicker.js +64 -0
  163. package/dist/ability.context.js +35 -0
  164. package/dist/alert.cva.js +62 -0
  165. package/dist/array.utils.js +8 -0
  166. package/dist/auth.context.js +37 -0
  167. package/dist/auth.js +6 -12
  168. package/dist/button.cva.js +656 -0
  169. package/dist/buttonContent.cva.js +10 -0
  170. package/dist/checkbox.cva.js +47 -0
  171. package/dist/components/inputs/Checkbox/Checkbox.d.ts +1 -0
  172. package/dist/components/inputs/Checkbox/CheckboxCheckmark.d.ts +2 -2
  173. package/dist/components/inputs/Checkbox/checkbox.cva.d.ts +5 -0
  174. package/dist/components/inputs/DateTime/DatePicker/DatePicker.d.ts +3 -1
  175. package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.d.ts +3 -1
  176. package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.d.ts +3 -1
  177. package/dist/components/inputs/DateTime/TimePicker/TimePicker.d.ts +1 -0
  178. package/dist/components/inputs/DateTime/shared/DateField.d.ts +1 -0
  179. package/dist/components/inputs/DateTime/shared/DatePickerInput.d.ts +8 -2
  180. package/dist/components/inputs/DateTime/shared/TimePickerInput.d.ts +2 -1
  181. package/dist/components/inputs/File/fileUpload.types.d.ts +1 -0
  182. package/dist/components/inputs/FormField/FormField.d.ts +4 -1
  183. package/dist/components/inputs/Input/NumberInput/NumberInput.d.ts +4 -2
  184. package/dist/components/inputs/Input/TextArea/TextArea.d.ts +1 -0
  185. package/dist/components/inputs/Input/TextInput/TextInput.d.ts +2 -1
  186. package/dist/components/inputs/Input/shared/InputContent.d.ts +4 -3
  187. package/dist/components/inputs/RadioGroup/RadioGroup.d.ts +3 -0
  188. package/dist/components/inputs/TextEditor/TextEditor.d.ts +1 -0
  189. package/dist/components/inputs/Toggle/Toggle.d.ts +2 -0
  190. package/dist/components/inputs/shared/CheckContent.d.ts +2 -1
  191. package/dist/compoundMapper.js +11 -0
  192. package/dist/config/uiStyle.context.d.ts +2 -1
  193. package/dist/confirmation.context.js +78 -0
  194. package/dist/date-time.utils.js +50 -0
  195. package/dist/date.utils.js +17 -0
  196. package/dist/dom.utils.js +17 -0
  197. package/dist/dynamicColumns.js +272 -0
  198. package/dist/dynamicInputs.js +186 -0
  199. package/dist/error-handling.js +87 -0
  200. package/dist/file.utils.js +43 -0
  201. package/dist/fileUpload.cva.js +49 -0
  202. package/dist/i18n.js +8 -0
  203. package/dist/index.js +136 -278
  204. package/dist/input.cva.js +210 -0
  205. package/dist/inputUploadButton.cva.js +27 -0
  206. package/dist/isEqual.js +57 -0
  207. package/dist/label.cva.js +104 -0
  208. package/dist/link.context.js +17 -0
  209. package/dist/link.cva.js +7 -0
  210. package/dist/loader.cva.js +16 -0
  211. package/dist/logger.js +17 -0
  212. package/dist/menu.cva.js +27 -0
  213. package/dist/minWidth.cva.js +9 -0
  214. package/dist/modal.cva.js +31 -0
  215. package/dist/object.utils.js +36 -0
  216. package/dist/outline.clsx.js +4 -0
  217. package/dist/pillButton.cva.js +254 -0
  218. package/dist/queries.utils.js +7 -0
  219. package/dist/radio.cva.js +42 -0
  220. package/dist/react.js +6 -0
  221. package/dist/rest-interceptor.js +22 -0
  222. package/dist/rest.utils.js +31 -0
  223. package/dist/rolldown_runtime.js +16 -0
  224. package/dist/router.context.js +37 -0
  225. package/dist/routing.utils.js +9 -0
  226. package/dist/segment.cva.js +25 -0
  227. package/dist/select.context.js +190 -0
  228. package/dist/status.cva.js +57 -0
  229. package/dist/string.utils.js +10 -0
  230. package/dist/table.cva.js +35 -0
  231. package/dist/tag.cva.js +50 -0
  232. package/dist/text-editor.js +2 -4
  233. package/dist/textEditor.types.js +38 -0
  234. package/dist/theme.context.js +65 -0
  235. package/dist/toast.cva.js +158 -0
  236. package/dist/toggle.cva.js +27 -0
  237. package/dist/tooltip.cva.js +30 -0
  238. package/dist/translation.js +147 -0
  239. package/dist/translation2.js +145 -0
  240. package/dist/typography.cva.js +124 -0
  241. package/dist/uiConfig.context.js +58 -0
  242. package/dist/uiStyle.context.js +16 -0
  243. package/dist/useAutosave.js +62 -0
  244. package/dist/useBreakpoint.js +28 -0
  245. package/dist/useDebounceCallback.js +23 -0
  246. package/dist/useDeepCompare.js +21 -0
  247. package/dist/useFilters.js +121 -0
  248. package/dist/useForm.js +12 -0
  249. package/dist/useFormAutosave.js +52 -0
  250. package/dist/useIntersectionObserver.js +23 -0
  251. package/dist/useLocalStorage.js +35 -0
  252. package/dist/useLongPressRepeat.js +27 -0
  253. package/dist/usePagination.js +26 -0
  254. package/dist/useScrollableListBox.js +24 -0
  255. package/dist/useSelectItems.js +82 -0
  256. package/dist/useSorting.js +34 -0
  257. package/dist/useStateAndRef.js +15 -0
  258. package/dist/useTableColumnConfig.js +38 -0
  259. package/dist/useTableNav.js +279 -0
  260. package/dist/useToast.js +63 -0
  261. package/dist/useTranslationMemo.js +10 -0
  262. package/dist/zod.utils.js +17 -0
  263. package/package.json +14 -14
  264. package/dist/assets/icons/AlignCenter.js +0 -21
  265. package/dist/assets/icons/AlignLeft.js +0 -21
  266. package/dist/assets/icons/AlignLeftRight.js +0 -21
  267. package/dist/assets/icons/AlignRight.js +0 -21
  268. package/dist/assets/icons/ArrowDropDown.js +0 -21
  269. package/dist/assets/icons/ArrowDropUp.js +0 -21
  270. package/dist/assets/icons/ArrowLeft.js +0 -21
  271. package/dist/assets/icons/ArrowRight.js +0 -21
  272. package/dist/assets/icons/Bold.js +0 -21
  273. package/dist/assets/icons/BulletedList.js +0 -21
  274. package/dist/assets/icons/Calendar.js +0 -23
  275. package/dist/assets/icons/Check.js +0 -23
  276. package/dist/assets/icons/CheckCircle.js +0 -21
  277. package/dist/assets/icons/CheckboxCheckmark.js +0 -24
  278. package/dist/assets/icons/CheckboxIndeterminate.js +0 -24
  279. package/dist/assets/icons/ChevronDown.js +0 -23
  280. package/dist/assets/icons/ChevronLeft.js +0 -23
  281. package/dist/assets/icons/ChevronRight.js +0 -23
  282. package/dist/assets/icons/ChevronUp.js +0 -23
  283. package/dist/assets/icons/ChevronsLeft.js +0 -23
  284. package/dist/assets/icons/ChevronsRight.js +0 -23
  285. package/dist/assets/icons/Clock.js +0 -21
  286. package/dist/assets/icons/Close.js +0 -21
  287. package/dist/assets/icons/DateTime.js +0 -32
  288. package/dist/assets/icons/Drag.js +0 -21
  289. package/dist/assets/icons/File.js +0 -23
  290. package/dist/assets/icons/Highlight.js +0 -21
  291. package/dist/assets/icons/HighlightOn.js +0 -30
  292. package/dist/assets/icons/Info.js +0 -32
  293. package/dist/assets/icons/Italic.js +0 -21
  294. package/dist/assets/icons/Link.js +0 -21
  295. package/dist/assets/icons/Menu.js +0 -21
  296. package/dist/assets/icons/NumberedList.js +0 -21
  297. package/dist/assets/icons/PointerHorizontal.js +0 -21
  298. package/dist/assets/icons/PointerVertical.js +0 -21
  299. package/dist/assets/icons/Send.js +0 -23
  300. package/dist/assets/icons/Strikethrough.js +0 -21
  301. package/dist/assets/icons/TextColor.js +0 -30
  302. package/dist/assets/icons/Today.js +0 -21
  303. package/dist/assets/icons/Underlined.js +0 -23
  304. package/dist/assets/icons/Upload.js +0 -30
  305. package/dist/assets/icons/View.js +0 -18
  306. package/dist/assets/icons/ViewOff.js +0 -18
  307. package/dist/assets/icons/WarningFilled.js +0 -23
  308. package/dist/assets/locales/en/translation.json.js +0 -14
  309. package/dist/assets/locales/sl/translation.json.js +0 -14
  310. package/dist/components/Menu/Menu.js +0 -14
  311. package/dist/components/Menu/MenuDesktop.js +0 -74
  312. package/dist/components/Menu/MenuItem.js +0 -27
  313. package/dist/components/Menu/MenuMobile.js +0 -83
  314. package/dist/components/Menu/MenuPopover.js +0 -43
  315. package/dist/components/Menu/menu.cva.js +0 -45
  316. package/dist/components/buttons/Button/Button.js +0 -73
  317. package/dist/components/buttons/Button/button.cva.js +0 -666
  318. package/dist/components/buttons/IconButton/IconButton.js +0 -17
  319. package/dist/components/buttons/InlineIconButton/InlineIconButton.js +0 -18
  320. package/dist/components/buttons/PillButton/PillButton.js +0 -44
  321. package/dist/components/buttons/PillButton/pillButton.cva.js +0 -268
  322. package/dist/components/buttons/SplitButton/SplitButton.js +0 -65
  323. package/dist/components/buttons/TextButton/TextButton.js +0 -18
  324. package/dist/components/buttons/ToggleButton/ToggleButton.js +0 -21
  325. package/dist/components/buttons/shared/ButtonContent.js +0 -53
  326. package/dist/components/buttons/shared/buttonContent.cva.js +0 -16
  327. package/dist/components/inputs/Checkbox/Checkbox.js +0 -81
  328. package/dist/components/inputs/Checkbox/CheckboxCheckmark.js +0 -32
  329. package/dist/components/inputs/Checkbox/checkbox.cva.js +0 -51
  330. package/dist/components/inputs/DateTime/DatePicker/DatePicker.js +0 -251
  331. package/dist/components/inputs/DateTime/DateRangePicker/DateRangePicker.js +0 -689
  332. package/dist/components/inputs/DateTime/DateTimePicker/DateTimePicker.js +0 -265
  333. package/dist/components/inputs/DateTime/TimePicker/TimePicker.js +0 -217
  334. package/dist/components/inputs/DateTime/shared/Calendar.js +0 -85
  335. package/dist/components/inputs/DateTime/shared/CalendarCell.js +0 -160
  336. package/dist/components/inputs/DateTime/shared/CalendarGrid.js +0 -67
  337. package/dist/components/inputs/DateTime/shared/CalendarHeader.js +0 -89
  338. package/dist/components/inputs/DateTime/shared/CalendarSelectHeader.js +0 -203
  339. package/dist/components/inputs/DateTime/shared/DateField.js +0 -77
  340. package/dist/components/inputs/DateTime/shared/DatePickerInput.js +0 -206
  341. package/dist/components/inputs/DateTime/shared/DateSegmentItem.js +0 -55
  342. package/dist/components/inputs/DateTime/shared/DateTimeDialog.js +0 -76
  343. package/dist/components/inputs/DateTime/shared/DateTimeDialogFooter.js +0 -47
  344. package/dist/components/inputs/DateTime/shared/MonthPicker.js +0 -82
  345. package/dist/components/inputs/DateTime/shared/RangeCalendar.js +0 -133
  346. package/dist/components/inputs/DateTime/shared/TimeField.js +0 -26
  347. package/dist/components/inputs/DateTime/shared/TimePickerForm.js +0 -186
  348. package/dist/components/inputs/DateTime/shared/TimePickerInput.js +0 -125
  349. package/dist/components/inputs/DateTime/shared/YearPicker.js +0 -89
  350. package/dist/components/inputs/File/FileUpload.js +0 -257
  351. package/dist/components/inputs/File/FileUploadContainer.js +0 -17
  352. package/dist/components/inputs/File/InputUpload.js +0 -174
  353. package/dist/components/inputs/File/shared/FileCard.js +0 -67
  354. package/dist/components/inputs/File/shared/FileCardList.js +0 -20
  355. package/dist/components/inputs/File/shared/FileUploadContent.js +0 -92
  356. package/dist/components/inputs/File/shared/FileUploadContentEmpty.js +0 -92
  357. package/dist/components/inputs/File/shared/FileUploadContentError.js +0 -167
  358. package/dist/components/inputs/File/shared/FileUploadContentFilled.js +0 -173
  359. package/dist/components/inputs/File/shared/FileUploadContentLoading.js +0 -128
  360. package/dist/components/inputs/File/shared/InputUploadContent.js +0 -73
  361. package/dist/components/inputs/File/shared/InputUploadFilled.js +0 -45
  362. package/dist/components/inputs/File/shared/ProgressBar.js +0 -42
  363. package/dist/components/inputs/File/shared/fileUpload.cva.js +0 -58
  364. package/dist/components/inputs/File/shared/inputUploadButton.cva.js +0 -49
  365. package/dist/components/inputs/FormField/FormField.js +0 -54
  366. package/dist/components/inputs/FormField/FormFieldError.js +0 -16
  367. package/dist/components/inputs/FormField/FormFieldHeader.js +0 -57
  368. package/dist/components/inputs/FormField/FormFieldHeaderClose.js +0 -20
  369. package/dist/components/inputs/FormField/FormFieldLabel.js +0 -37
  370. package/dist/components/inputs/Input/NumberInput/NumberInput.js +0 -166
  371. package/dist/components/inputs/Input/PasswordInput/PasswordInput.js +0 -26
  372. package/dist/components/inputs/Input/TextArea/TextArea.js +0 -155
  373. package/dist/components/inputs/Input/TextInput/TextInput.js +0 -162
  374. package/dist/components/inputs/Input/shared/InputContent.js +0 -114
  375. package/dist/components/inputs/Inputs/Form.js +0 -68
  376. package/dist/components/inputs/Inputs/InputItem.js +0 -61
  377. package/dist/components/inputs/Inputs/Inputs.js +0 -32
  378. package/dist/components/inputs/RadioGroup/RadioGroup.js +0 -103
  379. package/dist/components/inputs/RadioGroup/radio.cva.js +0 -57
  380. package/dist/components/inputs/Selection/Autocomplete/Autocomplete.js +0 -39
  381. package/dist/components/inputs/Selection/Autocomplete/QueryAutocomplete.js +0 -25
  382. package/dist/components/inputs/Selection/Select/Select.js +0 -32
  383. package/dist/components/inputs/Selection/shared/SelectBase.js +0 -27
  384. package/dist/components/inputs/Selection/shared/SelectDesktop.js +0 -223
  385. package/dist/components/inputs/Selection/shared/SelectInput.js +0 -234
  386. package/dist/components/inputs/Selection/shared/SelectInputTags.js +0 -49
  387. package/dist/components/inputs/Selection/shared/SelectListBox.js +0 -127
  388. package/dist/components/inputs/Selection/shared/SelectListBoxItem.js +0 -78
  389. package/dist/components/inputs/Selection/shared/SelectListBoxItemSelectAll.js +0 -45
  390. package/dist/components/inputs/Selection/shared/SelectListBoxLoadingItem.js +0 -47
  391. package/dist/components/inputs/Selection/shared/SelectListBoxSelectionBar.js +0 -42
  392. package/dist/components/inputs/Selection/shared/SelectMobile.js +0 -165
  393. package/dist/components/inputs/Selection/shared/select.context.js +0 -244
  394. package/dist/components/inputs/Selection/shared/useSelectItems.js +0 -94
  395. package/dist/components/inputs/Slider/Slider.js +0 -137
  396. package/dist/components/inputs/TextEditor/TextEditor.js +0 -223
  397. package/dist/components/inputs/TextEditor/Toolbar/ColorPicker.js +0 -34
  398. package/dist/components/inputs/TextEditor/Toolbar/ColorPickerDropdown.js +0 -80
  399. package/dist/components/inputs/TextEditor/Toolbar/HyperlinkAction.js +0 -92
  400. package/dist/components/inputs/TextEditor/Toolbar/TextAlignSelect.js +0 -56
  401. package/dist/components/inputs/TextEditor/Toolbar/TextColorSelect.js +0 -33
  402. package/dist/components/inputs/TextEditor/Toolbar/TextEditorToolbar.js +0 -31
  403. package/dist/components/inputs/TextEditor/Toolbar/TextHighlightSelect.js +0 -37
  404. package/dist/components/inputs/TextEditor/Toolbar/TextListActions.js +0 -51
  405. package/dist/components/inputs/TextEditor/Toolbar/TextMarksActions.js +0 -73
  406. package/dist/components/inputs/TextEditor/Toolbar/TextStyleSelect.js +0 -61
  407. package/dist/components/inputs/TextEditor/textEditor.types.js +0 -40
  408. package/dist/components/inputs/Toggle/Toggle.js +0 -65
  409. package/dist/components/inputs/Toggle/toggle.cva.js +0 -44
  410. package/dist/components/inputs/shared/CheckContent.js +0 -22
  411. package/dist/components/inputs/shared/InputClear.js +0 -27
  412. package/dist/components/inputs/shared/TooltipWrapper.js +0 -23
  413. package/dist/components/inputs/shared/input.cva.js +0 -174
  414. package/dist/components/inputs/shared/label.cva.js +0 -128
  415. package/dist/components/outline.clsx.js +0 -11
  416. package/dist/components/overlays/ActionModal/ActionModal.js +0 -80
  417. package/dist/components/overlays/BottomSheet/BottomSheet.js +0 -261
  418. package/dist/components/overlays/Drawer/Drawer.js +0 -84
  419. package/dist/components/overlays/Modal/Modal.js +0 -64
  420. package/dist/components/overlays/Modal/modal.cva.js +0 -53
  421. package/dist/components/overlays/ResponsivePopover/ResponsivePopover.js +0 -71
  422. package/dist/components/overlays/Tooltip/Tooltip.js +0 -92
  423. package/dist/components/overlays/Tooltip/TooltipEllipsis.js +0 -27
  424. package/dist/components/overlays/Tooltip/tooltip.cva.js +0 -60
  425. package/dist/components/segment/Segment.js +0 -118
  426. package/dist/components/segment/SegmentItem.js +0 -35
  427. package/dist/components/segment/segment.cva.js +0 -35
  428. package/dist/components/shared/pagination/Pagination.js +0 -75
  429. package/dist/components/shared/pagination/PaginationList.js +0 -145
  430. package/dist/components/shared/pagination/minWidth.cva.js +0 -15
  431. package/dist/components/status/Alert/Alert.js +0 -41
  432. package/dist/components/status/Alert/alert.cva.js +0 -64
  433. package/dist/components/status/Loader/Loader.js +0 -37
  434. package/dist/components/status/Loader/loader.cva.js +0 -27
  435. package/dist/components/status/Toast/Toast.js +0 -65
  436. package/dist/components/status/Toast/toast.cva.js +0 -150
  437. package/dist/components/status/Toast/useToast.js +0 -94
  438. package/dist/components/status/shared/status.cva.js +0 -62
  439. package/dist/components/table/CellText.js +0 -18
  440. package/dist/components/table/ColumnConfig.js +0 -124
  441. package/dist/components/table/HeaderText.js +0 -15
  442. package/dist/components/table/InfiniteTable.js +0 -40
  443. package/dist/components/table/PaginatedTable.js +0 -33
  444. package/dist/components/table/Table.js +0 -370
  445. package/dist/components/table/table.cva.js +0 -63
  446. package/dist/components/text/Link/Link.js +0 -24
  447. package/dist/components/text/Link/link.cva.js +0 -18
  448. package/dist/components/text/Tag/Tag.js +0 -49
  449. package/dist/components/text/Tag/tag.cva.js +0 -59
  450. package/dist/components/text/Typography/Typography.js +0 -22
  451. package/dist/components/text/Typography/typography.cva.js +0 -100
  452. package/dist/config/confirmation.context.js +0 -107
  453. package/dist/config/i18n.js +0 -15
  454. package/dist/config/link.context.js +0 -19
  455. package/dist/config/router.context.js +0 -39
  456. package/dist/config/theme.context.js +0 -73
  457. package/dist/config/uiConfig.context.js +0 -69
  458. package/dist/config/uiStyle.context.js +0 -16
  459. package/dist/helpers/dynamicColumns.js +0 -359
  460. package/dist/helpers/dynamicInputs.js +0 -212
  461. package/dist/hooks/useAutosave.js +0 -83
  462. package/dist/hooks/useBreakpoint.js +0 -33
  463. package/dist/hooks/useDebounceCallback.js +0 -29
  464. package/dist/hooks/useDeepCompare.js +0 -25
  465. package/dist/hooks/useFilters.js +0 -160
  466. package/dist/hooks/useForm.js +0 -22
  467. package/dist/hooks/useFormAutosave.js +0 -67
  468. package/dist/hooks/useIntersectionObserver.js +0 -27
  469. package/dist/hooks/useLocalStorage.js +0 -54
  470. package/dist/hooks/useLongPressRepeat.js +0 -33
  471. package/dist/hooks/usePagination.js +0 -35
  472. package/dist/hooks/useScrollableListBox.js +0 -30
  473. package/dist/hooks/useSorting.js +0 -32
  474. package/dist/hooks/useStateAndRef.js +0 -17
  475. package/dist/hooks/useTableColumnConfig.js +0 -63
  476. package/dist/hooks/useTableNav.js +0 -394
  477. package/dist/hooks/useTranslationMemo.js +0 -14
  478. package/dist/utils/array.utils.js +0 -12
  479. package/dist/utils/compoundMapper.js +0 -14
  480. package/dist/utils/date-time.utils.js +0 -77
  481. package/dist/utils/date.utils.js +0 -23
  482. package/dist/utils/dom.utils.js +0 -13
  483. package/dist/utils/file.utils.js +0 -63
  484. package/dist/utils/isEqual.js +0 -95
  485. package/dist/utils/logger.js +0 -19
  486. package/dist/utils/object.utils.js +0 -53
  487. package/dist/utils/queries.utils.js +0 -9
  488. package/dist/utils/rest.utils.js +0 -51
  489. package/dist/utils/routing.utils.js +0 -15
  490. package/dist/utils/string.utils.js +0 -12
  491. package/dist/utils/vendor/acl/AclGuard.js +0 -14
  492. package/dist/utils/vendor/acl/Can.js +0 -18
  493. package/dist/utils/vendor/acl/ability.context.js +0 -37
  494. package/dist/utils/vendor/auth/AuthGuard.js +0 -26
  495. package/dist/utils/vendor/auth/auth.context.js +0 -41
  496. package/dist/utils/vendor/error-handling.js +0 -119
  497. package/dist/utils/vendor/rest-interceptor.js +0 -21
  498. package/dist/utils/zod.utils.js +0 -21
@@ -1,17 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Button } from "../Button/Button.js";
3
- const IconButton = ({ label, ...props }) => {
4
- return /* @__PURE__ */ jsx(
5
- Button,
6
- {
7
- ...props,
8
- iconOnly: true,
9
- width: "hug",
10
- disableTooltip: props.disableTooltip,
11
- children: label
12
- }
13
- );
14
- };
15
- export {
16
- IconButton
17
- };
@@ -1,18 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Button } from "../Button/Button.js";
3
- const InlineIconButton = ({ label, ...props }) => {
4
- return /* @__PURE__ */ jsx(
5
- Button,
6
- {
7
- ...props,
8
- iconOnly: true,
9
- variant: "text",
10
- size: "none",
11
- width: "hug",
12
- children: label
13
- }
14
- );
15
- };
16
- export {
17
- InlineIconButton
18
- };
@@ -1,44 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { ToggleButton, Button } from "react-aria-components";
3
- import { CloseIcon } from "../../../assets/icons/Close.js";
4
- import { pillButton, pillButtonTypography, pillButtonIconSize, pillButtonContent } from "./pillButton.cva.js";
5
- import { ButtonContent } from "../shared/ButtonContent.js";
6
- import { TooltipEllipsis } from "../../overlays/Tooltip/TooltipEllipsis.js";
7
- import { UIStyle } from "../../../config/uiStyle.context.js";
8
- const PillButton = ({ children, dismissable, toggle, icon, iconPosition, ...props }) => {
9
- const uiStyle = UIStyle.useConfig();
10
- const pillButtonCva = uiStyle?.pillButton?.cva ?? pillButton;
11
- const pillButtonTypographyMap = uiStyle?.pillButton?.typography ?? pillButtonTypography;
12
- const Component = toggle ? ToggleButton : Button;
13
- const getIconPosition = () => {
14
- if (dismissable) {
15
- return "right";
16
- }
17
- return icon ? iconPosition : "none";
18
- };
19
- return /* @__PURE__ */ jsx(TooltipEllipsis, { text: children, children: (onContentRef) => /* @__PURE__ */ jsx(
20
- Component,
21
- {
22
- ...props,
23
- className: pillButtonCva({
24
- ...props,
25
- className: props.className
26
- }),
27
- children: /* @__PURE__ */ jsx(
28
- ButtonContent,
29
- {
30
- text: children,
31
- ref: onContentRef,
32
- icon: dismissable ? CloseIcon : icon,
33
- iconPosition: dismissable ? "right" : iconPosition,
34
- className: pillButtonContent({ iconPosition: getIconPosition() }),
35
- iconClassName: pillButtonIconSize,
36
- typography: pillButtonTypographyMap({ ...props })
37
- }
38
- )
39
- }
40
- ) });
41
- };
42
- export {
43
- PillButton
44
- };
@@ -1,268 +0,0 @@
1
- import { cva } from "class-variance-authority";
2
- import { clsx } from "clsx";
3
- import { uiOutlineClass } from "../../outline.clsx.js";
4
- import { compoundMapper } from "../../../utils/compoundMapper.js";
5
- const pillButton = cva(
6
- [
7
- uiOutlineClass,
8
- "flex items-center justify-center",
9
- "rounded-pill-rounding-default border border-solid px-pill-side-default py-pill-height-default"
10
- ],
11
- {
12
- variants: {
13
- color: {
14
- primary: "",
15
- secondary: "",
16
- success: "",
17
- warning: "",
18
- error: ""
19
- },
20
- variant: {
21
- contained: "",
22
- outlined: "",
23
- subtle: ""
24
- }
25
- },
26
- compoundVariants: [
27
- {
28
- variant: "contained",
29
- color: "primary",
30
- className: [
31
- "border-interactive-contained-primary-idle bg-interactive-contained-primary-idle text-interactive-contained-primary-on-idle",
32
- "hover:border-interactive-contained-primary-hover hover:bg-interactive-contained-primary-hover hover:text-interactive-contained-primary-on-hover",
33
- "pressed:border-interactive-contained-primary-pressed pressed:bg-interactive-contained-primary-pressed pressed:text-interactive-contained-primary-on-pressed",
34
- "disabled:border-interactive-contained-primary-disabled disabled:bg-interactive-contained-primary-disabled disabled:text-interactive-contained-primary-on-disabled",
35
- "focus-visible:outline-interactive-contained-primary-focus",
36
- "selected:border-interactive-contained-primary-toggled-idle selected:bg-interactive-contained-primary-toggled-idle selected:text-interactive-contained-primary-on-toggled-idle",
37
- "selected:hover:border-interactive-contained-primary-toggled-hover selected:hover:bg-interactive-contained-primary-toggled-hover selected:hover:text-interactive-contained-primary-on-toggled-hover",
38
- "selected:disabled:border-interactive-contained-primary-toggled-disabled selected:disabled:bg-interactive-contained-primary-toggled-disabled selected:disabled:text-interactive-contained-primary-on-toggled-disabled"
39
- ]
40
- },
41
- {
42
- variant: "outlined",
43
- color: "primary",
44
- className: [
45
- "border-interactive-outlined-primary-outline-idle bg-interactive-outlined-primary-idle text-interactive-outlined-primary-on-idle",
46
- "hover:border-interactive-outlined-primary-outline-hover hover:bg-interactive-outlined-primary-hover hover:text-interactive-outlined-primary-on-hover",
47
- "pressed:border-interactive-outlined-primary-outline-pressed pressed:bg-interactive-outlined-primary-pressed pressed:text-interactive-outlined-primary-on-pressed",
48
- "disabled:border-interactive-outlined-primary-outline-disabled disabled:bg-interactive-outlined-primary-disabled disabled:text-interactive-outlined-primary-on-disabled",
49
- "focus-visible:outline-interactive-outlined-primary-focus",
50
- "selected:border-interactive-outlined-primary-toggled-idle selected:bg-interactive-outlined-primary-toggled-idle selected:text-interactive-outlined-primary-on-toggled-idle",
51
- "selected:hover:border-interactive-outlined-primary-toggled-hover selected:hover:bg-interactive-outlined-primary-toggled-hover selected:hover:text-interactive-outlined-primary-on-toggled-hover",
52
- "selected:disabled:border-interactive-outlined-primary-toggled-disabled selected:disabled:bg-interactive-outlined-primary-toggled-disabled selected:disabled:text-interactive-outlined-primary-on-toggled-disabled"
53
- ]
54
- },
55
- {
56
- variant: "subtle",
57
- color: "primary",
58
- className: [
59
- "border-interactive-subtle-primary-idle bg-interactive-subtle-primary-idle text-interactive-subtle-primary-on-idle",
60
- "hover:border-interactive-subtle-primary-hover hover:bg-interactive-subtle-primary-hover hover:text-interactive-subtle-primary-on-hover",
61
- "pressed:border-interactive-subtle-primary-pressed pressed:bg-interactive-subtle-primary-pressed pressed:text-interactive-subtle-primary-on-pressed",
62
- "disabled:border-interactive-subtle-primary-disabled disabled:bg-interactive-subtle-primary-disabled disabled:text-interactive-subtle-primary-on-disabled",
63
- "focus-visible:outline-interactive-subtle-primary-focus",
64
- "selected:border-interactive-contained-primary-toggled-idle selected:bg-interactive-contained-primary-toggled-idle selected:text-interactive-contained-primary-on-toggled-idle",
65
- "selected:hover:border-interactive-subtle-primary-toggled-hover selected:hover:bg-interactive-subtle-primary-toggled-hover selected:hover:text-interactive-subtle-primary-on-toggled-hover",
66
- "selected:disabled:border-interactive-subtle-primary-toggled-disabled selected:disabled:bg-interactive-subtle-primary-toggled-disabled selected:disabled:text-interactive-subtle-primary-on-toggled-disabled"
67
- ]
68
- },
69
- {
70
- variant: "contained",
71
- color: "secondary",
72
- className: [
73
- "border-interactive-contained-secondary-idle bg-interactive-contained-secondary-idle text-interactive-contained-secondary-on-idle",
74
- "hover:border-interactive-contained-secondary-hover hover:bg-interactive-contained-secondary-hover hover:text-interactive-contained-secondary-on-hover",
75
- "pressed:border-interactive-contained-secondary-pressed pressed:bg-interactive-contained-secondary-pressed pressed:text-interactive-contained-secondary-on-pressed",
76
- "disabled:border-interactive-contained-secondary-disabled disabled:bg-interactive-contained-secondary-disabled disabled:text-interactive-contained-secondary-on-disabled",
77
- "focus-visible:outline-interactive-contained-secondary-focus",
78
- "selected:border-interactive-contained-secondary-toggled-idle selected:bg-interactive-contained-secondary-toggled-idle selected:text-interactive-contained-secondary-on-toggled-idle",
79
- "selected:hover:border-interactive-contained-secondary-toggled-hover selected:hover:bg-interactive-contained-secondary-toggled-hover selected:hover:text-interactive-contained-secondary-on-toggled-hover",
80
- "selected:disabled:border-interactive-contained-secondary-toggled-disabled selected:disabled:bg-interactive-contained-secondary-toggled-disabled selected:disabled:text-interactive-contained-secondary-on-toggled-disabled"
81
- ]
82
- },
83
- {
84
- variant: "outlined",
85
- color: "secondary",
86
- className: [
87
- "border-interactive-outlined-secondary-outline-idle bg-interactive-outlined-secondary-idle text-interactive-outlined-secondary-on-idle",
88
- "hover:border-interactive-outlined-secondary-outline-hover hover:bg-interactive-outlined-secondary-hover hover:text-interactive-outlined-secondary-on-hover",
89
- "pressed:border-interactive-outlined-secondary-outline-pressed pressed:bg-interactive-outlined-secondary-pressed pressed:text-interactive-outlined-secondary-on-pressed",
90
- "disabled:border-interactive-outlined-secondary-outline-disabled disabled:bg-interactive-outlined-secondary-disabled disabled:text-interactive-outlined-secondary-on-disabled",
91
- "focus-visible:outline-interactive-outlined-secondary-focus",
92
- "selected:border-interactive-contained-secondary-toggled-idle selected:bg-interactive-contained-secondary-toggled-idle selected:text-interactive-contained-secondary-on-toggled-idle",
93
- "selected:hover:border-interactive-contained-secondary-toggled-hover selected:hover:bg-interactive-contained-secondary-toggled-hover selected:hover:text-interactive-contained-secondary-on-toggled-hover",
94
- "selected:disabled:border-interactive-contained-secondary-toggled-disabled selected:disabled:bg-interactive-contained-secondary-toggled-disabled selected:disabled:text-interactive-contained-secondary-on-toggled-disabled"
95
- ]
96
- },
97
- {
98
- variant: "subtle",
99
- color: "secondary",
100
- className: [
101
- "border-interactive-subtle-secondary-idle bg-interactive-subtle-secondary-idle text-interactive-subtle-secondary-on-idle",
102
- "hover:border-interactive-subtle-secondary-hover hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover",
103
- "pressed:border-interactive-subtle-secondary-pressed pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed",
104
- "disabled:border-interactive-subtle-secondary-disabled disabled:bg-interactive-subtle-secondary-disabled disabled:text-interactive-subtle-secondary-on-disabled",
105
- "focus-visible:outline-interactive-subtle-secondary-focus",
106
- "selected:border-interactive-subtle-secondary-toggled-idle selected:bg-interactive-subtle-secondary-toggled-idle selected:text-interactive-subtle-secondary-on-toggled-idle",
107
- "selected:hover:border-interactive-subtle-secondary-toggled-hover selected:hover:bg-interactive-subtle-secondary-toggled-hover selected:hover:text-interactive-subtle-secondary-on-toggled-hover",
108
- "selected:disabled:border-interactive-subtle-secondary-toggled-disabled selected:disabled:bg-interactive-subtle-secondary-toggled-disabled selected:disabled:text-interactive-subtle-secondary-on-toggled-disabled"
109
- ]
110
- },
111
- {
112
- variant: "contained",
113
- color: "success",
114
- className: [
115
- "border-interactive-contained-success-idle bg-interactive-contained-success-idle text-interactive-contained-success-on-idle",
116
- "hover:border-interactive-contained-success-hover hover:bg-interactive-contained-success-hover hover:text-interactive-contained-success-on-hover",
117
- "pressed:border-interactive-contained-success-pressed pressed:bg-interactive-contained-success-pressed pressed:text-interactive-contained-success-on-pressed",
118
- "disabled:border-interactive-contained-success-disabled disabled:bg-interactive-contained-success-disabled disabled:text-interactive-contained-success-on-disabled",
119
- "focus-visible:outline-interactive-contained-success-focus",
120
- "selected:border-interactive-contained-success-toggled-idle selected:bg-interactive-contained-success-toggled-idle selected:text-interactive-contained-success-on-toggled-idle",
121
- "selected:hover:border-interactive-contained-success-toggled-hover selected:hover:bg-interactive-contained-success-toggled-hover selected:hover:text-interactive-contained-success-on-toggled-hover",
122
- "selected:disabled:border-interactive-contained-success-toggled-disabled selected:disabled:bg-interactive-contained-success-toggled-disabled selected:disabled:text-interactive-contained-success-on-toggled-disabled"
123
- ]
124
- },
125
- {
126
- variant: "outlined",
127
- color: "success",
128
- className: [
129
- "border-interactive-outlined-success-outline-idle bg-interactive-outlined-success-idle text-interactive-outlined-success-on-idle",
130
- "hover:border-interactive-outlined-success-outline-hover hover:bg-interactive-outlined-success-hover hover:text-interactive-outlined-success-on-hover",
131
- "pressed:border-interactive-outlined-success-outline-pressed pressed:bg-interactive-outlined-success-pressed pressed:text-interactive-outlined-success-on-pressed",
132
- "disabled:border-interactive-outlined-success-outline-disabled disabled:bg-interactive-outlined-success-disabled disabled:text-interactive-outlined-success-on-disabled",
133
- "focus-visible:outline-interactive-outlined-success-focus",
134
- "selected:border-interactive-outlined-success-toggled-idle selected:bg-interactive-outlined-success-toggled-idle selected:text-interactive-outlined-success-on-toggled-idle",
135
- "selected:hover:border-interactive-outlined-success-toggled-hover selected:hover:bg-interactive-outlined-success-toggled-hover selected:hover:text-interactive-outlined-success-on-toggled-hover",
136
- "selected:disabled:border-interactive-outlined-success-toggled-disabled selected:disabled:bg-interactive-outlined-success-toggled-disabled selected:disabled:text-interactive-outlined-success-on-toggled-disabled"
137
- ]
138
- },
139
- {
140
- variant: "subtle",
141
- color: "success",
142
- className: [
143
- "border-interactive-subtle-success-idle bg-interactive-subtle-success-idle text-interactive-subtle-success-on-idle",
144
- "hover:border-interactive-subtle-success-hover hover:bg-interactive-subtle-success-hover hover:text-interactive-subtle-success-on-hover",
145
- "pressed:border-interactive-subtle-success-pressed pressed:bg-interactive-subtle-success-pressed pressed:text-interactive-subtle-success-on-pressed",
146
- "disabled:border-interactive-subtle-success-disabled disabled:bg-interactive-subtle-success-disabled disabled:text-interactive-subtle-success-on-disabled",
147
- "focus-visible:outline-interactive-subtle-success-focus",
148
- "selected:border-interactive-subtle-success-toggled-idle selected:bg-interactive-subtle-success-toggled-idle selected:text-interactive-subtle-success-on-toggled-idle",
149
- "selected:hover:border-interactive-subtle-success-toggled-hover selected:hover:bg-interactive-subtle-success-toggled-hover selected:hover:text-interactive-subtle-success-on-toggled-hover",
150
- "selected:disabled:border-interactive-subtle-success-toggled-disabled selected:disabled:bg-interactive-subtle-success-toggled-disabled selected:disabled:text-interactive-subtle-success-on-toggled-disabled"
151
- ]
152
- },
153
- {
154
- variant: "contained",
155
- color: "warning",
156
- className: [
157
- "border-interactive-contained-warning-idle bg-interactive-contained-warning-idle text-interactive-contained-warning-on-idle",
158
- "hover:border-interactive-contained-warning-hover hover:bg-interactive-contained-warning-hover hover:text-interactive-contained-warning-on-hover",
159
- "pressed:border-interactive-contained-warning-pressed pressed:bg-interactive-contained-warning-pressed pressed:text-interactive-contained-warning-on-pressed",
160
- "disabled:border-interactive-contained-warning-disabled disabled:bg-interactive-contained-warning-disabled disabled:text-interactive-contained-warning-on-disabled",
161
- "focus-visible:outline-interactive-contained-warning-focus",
162
- "selected:border-interactive-contained-warning-toggled-idle selected:bg-interactive-contained-warning-toggled-idle selected:text-interactive-contained-warning-on-toggled-idle",
163
- "selected:hover:border-interactive-contained-warning-toggled-hover selected:hover:bg-interactive-contained-warning-toggled-hover selected:hover:text-interactive-contained-warning-on-toggled-hover",
164
- "selected:disabled:border-interactive-contained-warning-toggled-disabled selected:disabled:bg-interactive-contained-warning-toggled-disabled selected:disabled:text-interactive-contained-warning-on-toggled-disabled"
165
- ]
166
- },
167
- {
168
- variant: "outlined",
169
- color: "warning",
170
- className: [
171
- "border-interactive-outlined-warning-outline-idle bg-interactive-outlined-warning-idle text-interactive-outlined-warning-on-idle",
172
- "hover:border-interactive-outlined-warning-outline-hover hover:bg-interactive-outlined-warning-hover hover:text-interactive-outlined-warning-on-hover",
173
- "pressed:border-interactive-outlined-warning-outline-pressed pressed:bg-interactive-outlined-warning-pressed pressed:text-interactive-outlined-warning-on-pressed",
174
- "disabled:border-interactive-outlined-warning-outline-disabled disabled:bg-interactive-outlined-warning-disabled disabled:text-interactive-outlined-warning-on-disabled",
175
- "focus-visible:outline-interactive-outlined-warning-focus",
176
- "selected:border-interactive-outlined-warning-toggled-idle selected:bg-interactive-outlined-warning-toggled-idle selected:text-interactive-outlined-warning-on-toggled-idle",
177
- "selected:hover:border-interactive-outlined-warning-toggled-hover selected:hover:bg-interactive-outlined-warning-toggled-hover selected:hover:text-interactive-outlined-warning-on-toggled-hover",
178
- "selected:disabled:border-interactive-outlined-warning-toggled-disabled selected:disabled:bg-interactive-outlined-warning-toggled-disabled selected:disabled:text-interactive-outlined-warning-on-toggled-disabled"
179
- ]
180
- },
181
- {
182
- variant: "subtle",
183
- color: "warning",
184
- className: [
185
- "border-interactive-subtle-warning-idle bg-interactive-subtle-warning-idle text-interactive-subtle-warning-on-idle",
186
- "hover:border-interactive-subtle-warning-hover hover:bg-interactive-subtle-warning-hover hover:text-interactive-subtle-warning-on-hover",
187
- "pressed:border-interactive-subtle-warning-pressed pressed:bg-interactive-subtle-warning-pressed pressed:text-interactive-subtle-warning-on-pressed",
188
- "disabled:border-interactive-subtle-warning-disabled disabled:bg-interactive-subtle-warning-disabled disabled:text-interactive-subtle-warning-on-disabled",
189
- "focus-visible:outline-interactive-subtle-warning-focus",
190
- "selected:border-interactive-subtle-warning-toggled-idle selected:bg-interactive-subtle-warning-toggled-idle selected:text-interactive-subtle-warning-on-toggled-idle",
191
- "selected:hover:border-interactive-subtle-warning-toggled-hover selected:hover:bg-interactive-subtle-warning-toggled-hover selected:hover:text-interactive-subtle-warning-on-toggled-hover",
192
- "selected:disabled:border-interactive-subtle-warning-toggled-disabled selected:disabled:bg-interactive-subtle-warning-toggled-disabled selected:disabled:text-interactive-subtle-warning-on-toggled-disabled"
193
- ]
194
- },
195
- {
196
- variant: "contained",
197
- color: "error",
198
- className: [
199
- "border-interactive-contained-error-idle bg-interactive-contained-error-idle text-interactive-contained-error-on-idle",
200
- "hover:border-interactive-contained-error-hover hover:bg-interactive-contained-error-hover hover:text-interactive-contained-error-on-hover",
201
- "pressed:border-interactive-contained-error-pressed pressed:bg-interactive-contained-error-pressed pressed:text-interactive-contained-error-on-pressed",
202
- "disabled:border-interactive-contained-error-disabled disabled:bg-interactive-contained-error-disabled disabled:text-interactive-contained-error-on-disabled",
203
- "focus-visible:outline-interactive-contained-error-focus",
204
- "selected:border-interactive-contained-error-toggled-idle selected:bg-interactive-contained-error-toggled-idle selected:text-interactive-contained-error-on-toggled-idle",
205
- "selected:hover:border-interactive-contained-error-toggled-hover selected:hover:bg-interactive-contained-error-toggled-hover selected:hover:text-interactive-contained-error-on-toggled-hover",
206
- "selected:disabled:border-interactive-contained-error-toggled-disabled selected:disabled:bg-interactive-contained-error-toggled-disabled selected:disabled:text-interactive-contained-error-on-toggled-disabled"
207
- ]
208
- },
209
- {
210
- variant: "outlined",
211
- color: "error",
212
- className: [
213
- "border-interactive-outlined-error-outline-idle bg-interactive-outlined-error-idle text-interactive-outlined-error-on-idle",
214
- "hover:border-interactive-outlined-error-outline-hover hover:bg-interactive-outlined-error-hover hover:text-interactive-outlined-error-on-hover",
215
- "pressed:border-interactive-outlined-error-outline-pressed pressed:bg-interactive-outlined-error-pressed pressed:text-interactive-outlined-error-on-pressed",
216
- "disabled:border-interactive-outlined-error-outline-disabled disabled:bg-interactive-outlined-error-disabled disabled:text-interactive-outlined-error-on-disabled",
217
- "focus-visible:outline-interactive-outlined-error-focus",
218
- "selected:border-interactive-outlined-error-toggled-idle selected:bg-interactive-outlined-error-toggled-idle selected:text-interactive-outlined-error-on-toggled-idle",
219
- "selected:hover:border-interactive-outlined-error-toggled-hover selected:hover:bg-interactive-outlined-error-toggled-hover selected:hover:text-interactive-outlined-error-on-toggled-hover",
220
- "selected:disabled:border-interactive-outlined-error-toggled-disabled selected:disabled:bg-interactive-outlined-error-toggled-disabled selected:disabled:text-interactive-outlined-error-on-toggled-disabled"
221
- ]
222
- },
223
- {
224
- variant: "subtle",
225
- color: "error",
226
- className: [
227
- "border-interactive-subtle-error-idle bg-interactive-subtle-error-idle text-interactive-subtle-error-on-idle",
228
- "hover:border-interactive-subtle-error-hover hover:bg-interactive-subtle-error-hover hover:text-interactive-subtle-error-on-hover",
229
- "pressed:border-interactive-subtle-error-pressed pressed:bg-interactive-subtle-error-pressed pressed:text-interactive-subtle-error-on-pressed",
230
- "disabled:border-interactive-subtle-error-disabled disabled:bg-interactive-subtle-error-disabled disabled:text-interactive-subtle-error-on-disabled",
231
- "focus-visible:outline-interactive-subtle-error-focus",
232
- "selected:border-interactive-subtle-error-toggled-idle selected:bg-interactive-subtle-error-toggled-idle selected:text-interactive-subtle-error-on-toggled-idle",
233
- "selected:hover:border-interactive-subtle-error-toggled-hover selected:hover:bg-interactive-subtle-error-toggled-hover selected:hover:text-interactive-subtle-error-on-toggled-hover",
234
- "selected:disabled:border-interactive-subtle-error-toggled-disabled selected:disabled:bg-interactive-subtle-error-toggled-disabled selected:disabled:text-interactive-subtle-error-on-toggled-disabled"
235
- ]
236
- }
237
- ],
238
- defaultVariants: {
239
- color: "primary",
240
- variant: "contained"
241
- }
242
- }
243
- );
244
- const pillButtonContent = cva("", {
245
- variants: {
246
- iconPosition: {
247
- left: "gap-button-gap-icon-to-label pr-button-side-button-content",
248
- right: "gap-button-gap-icon-to-label pl-button-side-button-content",
249
- none: "gap-button-gap-icon-to-label"
250
- }
251
- },
252
- defaultVariants: {
253
- iconPosition: "left"
254
- }
255
- });
256
- const pillButtonIconSize = clsx("h-6 w-6");
257
- const pillButtonTypography = compoundMapper({
258
- default: {
259
- size: "label-2",
260
- variant: "prominent-1"
261
- }
262
- });
263
- export {
264
- pillButton,
265
- pillButtonContent,
266
- pillButtonIconSize,
267
- pillButtonTypography
268
- };
@@ -1,65 +0,0 @@
1
- import { jsxs, jsx } from "react/jsx-runtime";
2
- import { clsx } from "clsx";
3
- import { ChevronDownIcon } from "../../../assets/icons/ChevronDown.js";
4
- import { Button } from "../Button/Button.js";
5
- import { IconButton } from "../IconButton/IconButton.js";
6
- import { Menu } from "../../Menu/Menu.js";
7
- const SplitButton = ({
8
- variant,
9
- color,
10
- width,
11
- size,
12
- label,
13
- labelRight,
14
- link,
15
- items,
16
- className,
17
- isLoading,
18
- ...props
19
- }) => {
20
- return /* @__PURE__ */ jsxs(
21
- "div",
22
- {
23
- className: "group/split flex items-center",
24
- "data-split": "",
25
- children: [
26
- /* @__PURE__ */ jsx(
27
- Button,
28
- {
29
- ...props,
30
- width,
31
- size,
32
- variant,
33
- color,
34
- link,
35
- className: clsx("rounded-r-none! border-r border-solid", className),
36
- "data-separator": "",
37
- isLoading,
38
- children: label
39
- }
40
- ),
41
- /* @__PURE__ */ jsx(
42
- Menu,
43
- {
44
- trigger: /* @__PURE__ */ jsx(
45
- IconButton,
46
- {
47
- size,
48
- variant,
49
- color,
50
- label: labelRight,
51
- icon: ChevronDownIcon,
52
- className: "rounded-l-none! border-l-0!",
53
- isDisabled: props.isDisabled || isLoading
54
- }
55
- ),
56
- items
57
- }
58
- )
59
- ]
60
- }
61
- );
62
- };
63
- export {
64
- SplitButton
65
- };
@@ -1,18 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Button } from "../Button/Button.js";
3
- const TextButton = ({ children, ...props }) => {
4
- return /* @__PURE__ */ jsx(
5
- Button,
6
- {
7
- ...props,
8
- variant: "text",
9
- size: "none",
10
- width: props.width ?? "hug",
11
- disableTooltip: props.disableTooltip,
12
- children
13
- }
14
- );
15
- };
16
- export {
17
- TextButton
18
- };
@@ -1,21 +0,0 @@
1
- import { jsx } from "react/jsx-runtime";
2
- import { Button } from "../Button/Button.js";
3
- const ToggleButton = ({ children, ...props }) => {
4
- return (
5
- // @ts-expect-error Types not matching, but this is only for backwards compatibility
6
- /* @__PURE__ */ jsx(
7
- Button,
8
- {
9
- ...props,
10
- toggle: true,
11
- variant: "outlined",
12
- color: "primary",
13
- disableTooltip: props.disableTooltip,
14
- children
15
- }
16
- )
17
- );
18
- };
19
- export {
20
- ToggleButton
21
- };
@@ -1,53 +0,0 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
2
- import { clsx } from "clsx";
3
- import { isValidElement } from "react";
4
- import { buttonContent } from "./buttonContent.cva.js";
5
- import { Loader } from "../../status/Loader/Loader.js";
6
- import { Typography } from "../../text/Typography/Typography.js";
7
- const ButtonContent = ({
8
- ref,
9
- text,
10
- isLoading,
11
- className,
12
- icon: Icon,
13
- iconClassName,
14
- hideText,
15
- iconPosition,
16
- typography
17
- }) => {
18
- let iconOrLoader = null;
19
- if (isLoading) {
20
- iconOrLoader = /* @__PURE__ */ jsx(Loader, { className: "shrink-0" });
21
- } else if (Icon) {
22
- if (isValidElement(Icon)) {
23
- iconOrLoader = Icon;
24
- } else {
25
- iconOrLoader = /* @__PURE__ */ jsx(Icon, { className: clsx("shrink-0", iconClassName) });
26
- }
27
- }
28
- return /* @__PURE__ */ jsxs(
29
- "span",
30
- {
31
- className: buttonContent({
32
- iconPosition: iconOrLoader ? iconPosition : null,
33
- className
34
- }),
35
- children: [
36
- iconOrLoader,
37
- /* @__PURE__ */ jsx(
38
- Typography,
39
- {
40
- as: "span",
41
- ...{ size: "label-2", variant: "prominent-1", ...typography },
42
- className: clsx("hyphens-auto md:truncate", hideText && "sr-only"),
43
- ref,
44
- children: text
45
- }
46
- )
47
- ]
48
- }
49
- );
50
- };
51
- export {
52
- ButtonContent
53
- };
@@ -1,16 +0,0 @@
1
- import { cva } from "class-variance-authority";
2
- const buttonContent = cva("flex w-full items-center justify-center", {
3
- variants: {
4
- iconPosition: {
5
- left: "flex-row",
6
- right: "flex-row-reverse",
7
- none: "flex-row"
8
- }
9
- },
10
- defaultVariants: {
11
- iconPosition: "left"
12
- }
13
- });
14
- export {
15
- buttonContent
16
- };
@@ -1,81 +0,0 @@
1
- import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
- import { mergeRefs } from "@react-aria/utils";
3
- import { clsx } from "clsx";
4
- import { Checkbox as Checkbox$1 } from "react-aria-components";
5
- import { Controller } from "react-hook-form";
6
- import { checkboxTypography, checkboxIndicatorClass } from "./checkbox.cva.js";
7
- import { FormFieldError } from "../FormField/FormFieldError.js";
8
- import { CheckContent } from "../shared/CheckContent.js";
9
- import { UIConfig } from "../../../config/uiConfig.context.js";
10
- import { UIStyle } from "../../../config/uiStyle.context.js";
11
- import { CheckboxCheckmark } from "./CheckboxCheckmark.js";
12
- const CheckboxBase = (props) => {
13
- const ui = UIConfig.useConfig();
14
- const uiStyle = UIStyle.useConfig();
15
- const checkboxTypographyMap = uiStyle?.checkbox?.typography ?? checkboxTypography;
16
- const {
17
- className,
18
- children,
19
- isDisabled,
20
- error,
21
- variant = ui.checkbox.variant,
22
- hideLabel = ui.input.hideLabel,
23
- ...rest
24
- } = props;
25
- const formFieldErrorProps = {
26
- error,
27
- isDisabled
28
- };
29
- return /* @__PURE__ */ jsxs(Fragment, { children: [
30
- /* @__PURE__ */ jsxs(
31
- Checkbox$1,
32
- {
33
- ...rest,
34
- isDisabled,
35
- isInvalid: !!error,
36
- "aria-errormessage": error || void 0,
37
- className: clsx(checkboxIndicatorClass, className),
38
- children: [
39
- /* @__PURE__ */ jsx(
40
- CheckboxCheckmark,
41
- {
42
- variant,
43
- ...rest
44
- }
45
- ),
46
- !hideLabel && /* @__PURE__ */ jsx(CheckContent, { typography: checkboxTypographyMap({ variant, ...rest }), children })
47
- ]
48
- }
49
- ),
50
- /* @__PURE__ */ jsx(FormFieldError, { ...formFieldErrorProps })
51
- ] });
52
- };
53
- const Checkbox = (props) => {
54
- if ("formControl" in props && props.formControl) {
55
- const { formControl, ref, ...innerProps } = props;
56
- return /* @__PURE__ */ jsx(
57
- Controller,
58
- {
59
- control: formControl.control,
60
- name: formControl.name,
61
- render: ({ field, fieldState: { error } }) => /* @__PURE__ */ jsx(
62
- CheckboxBase,
63
- {
64
- ...innerProps,
65
- ref: mergeRefs(ref, field.ref),
66
- isSelected: field.value,
67
- onChange: field.onChange,
68
- onBlur: field.onBlur,
69
- name: field.name,
70
- isDisabled: field.disabled || props.isDisabled,
71
- error: props.error ?? error?.message
72
- }
73
- )
74
- }
75
- );
76
- }
77
- return /* @__PURE__ */ jsx(CheckboxBase, { ...props });
78
- };
79
- export {
80
- Checkbox
81
- };
@@ -1,32 +0,0 @@
1
- import { jsxs, jsx } from "react/jsx-runtime";
2
- import { CheckboxCheckmarkIcon } from "../../../assets/icons/CheckboxCheckmark.js";
3
- import { CheckboxIndeterminateIcon } from "../../../assets/icons/CheckboxIndeterminate.js";
4
- import { checkbox } from "./checkbox.cva.js";
5
- import { UIStyle } from "../../../config/uiStyle.context.js";
6
- const CheckboxCheckmark = ({
7
- variant,
8
- className,
9
- selectedIcon: SelectedIcon = CheckboxCheckmarkIcon,
10
- indeterminateIcon: IndeterminateIcon = CheckboxIndeterminateIcon,
11
- ...props
12
- }) => {
13
- const uiStyle = UIStyle.useConfig();
14
- const checkboxCva = uiStyle?.checkbox?.cva ?? checkbox;
15
- return /* @__PURE__ */ jsxs(
16
- "div",
17
- {
18
- className: checkboxCva({
19
- variant,
20
- ...props,
21
- className
22
- }),
23
- children: [
24
- /* @__PURE__ */ jsx(SelectedIcon, { className: "absolute hidden size-3 group-selected:block" }),
25
- /* @__PURE__ */ jsx(IndeterminateIcon, { className: "absolute hidden size-3 group-indeterminate:block" })
26
- ]
27
- }
28
- );
29
- };
30
- export {
31
- CheckboxCheckmark
32
- };