@povio/ui 2.1.14 → 2.1.16

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 +80 -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 +197 -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 +209 -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
package/dist/components/buttons/Button/button.cva.js DELETED
@@ -1,666 +0,0 @@
1
- import { cva } from "class-variance-authority";
2
- import { uiOutlineClass } from "../../outline.clsx.js";
3
- import { compoundMapper } from "../../../utils/compoundMapper.js";
4
- const button = cva(
5
- [
6
- "group inline-flex items-center justify-center border border-solid",
7
- uiOutlineClass,
8
- "group-data-[split]/split:data-[separator]:relative",
9
- "group-data-[split]/split:data-[separator]:after:content-['']",
10
- "group-data-[split]/split:data-[separator]:after:h-full",
11
- "group-data-[split]/split:data-[separator]:after:w-px",
12
- "group-data-[split]/split:data-[separator]:after:absolute",
13
- "group-data-[split]/split:data-[separator]:after:-right-px",
14
- "group-data-[split]/split:data-[separator]:after:border-t",
15
- "group-data-[split]/split:data-[separator]:after:border-b",
16
- "group-data-[split]/split:data-[separator]:after:box-content"
17
- ],
18
- {
19
- variants: {
20
- width: {
21
- fill: "w-full",
22
- hug: "w-auto"
23
- },
24
- size: {
25
- none: "",
26
- xs: "",
27
- s: "",
28
- m: "",
29
- l: ""
30
- },
31
- color: {
32
- primary: "",
33
- secondary: "",
34
- success: "",
35
- warning: "",
36
- error: "",
37
- dual: ""
38
- },
39
- variant: {
40
- contained: "",
41
- outlined: "",
42
- subtle: "",
43
- text: "group-data-[split]/split:data-[separator]:after:hidden",
44
- ghost: ""
45
- },
46
- inverted: {
47
- true: "",
48
- false: ""
49
- }
50
- },
51
- compoundVariants: [
52
- {
53
- variant: "contained",
54
- color: ["primary", "dual"],
55
- className: [
56
- "border-interactive-contained-primary-idle bg-interactive-contained-primary-idle text-interactive-contained-primary-on-idle",
57
- "hover:border-interactive-contained-primary-hover hover:bg-interactive-contained-primary-hover hover:text-interactive-contained-primary-on-hover",
58
- "pressed:border-interactive-contained-primary-pressed pressed:bg-interactive-contained-primary-pressed pressed:text-interactive-contained-primary-on-pressed",
59
- "disabled:border-interactive-contained-primary-disabled disabled:bg-interactive-contained-primary-disabled disabled:text-interactive-contained-primary-on-disabled",
60
- "focus-visible:outline-interactive-contained-primary-focus",
61
- "selected:border-interactive-contained-primary-toggled-idle selected:bg-interactive-contained-primary-toggled-idle selected:text-interactive-contained-primary-on-toggled-idle",
62
- "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",
63
- "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",
64
- "group-data-[split]/split:data-[separator]:after:bg-interactive-contained-primary-on-idle!"
65
- ]
66
- },
67
- {
68
- variant: "outlined",
69
- color: ["primary", "dual"],
70
- className: [
71
- "border-interactive-outlined-primary-outline-idle bg-interactive-outlined-primary-idle text-interactive-outlined-primary-on-idle",
72
- "hover:border-interactive-outlined-primary-outline-hover hover:bg-interactive-outlined-primary-hover hover:text-interactive-outlined-primary-on-hover",
73
- "pressed:border-interactive-outlined-primary-outline-pressed pressed:bg-interactive-outlined-primary-pressed pressed:text-interactive-outlined-primary-on-pressed",
74
- "disabled:border-interactive-outlined-primary-outline-disabled disabled:bg-interactive-outlined-primary-disabled disabled:text-interactive-outlined-primary-on-disabled",
75
- "focus-visible:outline-interactive-outlined-primary-focus",
76
- "selected:border-interactive-outlined-primary-toggled-idle selected:bg-interactive-outlined-primary-toggled-idle selected:text-interactive-outlined-primary-on-toggled-idle",
77
- "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",
78
- "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"
79
- ]
80
- },
81
- {
82
- variant: "subtle",
83
- color: ["primary", "dual"],
84
- className: [
85
- "border-interactive-subtle-primary-idle bg-interactive-subtle-primary-idle text-interactive-subtle-primary-on-idle",
86
- "hover:border-interactive-subtle-primary-hover hover:bg-interactive-subtle-primary-hover hover:text-interactive-subtle-primary-on-hover",
87
- "pressed:border-interactive-subtle-primary-pressed pressed:bg-interactive-subtle-primary-pressed pressed:text-interactive-subtle-primary-on-pressed",
88
- "disabled:border-interactive-subtle-primary-disabled disabled:bg-interactive-subtle-primary-disabled disabled:text-interactive-subtle-primary-on-disabled",
89
- "focus-visible:outline-interactive-subtle-primary-focus",
90
- "selected:border-interactive-contained-primary-toggled-idle selected:bg-interactive-contained-primary-toggled-idle selected:text-interactive-contained-primary-on-toggled-idle",
91
- "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",
92
- "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",
93
- "group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-primary-on-idle!"
94
- ]
95
- },
96
- {
97
- variant: "ghost",
98
- color: "primary",
99
- className: [
100
- "border-interactive-ghost-primary-idle bg-interactive-ghost-primary-idle text-interactive-ghost-primary-on-idle",
101
- "hover:border-interactive-ghost-primary-hover hover:bg-interactive-ghost-primary-hover hover:text-interactive-ghost-primary-on-hover",
102
- "pressed:border-interactive-ghost-primary-pressed pressed:bg-interactive-ghost-primary-pressed pressed:text-interactive-ghost-primary-on-pressed",
103
- "disabled:border-interactive-ghost-primary-disabled disabled:bg-interactive-ghost-primary-disabled disabled:text-interactive-ghost-primary-on-disabled",
104
- "focus-visible:outline-interactive-ghost-primary-focus",
105
- "selected:border-interactive-ghost-primary-toggled-idle selected:bg-interactive-ghost-primary-toggled-idle selected:text-interactive-ghost-primary-on-toggled-idle",
106
- "selected:hover:border-interactive-ghost-primary-toggled-hover selected:hover:bg-interactive-ghost-primary-toggled-hover selected:hover:text-interactive-ghost-primary-on-toggled-hover",
107
- "selected:disabled:border-interactive-ghost-primary-toggled-disabled selected:disabled:bg-interactive-ghost-primary-toggled-disabled selected:disabled:text-interactive-ghost-primary-on-toggled-disabled",
108
- "group-data-[split]/split:data-[separator]:after:hidden"
109
- ]
110
- },
111
- {
112
- variant: "contained",
113
- color: "secondary",
114
- className: [
115
- "border-interactive-contained-secondary-idle bg-interactive-contained-secondary-idle text-interactive-contained-secondary-on-idle",
116
- "hover:border-interactive-contained-secondary-hover hover:bg-interactive-contained-secondary-hover hover:text-interactive-contained-secondary-on-hover",
117
- "pressed:border-interactive-contained-secondary-pressed pressed:bg-interactive-contained-secondary-pressed pressed:text-interactive-contained-secondary-on-pressed",
118
- "disabled:border-interactive-contained-secondary-disabled disabled:bg-interactive-contained-secondary-disabled disabled:text-interactive-contained-secondary-on-disabled",
119
- "focus-visible:outline-interactive-contained-secondary-focus",
120
- "selected:border-interactive-contained-secondary-toggled-idle selected:bg-interactive-contained-secondary-toggled-idle selected:text-interactive-contained-secondary-on-toggled-idle",
121
- "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",
122
- "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",
123
- "group-data-[split]/split:data-[separator]:after:bg-interactive-contained-secondary-on-idle!"
124
- ]
125
- },
126
- {
127
- variant: "outlined",
128
- color: "secondary",
129
- className: [
130
- "border-interactive-outlined-secondary-outline-idle bg-interactive-outlined-secondary-idle text-interactive-outlined-secondary-on-idle",
131
- "hover:border-interactive-outlined-secondary-outline-hover hover:bg-interactive-outlined-secondary-hover hover:text-interactive-outlined-secondary-on-hover",
132
- "pressed:border-interactive-outlined-secondary-outline-pressed pressed:bg-interactive-outlined-secondary-pressed pressed:text-interactive-outlined-secondary-on-pressed",
133
- "disabled:border-interactive-outlined-secondary-outline-disabled disabled:bg-interactive-outlined-secondary-disabled disabled:text-interactive-outlined-secondary-on-disabled",
134
- "focus-visible:outline-interactive-outlined-secondary-focus",
135
- "selected:border-interactive-contained-secondary-toggled-idle selected:bg-interactive-contained-secondary-toggled-idle selected:text-interactive-contained-secondary-on-toggled-idle",
136
- "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",
137
- "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"
138
- ]
139
- },
140
- {
141
- variant: "subtle",
142
- color: "secondary",
143
- className: [
144
- "border-interactive-subtle-secondary-idle bg-interactive-subtle-secondary-idle text-interactive-subtle-secondary-on-idle",
145
- "hover:border-interactive-subtle-secondary-hover hover:bg-interactive-subtle-secondary-hover hover:text-interactive-subtle-secondary-on-hover",
146
- "pressed:border-interactive-subtle-secondary-pressed pressed:bg-interactive-subtle-secondary-pressed pressed:text-interactive-subtle-secondary-on-pressed",
147
- "disabled:border-interactive-subtle-secondary-disabled disabled:bg-interactive-subtle-secondary-disabled disabled:text-interactive-subtle-secondary-on-disabled",
148
- "focus-visible:outline-interactive-subtle-secondary-focus",
149
- "selected:border-interactive-subtle-secondary-toggled-idle selected:bg-interactive-subtle-secondary-toggled-idle selected:text-interactive-subtle-secondary-on-toggled-idle",
150
- "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",
151
- "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",
152
- "group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-secondary-on-idle!"
153
- ]
154
- },
155
- {
156
- variant: "ghost",
157
- color: "secondary",
158
- className: [
159
- "border-interactive-ghost-secondary-idle bg-interactive-ghost-secondary-idle text-interactive-ghost-secondary-on-idle",
160
- "hover:border-interactive-ghost-secondary-hover hover:bg-interactive-ghost-secondary-hover hover:text-interactive-ghost-secondary-on-hover",
161
- "pressed:border-interactive-ghost-secondary-pressed pressed:bg-interactive-ghost-secondary-pressed pressed:text-interactive-ghost-secondary-on-pressed",
162
- "disabled:border-interactive-ghost-secondary-disabled disabled:bg-interactive-ghost-secondary-disabled disabled:text-interactive-ghost-secondary-on-disabled",
163
- "focus-visible:outline-interactive-ghost-secondary-focus",
164
- "selected:border-interactive-ghost-secondary-toggled-idle selected:bg-interactive-ghost-secondary-toggled-idle selected:text-interactive-ghost-secondary-on-toggled-idle",
165
- "selected:hover:border-interactive-ghost-secondary-toggled-hover selected:hover:bg-interactive-ghost-secondary-toggled-hover selected:hover:text-interactive-ghost-secondary-on-toggled-hover",
166
- "selected:disabled:border-interactive-ghost-secondary-toggled-disabled selected:disabled:bg-interactive-ghost-secondary-toggled-disabled selected:disabled:text-interactive-ghost-secondary-on-toggled-disabled",
167
- "group-data-[split]/split:data-[separator]:after:hidden"
168
- ]
169
- },
170
- {
171
- variant: "contained",
172
- color: "success",
173
- className: [
174
- "border-interactive-contained-success-idle bg-interactive-contained-success-idle text-interactive-contained-success-on-idle",
175
- "hover:border-interactive-contained-success-hover hover:bg-interactive-contained-success-hover hover:text-interactive-contained-success-on-hover",
176
- "pressed:border-interactive-contained-success-pressed pressed:bg-interactive-contained-success-pressed pressed:text-interactive-contained-success-on-pressed",
177
- "disabled:border-interactive-contained-success-disabled disabled:bg-interactive-contained-success-disabled disabled:text-interactive-contained-success-on-disabled",
178
- "focus-visible:outline-interactive-contained-success-focus",
179
- "selected:border-interactive-contained-success-toggled-idle selected:bg-interactive-contained-success-toggled-idle selected:text-interactive-contained-success-on-toggled-idle",
180
- "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",
181
- "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",
182
- "group-data-[split]/split:data-[separator]:after:bg-interactive-contained-success-on-idle!"
183
- ]
184
- },
185
- {
186
- variant: "outlined",
187
- color: "success",
188
- className: [
189
- "border-interactive-outlined-success-outline-idle bg-interactive-outlined-success-idle text-interactive-outlined-success-on-idle",
190
- "hover:border-interactive-outlined-success-outline-hover hover:bg-interactive-outlined-success-hover hover:text-interactive-outlined-success-on-hover",
191
- "pressed:border-interactive-outlined-success-outline-pressed pressed:bg-interactive-outlined-success-pressed pressed:text-interactive-outlined-success-on-pressed",
192
- "disabled:border-interactive-outlined-success-outline-disabled disabled:bg-interactive-outlined-success-disabled disabled:text-interactive-outlined-success-on-disabled",
193
- "focus-visible:outline-interactive-outlined-success-focus",
194
- "selected:border-interactive-outlined-success-toggled-idle selected:bg-interactive-outlined-success-toggled-idle selected:text-interactive-outlined-success-on-toggled-idle",
195
- "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",
196
- "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"
197
- ]
198
- },
199
- {
200
- variant: "subtle",
201
- color: "success",
202
- className: [
203
- "border-interactive-subtle-success-idle bg-interactive-subtle-success-idle text-interactive-subtle-success-on-idle",
204
- "hover:border-interactive-subtle-success-hover hover:bg-interactive-subtle-success-hover hover:text-interactive-subtle-success-on-hover",
205
- "pressed:border-interactive-subtle-success-pressed pressed:bg-interactive-subtle-success-pressed pressed:text-interactive-subtle-success-on-pressed",
206
- "disabled:border-interactive-subtle-success-disabled disabled:bg-interactive-subtle-success-disabled disabled:text-interactive-subtle-success-on-disabled",
207
- "focus-visible:outline-interactive-subtle-success-focus",
208
- "selected:border-interactive-subtle-success-toggled-idle selected:bg-interactive-subtle-success-toggled-idle selected:text-interactive-subtle-success-on-toggled-idle",
209
- "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",
210
- "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",
211
- "group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-success-on-idle!"
212
- ]
213
- },
214
- {
215
- variant: "ghost",
216
- color: "success",
217
- className: [
218
- "border-interactive-ghost-success-idle bg-interactive-ghost-success-idle text-interactive-ghost-success-on-idle",
219
- "hover:border-interactive-ghost-success-hover hover:bg-interactive-ghost-success-hover hover:text-interactive-ghost-success-on-hover",
220
- "pressed:border-interactive-ghost-success-pressed pressed:bg-interactive-ghost-success-pressed pressed:text-interactive-ghost-success-on-pressed",
221
- "disabled:border-interactive-ghost-success-disabled disabled:bg-interactive-ghost-success-disabled disabled:text-interactive-ghost-success-on-disabled",
222
- "focus-visible:outline-interactive-ghost-success-focus",
223
- "selected:border-interactive-ghost-success-toggled-idle selected:bg-interactive-ghost-success-toggled-idle selected:text-interactive-ghost-success-on-toggled-idle",
224
- "selected:hover:border-interactive-ghost-success-toggled-hover selected:hover:bg-interactive-ghost-success-toggled-hover selected:hover:text-interactive-ghost-success-on-toggled-hover",
225
- "selected:disabled:border-interactive-ghost-success-toggled-disabled selected:disabled:bg-interactive-ghost-success-toggled-disabled selected:disabled:text-interactive-ghost-success-on-toggled-disabled",
226
- "group-data-[split]/split:data-[separator]:after:hidden"
227
- ]
228
- },
229
- {
230
- variant: "contained",
231
- color: "warning",
232
- className: [
233
- "border-interactive-contained-warning-idle bg-interactive-contained-warning-idle text-interactive-contained-warning-on-idle",
234
- "hover:border-interactive-contained-warning-hover hover:bg-interactive-contained-warning-hover hover:text-interactive-contained-warning-on-hover",
235
- "pressed:border-interactive-contained-warning-pressed pressed:bg-interactive-contained-warning-pressed pressed:text-interactive-contained-warning-on-pressed",
236
- "disabled:border-interactive-contained-warning-disabled disabled:bg-interactive-contained-warning-disabled disabled:text-interactive-contained-warning-on-disabled",
237
- "focus-visible:outline-interactive-contained-warning-focus",
238
- "selected:border-interactive-contained-warning-toggled-idle selected:bg-interactive-contained-warning-toggled-idle selected:text-interactive-contained-warning-on-toggled-idle",
239
- "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",
240
- "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",
241
- "group-data-[split]/split:data-[separator]:after:bg-interactive-contained-warning-on-idle!"
242
- ]
243
- },
244
- {
245
- variant: "outlined",
246
- color: "warning",
247
- className: [
248
- "border-interactive-outlined-warning-outline-idle bg-interactive-outlined-warning-idle text-interactive-outlined-warning-on-idle",
249
- "hover:border-interactive-outlined-warning-outline-hover hover:bg-interactive-outlined-warning-hover hover:text-interactive-outlined-warning-on-hover",
250
- "pressed:border-interactive-outlined-warning-outline-pressed pressed:bg-interactive-outlined-warning-pressed pressed:text-interactive-outlined-warning-on-pressed",
251
- "disabled:border-interactive-outlined-warning-outline-disabled disabled:bg-interactive-outlined-warning-disabled disabled:text-interactive-outlined-warning-on-disabled",
252
- "focus-visible:outline-interactive-outlined-warning-focus",
253
- "selected:border-interactive-outlined-warning-toggled-idle selected:bg-interactive-outlined-warning-toggled-idle selected:text-interactive-outlined-warning-on-toggled-idle",
254
- "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",
255
- "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"
256
- ]
257
- },
258
- {
259
- variant: "subtle",
260
- color: "warning",
261
- className: [
262
- "border-interactive-subtle-warning-idle bg-interactive-subtle-warning-idle text-interactive-subtle-warning-on-idle",
263
- "hover:border-interactive-subtle-warning-hover hover:bg-interactive-subtle-warning-hover hover:text-interactive-subtle-warning-on-hover",
264
- "pressed:border-interactive-subtle-warning-pressed pressed:bg-interactive-subtle-warning-pressed pressed:text-interactive-subtle-warning-on-pressed",
265
- "disabled:border-interactive-subtle-warning-disabled disabled:bg-interactive-subtle-warning-disabled disabled:text-interactive-subtle-warning-on-disabled",
266
- "focus-visible:outline-interactive-subtle-warning-focus",
267
- "selected:border-interactive-subtle-warning-toggled-idle selected:bg-interactive-subtle-warning-toggled-idle selected:text-interactive-subtle-warning-on-toggled-idle",
268
- "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",
269
- "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",
270
- "group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-warning-on-idle!"
271
- ]
272
- },
273
- {
274
- variant: "ghost",
275
- color: "warning",
276
- className: [
277
- "border-interactive-ghost-warning-idle bg-interactive-ghost-warning-idle text-interactive-ghost-warning-on-idle",
278
- "hover:border-interactive-ghost-warning-hover hover:bg-interactive-ghost-warning-hover hover:text-interactive-ghost-warning-on-hover",
279
- "pressed:border-interactive-ghost-warning-pressed pressed:bg-interactive-ghost-warning-pressed pressed:text-interactive-ghost-warning-on-pressed",
280
- "disabled:border-interactive-ghost-warning-disabled disabled:bg-interactive-ghost-warning-disabled disabled:text-interactive-ghost-warning-on-disabled",
281
- "focus-visible:outline-interactive-ghost-warning-focus",
282
- "selected:border-interactive-ghost-warning-toggled-idle selected:bg-interactive-ghost-warning-toggled-idle selected:text-interactive-ghost-warning-on-toggled-idle",
283
- "selected:hover:border-interactive-ghost-warning-toggled-hover selected:hover:bg-interactive-ghost-warning-toggled-hover selected:hover:text-interactive-ghost-warning-on-toggled-hover",
284
- "selected:disabled:border-interactive-ghost-warning-toggled-disabled selected:disabled:bg-interactive-ghost-warning-toggled-disabled selected:disabled:text-interactive-ghost-warning-on-toggled-disabled",
285
- "group-data-[split]/split:data-[separator]:after:hidden"
286
- ]
287
- },
288
- {
289
- variant: "contained",
290
- color: "error",
291
- className: [
292
- "border-interactive-contained-error-idle bg-interactive-contained-error-idle text-interactive-contained-error-on-idle",
293
- "hover:border-interactive-contained-error-hover hover:bg-interactive-contained-error-hover hover:text-interactive-contained-error-on-hover",
294
- "pressed:border-interactive-contained-error-pressed pressed:bg-interactive-contained-error-pressed pressed:text-interactive-contained-error-on-pressed",
295
- "disabled:border-interactive-contained-error-disabled disabled:bg-interactive-contained-error-disabled disabled:text-interactive-contained-error-on-disabled",
296
- "focus-visible:outline-interactive-contained-error-focus",
297
- "selected:border-interactive-contained-error-toggled-idle selected:bg-interactive-contained-error-toggled-idle selected:text-interactive-contained-error-on-toggled-idle",
298
- "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",
299
- "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",
300
- "group-data-[split]/split:data-[separator]:after:bg-interactive-contained-error-on-idle!"
301
- ]
302
- },
303
- {
304
- variant: "outlined",
305
- color: "error",
306
- className: [
307
- "border-interactive-outlined-error-outline-idle bg-interactive-outlined-error-idle text-interactive-outlined-error-on-idle",
308
- "hover:border-interactive-outlined-error-outline-hover hover:bg-interactive-outlined-error-hover hover:text-interactive-outlined-error-on-hover",
309
- "pressed:border-interactive-outlined-error-outline-pressed pressed:bg-interactive-outlined-error-pressed pressed:text-interactive-outlined-error-on-pressed",
310
- "disabled:border-interactive-outlined-error-outline-disabled disabled:bg-interactive-outlined-error-disabled disabled:text-interactive-outlined-error-on-disabled",
311
- "focus-visible:outline-interactive-outlined-error-focus",
312
- "selected:border-interactive-outlined-error-toggled-idle selected:bg-interactive-outlined-error-toggled-idle selected:text-interactive-outlined-error-on-toggled-idle",
313
- "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",
314
- "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"
315
- ]
316
- },
317
- {
318
- variant: "subtle",
319
- color: "error",
320
- className: [
321
- "border-interactive-subtle-error-idle bg-interactive-subtle-error-idle text-interactive-subtle-error-on-idle",
322
- "hover:border-interactive-subtle-error-hover hover:bg-interactive-subtle-error-hover hover:text-interactive-subtle-error-on-hover",
323
- "pressed:border-interactive-subtle-error-pressed pressed:bg-interactive-subtle-error-pressed pressed:text-interactive-subtle-error-on-pressed",
324
- "disabled:border-interactive-subtle-error-disabled disabled:bg-interactive-subtle-error-disabled disabled:text-interactive-subtle-error-on-disabled",
325
- "focus-visible:outline-interactive-subtle-error-focus",
326
- "selected:border-interactive-subtle-error-toggled-idle selected:bg-interactive-subtle-error-toggled-idle selected:text-interactive-subtle-error-on-toggled-idle",
327
- "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",
328
- "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",
329
- "group-data-[split]/split:data-[separator]:after:bg-interactive-subtle-error-on-idle!"
330
- ]
331
- },
332
- {
333
- variant: "ghost",
334
- color: "error",
335
- className: [
336
- "border-interactive-ghost-error-idle bg-interactive-ghost-error-idle text-interactive-ghost-error-on-idle",
337
- "hover:border-interactive-ghost-error-hover hover:bg-interactive-ghost-error-hover hover:text-interactive-ghost-error-on-hover",
338
- "pressed:border-interactive-ghost-error-pressed pressed:bg-interactive-ghost-error-pressed pressed:text-interactive-ghost-error-on-pressed",
339
- "disabled:border-interactive-ghost-error-disabled disabled:bg-interactive-ghost-error-disabled disabled:text-interactive-ghost-error-on-disabled",
340
- "focus-visible:outline-interactive-ghost-error-focus",
341
- "selected:border-interactive-ghost-error-toggled-idle selected:bg-interactive-ghost-error-toggled-idle selected:text-interactive-ghost-error-on-toggled-idle",
342
- "selected:hover:border-interactive-ghost-error-toggled-hover selected:hover:bg-interactive-ghost-error-toggled-hover selected:hover:text-interactive-ghost-error-on-toggled-hover",
343
- "selected:disabled:border-interactive-ghost-error-toggled-disabled selected:disabled:bg-interactive-ghost-error-toggled-disabled selected:disabled:text-interactive-ghost-error-on-toggled-disabled",
344
- "group-data-[split]/split:data-[separator]:after:hidden"
345
- ]
346
- },
347
- {
348
- variant: "text",
349
- color: "primary",
350
- inverted: false,
351
- className: [
352
- "border-support-transparent-outline",
353
- "text-interactive-text-primary-idle",
354
- "hover:text-interactive-text-primary-hover",
355
- "pressed:text-interactive-text-primary-pressed",
356
- "disabled:text-interactive-text-primary-disabled",
357
- "focus-visible:outline-interactive-text-primary-focus",
358
- "selected:text-interactive-text-primary-toggled-idle",
359
- "selected:hover:text-interactive-text-primary-toggled-hovered",
360
- "selected:disabled:text-interactive-text-primary-toggled-disabled"
361
- ]
362
- },
363
- {
364
- variant: "text",
365
- color: "secondary",
366
- className: [
367
- "border-support-transparent-outline",
368
- "text-interactive-text-secondary-idle",
369
- "hover:text-interactive-text-secondary-hover",
370
- "pressed:text-interactive-text-secondary-pressed",
371
- "disabled:text-interactive-text-secondary-disabled",
372
- "focus-visible:outline-interactive-text-secondary-focus",
373
- "selected:text-interactive-text-secondary-toggled-idle",
374
- "selected:hover:text-interactive-text-secondary-toggled-hovered",
375
- "selected:disabled:text-interactive-text-secondary-toggled-disabled"
376
- ]
377
- },
378
- {
379
- variant: "text",
380
- color: "success",
381
- inverted: false,
382
- className: [
383
- "border-support-transparent-outline",
384
- "text-interactive-text-success-idle",
385
- "hover:text-interactive-text-success-hover",
386
- "pressed:text-interactive-text-success-pressed",
387
- "disabled:text-interactive-text-success-disabled",
388
- "focus-visible:outline-interactive-text-success-focus",
389
- "selected:text-interactive-text-success-toggled-idle",
390
- "selected:hover:text-interactive-text-success-toggled-hovered",
391
- "selected:disabled:text-interactive-text-success-toggled-disabled"
392
- ]
393
- },
394
- {
395
- variant: "text",
396
- color: "warning",
397
- inverted: false,
398
- className: [
399
- "border-support-transparent-outline",
400
- "text-interactive-text-warning-idle",
401
- "hover:text-interactive-text-warning-hover",
402
- "pressed:text-interactive-text-warning-pressed",
403
- "disabled:text-interactive-text-warning-disabled",
404
- "focus-visible:outline-interactive-text-warning-focus",
405
- "selected:text-interactive-text-warning-toggled-idle",
406
- "selected:hover:text-interactive-text-warning-toggled-hovered",
407
- "selected:disabled:text-interactive-text-warning-toggled-disabled"
408
- ]
409
- },
410
- {
411
- variant: "text",
412
- color: "error",
413
- inverted: false,
414
- className: [
415
- "border-support-transparent-outline",
416
- "text-interactive-text-error-idle",
417
- "hover:text-interactive-text-error-hover",
418
- "pressed:text-interactive-text-error-pressed",
419
- "disabled:text-interactive-text-error-disabled",
420
- "focus-visible:outline-interactive-text-error-focus",
421
- "selected:text-interactive-text-error-toggled-idle",
422
- "selected:hover:text-interactive-text-error-toggled-hovered",
423
- "selected:disabled:text-interactive-text-error-toggled-disabled"
424
- ]
425
- },
426
- {
427
- variant: "text",
428
- color: "primary",
429
- inverted: true,
430
- className: [
431
- "border-support-transparent-outline",
432
- "text-interactive-text-primary-idle-inverted",
433
- "hover:text-interactive-text-primary-hover-inverted",
434
- "pressed:text-interactive-text-primary-pressed-inverted",
435
- "disabled:text-interactive-text-primary-disabled-inverted",
436
- "focus-visible:outline-interactive-text-primary-focus-inverted",
437
- "selected:text-interactive-text-primary-toggled-idle-inverted",
438
- "selected:hover:text-interactive-text-primary-toggled-hovered-inverted",
439
- "selected:disabled:text-interactive-text-primary-toggled-disabled-inverted"
440
- ]
441
- },
442
- {
443
- variant: "text",
444
- color: "success",
445
- inverted: true,
446
- className: [
447
- "border-support-transparent-outline",
448
- "text-interactive-text-success-idle-inverted",
449
- "hover:text-interactive-text-success-hover-inverted",
450
- "pressed:text-interactive-text-success-pressed-inverted",
451
- "disabled:text-interactive-text-success-disabled-inverted",
452
- "focus-visible:outline-interactive-text-success-focus-inverted",
453
- "selected:text-interactive-text-success-toggled-idle-inverted",
454
- "selected:hover:text-interactive-text-success-toggled-hovered-inverted",
455
- "selected:disabled:text-interactive-text-success-toggled-disabled-inverted"
456
- ]
457
- },
458
- {
459
- variant: "text",
460
- color: "warning",
461
- inverted: true,
462
- className: [
463
- "border-support-transparent-outline",
464
- "text-interactive-text-warning-idle-inverted",
465
- "hover:text-interactive-text-warning-hover-inverted",
466
- "pressed:text-interactive-text-warning-pressed-inverted",
467
- "disabled:text-interactive-text-warning-disabled-inverted",
468
- "focus-visible:outline-interactive-text-warning-focus-inverted",
469
- "selected:text-interactive-text-warning-toggled-idle-inverted",
470
- "selected:hover:text-interactive-text-warning-toggled-hovered-inverted",
471
- "selected:disabled:text-interactive-text-warning-toggled-disabled-inverted"
472
- ]
473
- },
474
- {
475
- variant: "text",
476
- color: "error",
477
- inverted: true,
478
- className: [
479
- "border-support-transparent-outline",
480
- "text-interactive-text-error-idle-inverted",
481
- "hover:text-interactive-text-error-hover-inverted",
482
- "pressed:text-interactive-text-error-pressed-inverted",
483
- "disabled:text-interactive-text-error-disabled-inverted",
484
- "focus-visible:outline-interactive-text-error-focus-inverted",
485
- "selected:text-interactive-text-error-toggled-idle-inverted",
486
- "selected:hover:text-interactive-text-error-toggled-hovered-inverted",
487
- "selected:disabled:text-interactive-text-error-toggled-disabled-inverted"
488
- ]
489
- },
490
- {
491
- variant: "text",
492
- color: "dual",
493
- className: [
494
- "border-support-transparent-outline",
495
- "text-interactive-text-secondary-idle [&_svg]:text-interactive-text-primary-idle",
496
- "hover:text-interactive-text-primary-hover hover:[&_svg]:text-interactive-text-primary-hover",
497
- "pressed:text-interactive-text-primary-pressed pressed:[&_svg]:text-interactive-text-primary-pressed",
498
- "disabled:text-interactive-text-primary-disabled disabled:[&_svg]:text-interactive-text-primary-disabled",
499
- "focus-visible:outline-interactive-text-primary-focus",
500
- "selected:text-interactive-text-primery-toggled-idle selected:[&_svg]:text-interactive-text-primery-toggled-idle",
501
- "selected:hover:text-interactive-text-primary-toggled-hovered selected:hover:[&_svg]:text-interactive-text-primary-toggled-hovered",
502
- "selected:disabled:text-interactive-text-primary-toggled-disabled selected:disabled:[&_svg]:text-interactive-text-primary-toggled-disabled"
503
- ]
504
- }
505
- ],
506
- defaultVariants: {
507
- width: "hug",
508
- color: "primary",
509
- variant: "contained",
510
- inverted: false
511
- }
512
- }
513
- );
514
- const buttonSize = cva("", {
515
- variants: {
516
- size: {
517
- none: "rounded-button-rounding-s p-0",
518
- xs: "rounded-button-rounding-s",
519
- s: "rounded-button-rounding-s",
520
- m: "rounded-button-rounding-m",
521
- l: "rounded-button-rounding-l"
522
- },
523
- iconOnly: {
524
- true: "",
525
- false: ""
526
- }
527
- },
528
- compoundVariants: [
529
- {
530
- size: "xs",
531
- iconOnly: false,
532
- className: "px-button-side-xs py-button-height-xs"
533
- },
534
- {
535
- size: "s",
536
- iconOnly: false,
537
- className: "px-button-side-s py-button-height-s"
538
- },
539
- {
540
- size: "m",
541
- iconOnly: false,
542
- className: "px-button-side-m py-button-height-m"
543
- },
544
- {
545
- size: "l",
546
- iconOnly: false,
547
- className: "px-button-side-l py-button-height-l"
548
- },
549
- {
550
- size: "xs",
551
- iconOnly: true,
552
- className: "p-button-height-xs"
553
- },
554
- {
555
- size: "s",
556
- iconOnly: true,
557
- className: "p-button-height-s"
558
- },
559
- {
560
- size: "m",
561
- iconOnly: true,
562
- className: "p-button-height-m"
563
- },
564
- {
565
- size: "l",
566
- iconOnly: true,
567
- className: "p-button-height-l"
568
- }
569
- ],
570
- defaultVariants: {
571
- size: "m",
572
- iconOnly: false
573
- }
574
- });
575
- const buttonContent = cva("", {
576
- variants: {
577
- size: {
578
- none: "gap-button-gap-icon-to-label",
579
- xs: "gap-button-gap-icon-to-label",
580
- s: "gap-button-gap-icon-to-label",
581
- m: "gap-button-gap-icon-to-label",
582
- l: "gap-button-gap-icon-to-label"
583
- },
584
- iconPosition: {
585
- left: "",
586
- right: "",
587
- none: ""
588
- },
589
- iconOnly: {
590
- true: "p-0",
591
- false: ""
592
- }
593
- },
594
- compoundVariants: [
595
- { iconOnly: false, iconPosition: "left", className: "pr-button-side-button-content" },
596
- { iconOnly: false, iconPosition: "right", className: "pl-button-side-button-content" }
597
- ],
598
- defaultVariants: {
599
- size: "m",
600
- iconPosition: "left",
601
- iconOnly: false
602
- }
603
- });
604
- const buttonIconSize = cva("", {
605
- variants: {
606
- size: {
607
- none: "h-6 w-6",
608
- xs: "h-6 w-6",
609
- s: "h-6 w-6",
610
- m: "h-6 w-6",
611
- l: "h-6 w-6"
612
- }
613
- },
614
- defaultVariants: {
615
- size: "m"
616
- }
617
- });
618
- const buttonTypography = compoundMapper({
619
- defaultVariants: {
620
- size: "m"
621
- },
622
- compoundVariants: [
623
- {
624
- size: "none",
625
- value: {
626
- size: "label-2",
627
- variant: "prominent-1"
628
- }
629
- },
630
- {
631
- size: "xs",
632
- value: {
633
- size: "label-2",
634
- variant: "prominent-1"
635
- }
636
- },
637
- {
638
- size: "s",
639
- value: {
640
- size: "label-2",
641
- variant: "prominent-1"
642
- }
643
- },
644
- {
645
- size: "m",
646
- value: {
647
- size: "label-2",
648
- variant: "prominent-1"
649
- }
650
- },
651
- {
652
- size: "l",
653
- value: {
654
- size: "label-2",
655
- variant: "prominent-1"
656
- }
657
- }
658
- ]
659
- });
660
- export {
661
- button,
662
- buttonContent,
663
- buttonIconSize,
664
- buttonSize,
665
- buttonTypography
666
- };